@definable/ui 0.1.29 → 0.1.30

package/dist/components/picker.d.ts

@@ -1,3 +1,4 @@
+import { Drawer } from './drawer';
 interface PickerOption<T extends string | number> {
     label: string;
     value: T;
@@ -11,10 +12,11 @@ interface PickerProps<T extends string | number> {
     className?: string;
     pickerClassName?: string;
     description?: string;
+    drawerProps?: React.ComponentProps<typeof Drawer>;
 }
 /**
  * A premium mobile picker that opens in a sheet.
  * Features a high-quality wheel/drum selector.
  */
-export declare function Picker<T extends string | number>({ label, options, value, onChange, trigger, className, pickerClassName, description, }: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Picker<T extends string | number>({ label, options, value, onChange, trigger, className, pickerClassName, description, drawerProps, }: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/picker.js

@@ -2,10 +2,10 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as u } from "react";
 import i from "react-mobile-picker";
 import { cn as l } from "../lib/utils.js";
-import { Button as C } from "./button.js";
-import { ChevronRight as D } from "lucide-react";
-import { Drawer as j, DrawerTrigger as z, DrawerContent as O, DrawerHeader as P, DrawerTitle as T, DrawerFooter as V } from "./drawer.js";
-function A({
+import { Button as D } from "./button.js";
+import { ChevronRight as j } from "lucide-react";
+import { Drawer as z, DrawerTrigger as O, DrawerContent as P, DrawerHeader as T, DrawerTitle as V, DrawerFooter as H } from "./drawer.js";
+function E({
   label: n,
   options: d,
   value: a,
@@ -13,17 +13,18 @@ function A({
   trigger: f,
   className: g,
   pickerClassName: x,
-  description: s
+  description: s,
+  drawerProps: b
 }) {
-  const [b, c] = u(!1), [m, h] = u(a), v = (r) => {
+  const [v, c] = u(!1), [m, h] = u(a), N = (r) => {
     r && h(a), c(r);
-  }, o = d.find((r) => r.value === a), N = { column: m }, w = (r) => {
+  }, o = d.find((r) => r.value === a), w = { column: m }, k = (r) => {
     h(r.column);
-  }, k = () => {
+  }, y = () => {
     p(m), c(!1);
   };
-  return /* @__PURE__ */ t(j, { open: b, onOpenChange: v, children: [
-    /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(z, { open: v, onOpenChange: N, ...b, children: [
+    /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         className: l("cursor-pointer select-none", g),
@@ -38,28 +39,28 @@ function A({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "w-7 min-w-[28px] h-7 rounded-full bg-muted/30 flex items-center justify-center group-hover:bg-muted/50 transition-colors", children: /* @__PURE__ */ e(D, { className: "w-4 h-4 text-muted-foreground/60" }) })
+          /* @__PURE__ */ e("div", { className: "w-7 min-w-[28px] h-7 rounded-full bg-muted/30 flex items-center justify-center group-hover:bg-muted/50 transition-colors", children: /* @__PURE__ */ e(j, { className: "w-4 h-4 text-muted-foreground/60" }) })
         ] })
       }
     ) }),
-    /* @__PURE__ */ t(O, { children: [
-      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(T, { children: n }) }),
+    /* @__PURE__ */ t(P, { children: [
+      /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(V, { children: n }) }),
       /* @__PURE__ */ e("div", { className: "px-6 pt-0 space-y-5 pb-10", children: /* @__PURE__ */ t("div", { className: "relative h-[220px] bg-card/60 dark:bg-muted/10 rounded-[32px] overflow-hidden border border-border/10 shadow-sm", children: [
         /* @__PURE__ */ e("div", { className: "absolute left-4 right-4 top-1/2 -translate-y-1/2 h-[56px] bg-primary/[0.04] dark:bg-primary/10 border-y border-primary/10 rounded-2xl pointer-events-none z-10" }),
         /* @__PURE__ */ e(
           i,
           {
-            value: N,
-            onChange: w,
+            value: w,
+            onChange: k,
             height: 220,
             itemHeight: 56,
             className: l(x),
-            children: /* @__PURE__ */ e(i.Column, { name: "column", children: d.map((r) => /* @__PURE__ */ e(i.Item, { value: r.value, children: ({ selected: y }) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(i.Column, { name: "column", children: d.map((r) => /* @__PURE__ */ e(i.Item, { value: r.value, children: ({ selected: C }) => /* @__PURE__ */ e(
               "div",
               {
                 className: l(
                   "flex items-center justify-center h-full px-6 text-center transition-all duration-300 ease-out",
-                  y ? "text-primary text-xl font-bold tracking-tight" : "text-muted-foreground/30 text-base font-medium scale-95"
+                  C ? "text-primary text-xl font-bold tracking-tight" : "text-muted-foreground/30 text-base font-medium scale-95"
                 ),
                 children: r.label
               }
@@ -69,10 +70,10 @@ function A({
         /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 h-20 bg-gradient-to-b from-card via-card/90 to-transparent pointer-events-none z-10 dark:from-[#121212] dark:via-[#121212]/95" }),
         /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-card via-card/90 to-transparent pointer-events-none z-10 dark:from-[#121212] dark:via-[#121212]/95" })
       ] }) }),
-      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ t(
-        C,
+      /* @__PURE__ */ e(H, { children: /* @__PURE__ */ t(
+        D,
         {
-          onClick: k,
+          onClick: y,
           className: "w-full h-12 rounded-2xl text-base font-bold shadow-lg shadow-primary/10 bg-primary text-primary-foreground hover:opacity-95 active:scale-[0.98] transition-all",
           children: [
             "Confirm ",
@@ -84,5 +85,5 @@ function A({
   ] });
 }
 export {
-  A as Picker
+  E as Picker
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@definable/ui",
   "type": "module",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "private": false,
   "description": "Definable UI Component Library",
   "main": "dist/index.js",