@wealthx/shadcn 1.5.18 → 1.5.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wealthx/shadcn",
3
- "version": "1.5.18",
3
+ "version": "1.5.19",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./src/index.ts",
@@ -125,7 +125,10 @@ function DrawerFooter({
125
125
  }: DrawerFooterProps): ReactElement {
126
126
  return (
127
127
  <div
128
- className={cn("mt-auto flex flex-col gap-2 p-4", className)}
128
+ className={cn(
129
+ "mt-auto flex flex-row justify-end gap-2 border-t border-border p-4",
130
+ className,
131
+ )}
129
132
  data-slot="drawer-footer"
130
133
  {...props}
131
134
  />
@@ -136,7 +136,10 @@ export type SheetFooterProps = React.ComponentProps<"div">;
136
136
  function SheetFooter({ className, ...props }: SheetFooterProps): ReactElement {
137
137
  return (
138
138
  <div
139
- className={cn("mt-auto flex flex-col gap-2 p-4", className)}
139
+ className={cn(
140
+ "mt-auto flex flex-row justify-end gap-2 border-t border-border p-4",
141
+ className,
142
+ )}
140
143
  data-slot="sheet-footer"
141
144
  {...props}
142
145
  />
@@ -664,3 +664,9 @@ textarea::selection {
664
664
  [data-sonner-toast][data-type="info"] {
665
665
  box-shadow: inset 4px 0 0 var(--info) !important;
666
666
  }
667
+
668
+ /* DrawerFooter: stretch buttons to fill full row for bottom/top drawers */
669
+ [data-vaul-drawer-direction="bottom"] [data-slot="drawer-footer"] > *,
670
+ [data-vaul-drawer-direction="top"] [data-slot="drawer-footer"] > * {
671
+ flex: 1 1 0%;
672
+ }