Changed sheet & dialog close button to match proper shadcn implementation

Author: Curtis Allan

docs/comp_code.py

@@ -329,7 +329,7 @@ def get(sess):
         title="Edit Profile",
         description="Make changes to your profile here. Click save when you're done.",
         footer=Div(
-            DialogCloseButton("Save changes"), cls="flex w-full justify-end"
+            DialogClose("Save changes"), cls="flex w-full justify-end"
         ),
         id="demo-dialog",
     )""",
@@ -364,7 +364,7 @@ def get(sess):
                 ),
                 cls="grid gap-4 py-4",
             ),
-            DialogFooter(DialogCloseButton("Save changes")),
+            DialogFooter(DialogClose("Save changes")),
             cls="sm:max-w-[425px]",
         ),
         standard=True,
@@ -549,7 +549,7 @@ def table_rows():
     ),
     title="Demo Sheet",
     description="This is a demo sheet.",
-    footer=SheetCloseButton("Close", cls="w-full"),
+    footer=SheetClose("Close", cls="w-full"),
     trigger="Toggle Sheet",
     id="demo-sheet",
 )""",
@@ -581,7 +581,7 @@ def table_rows():
             ),
             cls="grid gap-4 py-4",
         ),
-        SheetFooter(SheetCloseButton("Close")),
+        SheetFooter(SheetClose("Close")),
     ),
     standard=True,
 )""",

docs/comp_demos.py

@@ -643,7 +643,7 @@ def DialogAltBlock():
                     ),
                     cls="grid gap-4 py-4",
                 ),
-                DialogFooter(DialogCloseButton("Save changes")),
+                DialogFooter(DialogClose("Save changes")),
                 cls="sm:max-w-[425px]",
             ),
             standard=True,
@@ -679,7 +679,7 @@ def dialog_block():
             description="Make changes to your profile here. Click save when you're done.",
             trigger="Toggle Dialog",
             footer=Div(
-                DialogCloseButton("Save changes"), cls="flex w-full justify-end"
+                DialogClose("Save changes"), cls="flex w-full justify-end"
             ),
         ),
         id="dialog",
@@ -922,7 +922,7 @@ def sheet_block():
             ),
             title="Demo Sheet",
             description="This is a demo sheet.",
-            footer=SheetCloseButton("Close", cls="w-full"),
+            footer=SheetClose("Close", cls="w-full"),
             trigger="Toggle Sheet",
         ),
         id="sheet",
@@ -958,7 +958,7 @@ def SheetAltBlock():
                     ),
                     cls="grid gap-4 py-4",
                 ),
-                SheetFooter(SheetCloseButton("Close")),
+                SheetFooter(SheetClose("Close")),
             ),
             standard=True,
         ),

docs/md/dialog_template.md

@@ -18,7 +18,7 @@ app, rt = fast_app(pico=False, hdrs=(ShadHead(),))
 
 The dialog component has two methods of implementation. The first method is the FastHtml method for a simpler implementation, and the second method is the standard method for a more Shadcn-ui like implementation.
 
-If you wish to use a button to close the dialog from within, you can use the `DialogCloseButton` component, or simply apply the `dialog-close-button` class to a component.
+If you wish to use a button to close the dialog from within, you can use the `DialogClose` component, or simply apply the `dialog-close-button` class to a component.
 
 ### FT Method
 
@@ -32,7 +32,7 @@ Dialog(
         trigger="Edit Todo",
         title="Edit Todo",
         description="Edit the todo item. Click the 'Save' button to save it.",
-        footer=Div(DialogCloseButton("Save changes")),
+        footer=Div(DialogClose("Save changes")),
         state="closed",
     )
 ```
@@ -77,7 +77,7 @@ Dialog(
             ),
             cls="grid gap-4 py-4",
         ),
-        DialogFooter(DialogCloseButton("Save changes")),
+        DialogFooter(DialogClose("Save changes")),
         cls="sm:max-w-[425px]",
         state="closed",
     ),

docs/md/sheet_template.md

@@ -18,7 +18,7 @@ app, rt = fast_app(pico=False, hdrs=(ShadHead(),))
 
 The sheet component has two methods of implementation. The first method is the FastHtml method for a simpler implementation, and the second method is the standard method for a more Shadcn-ui like implementation.
 
-If you wish to use a button to close the dialog from within, you can use the `SheetCloseButton` component, or simply apply the `sheet-close-button` class to a component.
+If you wish to use a button to close the dialog from within, you can use the `SheetClose` component, or simply apply the `sheet-close-button` class to a component.
 
 ### FT Method
 
@@ -36,7 +36,7 @@ Sheet(
     ),
     title="Demo Sheet",
     description="This is a demo sheet.",
-    footer=SheetCloseButton("Close", cls="w-full"),
+    footer=SheetClose("Close", cls="w-full"),
     trigger="Toggle Sheet",
 )
 ```
@@ -79,7 +79,7 @@ Sheet(
             ),
             cls="grid gap-4 py-4",
         ),
-        SheetFooter(SheetCloseButton("Close")),
+        SheetFooter(SheetClose("Close")),
     ),
     standard=True,
 )

llms.txt

@@ -1,4 +1,4 @@
 # SPDX-FileCopyrightText: 2024-present Curtis Allan <[email protected]>
 #
 # SPDX-License-Identifier: MIT
-__version__ = "1.2.0"
+__version__ = "1.2.1"

shad4fast/src/shad4fast/__about__.py

@@ -7,7 +7,7 @@
     "DialogHeader",
     "DialogFooter",
     "DialogTitle",
-    "DialogCloseButton",
+    "DialogClose",
     "DialogDescription",
     "DialogContent",
     "DialogTrigger",
@@ -46,7 +46,7 @@ def DialogTitle(*c, cls=None, **kwargs):
     return H1(*c, **kwargs)
 
 
-def DialogCloseButton(*c, cls=None, **kwargs):
+def DialogClose(*c, cls=None, **kwargs):
     new_cls = "dialog-close-button"
     if cls:
         new_cls += f" {cls}"

shad4fast/src/shad4fast/components/dialog.py

@@ -4,7 +4,7 @@
 
 __all__ = [
     "Sheet",
-    "SheetCloseButton",
+    "SheetClose",
     "SheetContent",
     "SheetHeader",
     "SheetTitle",
@@ -81,7 +81,7 @@ def Sheet(
     )
 
 
-def SheetCloseButton(*c, cls=None, **kwargs):
+def SheetClose(*c, cls=None, **kwargs):
     new_cls = "sheet-close-button"
     if cls:
         new_cls += f" {cls}"

shad4fast/src/shad4fast/components/sheet.py

@@ -0,0 +1 @@
+Generate a {INSERT COMPONENT/S HERE}. It should have no comments within the code, className should be replaced with 'cls', and any icons used should be structured as '<Lucide icon="{icon name}" />', where the icon attribute is a valid icon name from the 'lucide-static' library (NOT lucide-react). It should not use any charts or react/jsx functionality (NO state/ maps etc). It should rely purely on the Shadcn/UI library for handling view toggles and state updates, as per the most recent documentation. There should be no dynamic tailwind class rendering. All styles and components should be hardcoded. Skip ALL import and export statements, and simply have a return statement that returns the code itself (e.g. return(<div>...)). All Card, Alert, Dialog, Table, Carousel, Sheet and Select components, if included, should have an attribute of 'standard' that is set to true.