[sparkle] - feat: Sheet (#8943)

* [sparkle] - feature: add 'tale' box shadow configuration to tailwind

 - Introduced a new box shadow option 'tale' for use within UI components

* [sparkle] - feature: implement Sheet component with theming and accessibility

 - Added Sheet component leveraging Radix UI for accessibility
 - Integrated class-variance-authority for managing className variants
 - Provided size variants for Sheet content with responsive design support
 - Included components for Sheet's header, container, footer, title, and description for a complete UI unit
 - Ensured theming consistency and transition animations for open/close states

* [sparkle] - feature: add Sheet component stories for Storybook

 - Introduce Storybook stories for the Sheet component showcasing various usage scenarios.
 - Provide examples including SheetDemo, ContentDemo, and SheetCustom to illustrate different configurations and contents.

* [sparkle] - feature: add Sheet component exports to component library

 - Make the Suite of Sheet components available for import
 - Expand the UI component library with modals and overlays functionality

* [sparkle] - feature: add radix-ui react-dialog dependency

 - New dependency `@radix-ui/react-dialog` added for dialog components in the UI
 - Included necessary peer dependencies and sub-dependencies for proper integration of the dialog feature

* [sparkle] - feature: enhance Sheet component with flexible headers and footers

 - Extend SheetHeader to support optional close button through hideButton prop
 - SheetFooter now accepts props for left and right buttons and can render children
 - Ensure consistent export formatting and end of file newlines in component index
 - Improve Sheet story to demonstrate new header and footer capabilities

* [sparkle] - feature: bump package version to 0.2.326

 - Updated the package version in both package.json and package-lock.json for a new release
 - Ensure the latest features and fixes are included in the new package version

* [sparkle] - fix: adjust button wrapping based on disabled state

 - Buttons now render directly without wrapping in SheetClose if disabled
 - Ensures correct visual and interaction pattern for disabled state buttons in SheetFooter

* [sparkle] - refactor: use composability for SheetClose with Button

 - Wrap Button components in SheetClose with `asChild` prop to leverage composability
 - Ensure SheetClose component can act as a parent without affecting button functionality

sparkle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.325",
+  "version": "0.2.326",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
@@ -98,6 +98,7 @@
     "@emoji-mart/react": "^1.1.1",
     "@headlessui/react": "^1.7.19",
     "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.2",