@skybin-tech/nebula-ui 0.0.28 → 0.0.29
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/README.md +422 -356
- package/dist/cjs/components/Alert/Alert.cjs.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/cjs/components/Badge/Badge.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.cjs +1 -1
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Card/Card.cjs.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs.map +1 -1
- package/dist/cjs/components/Form/Checkbox.cjs.map +1 -1
- package/dist/cjs/components/Form/Combobox.cjs +124 -0
- package/dist/cjs/components/Form/Combobox.cjs.map +1 -0
- package/dist/cjs/components/Form/CountryPicker.cjs +101 -0
- package/dist/cjs/components/Form/CountryPicker.cjs.map +1 -0
- package/dist/cjs/components/Form/CountrySelect.cjs +111 -0
- package/dist/cjs/components/Form/CountrySelect.cjs.map +1 -0
- package/dist/cjs/components/Form/DatePicker.cjs +122 -0
- package/dist/cjs/components/Form/DatePicker.cjs.map +1 -0
- package/dist/cjs/components/Form/FieldLayout.cjs +65 -0
- package/dist/cjs/components/Form/FieldLayout.cjs.map +1 -0
- package/dist/cjs/components/Form/Form.cjs +3 -1
- package/dist/cjs/components/Form/Form.cjs.map +1 -1
- package/dist/cjs/components/Form/PhoneInput.cjs +170 -0
- package/dist/cjs/components/Form/PhoneInput.cjs.map +1 -0
- package/dist/cjs/components/Form/Radio.cjs.map +1 -1
- package/dist/cjs/components/Form/Select.cjs +35 -47
- package/dist/cjs/components/Form/Select.cjs.map +1 -1
- package/dist/cjs/components/Form/TextArea.cjs +1 -1
- package/dist/cjs/components/Form/TextArea.cjs.map +1 -1
- package/dist/cjs/components/Form/TextBox.cjs +50 -61
- package/dist/cjs/components/Form/TextBox.cjs.map +1 -1
- package/dist/cjs/components/Form/context.cjs +25 -11
- package/dist/cjs/components/Form/context.cjs.map +1 -1
- package/dist/cjs/components/Form/hooks.cjs.map +1 -1
- package/dist/cjs/components/Form/index.cjs +16 -0
- package/dist/cjs/components/Input/Input.cjs +2 -2
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/cjs/components/Label/Label.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs +4 -4
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/Separator/Separator.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.cjs.map +1 -1
- package/dist/cjs/data/countries.cjs +1062 -0
- package/dist/cjs/data/countries.cjs.map +1 -0
- package/dist/cjs/hooks/useDebounce.cjs.map +1 -1
- package/dist/cjs/hooks/useToast.cjs.map +1 -1
- package/dist/cjs/hooks/useToggle.cjs.map +1 -1
- package/dist/cjs/index.cjs +64 -4
- package/dist/cjs/primitives/alert-dialog.cjs +73 -0
- package/dist/cjs/primitives/alert-dialog.cjs.map +1 -0
- package/dist/cjs/primitives/alert.cjs.map +1 -1
- package/dist/cjs/primitives/avatar.cjs.map +1 -1
- package/dist/cjs/primitives/breadcrumb.cjs +73 -0
- package/dist/cjs/primitives/breadcrumb.cjs.map +1 -0
- package/dist/cjs/primitives/button.cjs +8 -7
- package/dist/cjs/primitives/button.cjs.map +1 -1
- package/dist/cjs/primitives/calendar.cjs.map +1 -1
- package/dist/cjs/primitives/card.cjs.map +1 -1
- package/dist/cjs/primitives/checkbox.cjs.map +1 -1
- package/dist/cjs/primitives/command.cjs.map +1 -1
- package/dist/cjs/primitives/dialog.cjs.map +1 -1
- package/dist/cjs/primitives/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/primitives/input-otp.cjs +49 -0
- package/dist/cjs/primitives/input-otp.cjs.map +1 -0
- package/dist/cjs/primitives/label.cjs.map +1 -1
- package/dist/cjs/primitives/popover.cjs.map +1 -1
- package/dist/cjs/primitives/progress.cjs +24 -0
- package/dist/cjs/primitives/progress.cjs.map +1 -0
- package/dist/cjs/primitives/radio-group.cjs.map +1 -1
- package/dist/cjs/primitives/scroll-area.cjs.map +1 -1
- package/dist/cjs/primitives/select.cjs.map +1 -1
- package/dist/cjs/primitives/separator.cjs.map +1 -1
- package/dist/cjs/primitives/sheet.cjs +78 -0
- package/dist/cjs/primitives/sheet.cjs.map +1 -0
- package/dist/cjs/primitives/slider.cjs +23 -0
- package/dist/cjs/primitives/slider.cjs.map +1 -0
- package/dist/cjs/primitives/sonner.cjs.map +1 -1
- package/dist/cjs/primitives/switch.cjs.map +1 -1
- package/dist/cjs/primitives/table.cjs.map +1 -1
- package/dist/cjs/primitives/tabs.cjs.map +1 -1
- package/dist/cjs/primitives/textarea.cjs +1 -1
- package/dist/cjs/primitives/textarea.cjs.map +1 -1
- package/dist/cjs/primitives/textbox.cjs +1 -1
- package/dist/cjs/primitives/textbox.cjs.map +1 -1
- package/dist/cjs/primitives/toast.cjs.map +1 -1
- package/dist/cjs/primitives/toggle.cjs.map +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.d.ts +2 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/components/AlertDialog/index.d.ts +2 -0
- package/dist/components/AlertDialog/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/components/Form/Checkbox.js.map +1 -1
- package/dist/components/Form/Combobox.d.ts +31 -0
- package/dist/components/Form/Combobox.d.ts.map +1 -0
- package/dist/components/Form/Combobox.js +124 -0
- package/dist/components/Form/Combobox.js.map +1 -0
- package/dist/components/Form/CountryPicker.d.ts +17 -0
- package/dist/components/Form/CountryPicker.d.ts.map +1 -0
- package/dist/components/Form/CountryPicker.js +101 -0
- package/dist/components/Form/CountryPicker.js.map +1 -0
- package/dist/components/Form/CountrySelect.d.ts +32 -0
- package/dist/components/Form/CountrySelect.d.ts.map +1 -0
- package/dist/components/Form/CountrySelect.js +111 -0
- package/dist/components/Form/CountrySelect.js.map +1 -0
- package/dist/components/Form/DatePicker.d.ts +27 -0
- package/dist/components/Form/DatePicker.d.ts.map +1 -0
- package/dist/components/Form/DatePicker.js +122 -0
- package/dist/components/Form/DatePicker.js.map +1 -0
- package/dist/components/Form/FieldLayout.d.ts +15 -0
- package/dist/components/Form/FieldLayout.d.ts.map +1 -0
- package/dist/components/Form/FieldLayout.js +65 -0
- package/dist/components/Form/FieldLayout.js.map +1 -0
- package/dist/components/Form/Form.d.ts +1 -1
- package/dist/components/Form/Form.d.ts.map +1 -1
- package/dist/components/Form/Form.js +3 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/PhoneInput.d.ts +38 -0
- package/dist/components/Form/PhoneInput.d.ts.map +1 -0
- package/dist/components/Form/PhoneInput.js +170 -0
- package/dist/components/Form/PhoneInput.js.map +1 -0
- package/dist/components/Form/Radio.js.map +1 -1
- package/dist/components/Form/Select.d.ts.map +1 -1
- package/dist/components/Form/Select.js +35 -47
- package/dist/components/Form/Select.js.map +1 -1
- package/dist/components/Form/TextArea.js +1 -1
- package/dist/components/Form/TextArea.js.map +1 -1
- package/dist/components/Form/TextBox.d.ts.map +1 -1
- package/dist/components/Form/TextBox.js +50 -61
- package/dist/components/Form/TextBox.js.map +1 -1
- package/dist/components/Form/context.d.ts.map +1 -1
- package/dist/components/Form/context.js +25 -11
- package/dist/components/Form/context.js.map +1 -1
- package/dist/components/Form/context.test.d.ts +2 -0
- package/dist/components/Form/context.test.d.ts.map +1 -0
- package/dist/components/Form/hooks.js.map +1 -1
- package/dist/components/Form/index.d.ts +12 -0
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +7 -1
- package/dist/components/Input/Input.js +2 -2
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputOTP/InputOTP.d.ts +2 -0
- package/dist/components/InputOTP/InputOTP.d.ts.map +1 -0
- package/dist/components/InputOTP/index.d.ts +2 -0
- package/dist/components/InputOTP/index.d.ts.map +1 -0
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts +2 -2
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +4 -4
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Progress/Progress.d.ts +2 -0
- package/dist/components/Progress/Progress.d.ts.map +1 -0
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Progress/index.d.ts.map +1 -0
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/Sheet/Sheet.d.ts +2 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/components/Sheet/index.d.ts +2 -0
- package/dist/components/Sheet/index.d.ts.map +1 -0
- package/dist/components/Slider/Slider.d.ts +2 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/data/countries.d.ts +18 -0
- package/dist/data/countries.d.ts.map +1 -0
- package/dist/data/countries.js +1054 -0
- package/dist/data/countries.js.map +1 -0
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useToast.js.map +1 -1
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/index.d.ts +10 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +16 -5
- package/dist/primitives/alert-dialog.d.ts +21 -0
- package/dist/primitives/alert-dialog.d.ts.map +1 -0
- package/dist/primitives/alert-dialog.js +60 -0
- package/dist/primitives/alert-dialog.js.map +1 -0
- package/dist/primitives/alert.js.map +1 -1
- package/dist/primitives/avatar.js.map +1 -1
- package/dist/primitives/breadcrumb.d.ts +20 -0
- package/dist/primitives/breadcrumb.d.ts.map +1 -0
- package/dist/primitives/breadcrumb.js +65 -0
- package/dist/primitives/breadcrumb.js.map +1 -0
- package/dist/primitives/button.d.ts +4 -3
- package/dist/primitives/button.d.ts.map +1 -1
- package/dist/primitives/button.js +7 -7
- package/dist/primitives/button.js.map +1 -1
- package/dist/primitives/calendar.js.map +1 -1
- package/dist/primitives/card.js.map +1 -1
- package/dist/primitives/checkbox.js.map +1 -1
- package/dist/primitives/command.js.map +1 -1
- package/dist/primitives/dialog.js.map +1 -1
- package/dist/primitives/dropdown-menu.js.map +1 -1
- package/dist/primitives/index.d.ts +6 -0
- package/dist/primitives/index.d.ts.map +1 -1
- package/dist/primitives/input-otp.d.ts +35 -0
- package/dist/primitives/input-otp.d.ts.map +1 -0
- package/dist/primitives/input-otp.js +44 -0
- package/dist/primitives/input-otp.js.map +1 -0
- package/dist/primitives/input.d.ts +1 -3
- package/dist/primitives/input.d.ts.map +1 -1
- package/dist/primitives/label.js.map +1 -1
- package/dist/primitives/popover.js.map +1 -1
- package/dist/primitives/progress.d.ts +5 -0
- package/dist/primitives/progress.d.ts.map +1 -0
- package/dist/primitives/progress.js +21 -0
- package/dist/primitives/progress.js.map +1 -0
- package/dist/primitives/radio-group.js.map +1 -1
- package/dist/primitives/scroll-area.js.map +1 -1
- package/dist/primitives/select.js.map +1 -1
- package/dist/primitives/separator.js.map +1 -1
- package/dist/primitives/sheet.d.ts +26 -0
- package/dist/primitives/sheet.d.ts.map +1 -0
- package/dist/primitives/sheet.js +66 -0
- package/dist/primitives/sheet.js.map +1 -0
- package/dist/primitives/slider.d.ts +5 -0
- package/dist/primitives/slider.d.ts.map +1 -0
- package/dist/primitives/slider.js +20 -0
- package/dist/primitives/slider.js.map +1 -0
- package/dist/primitives/sonner.js.map +1 -1
- package/dist/primitives/switch.js.map +1 -1
- package/dist/primitives/table.js.map +1 -1
- package/dist/primitives/tabs.js.map +1 -1
- package/dist/primitives/textarea.js +1 -1
- package/dist/primitives/textarea.js.map +1 -1
- package/dist/primitives/textbox.js +1 -1
- package/dist/primitives/textbox.js.map +1 -1
- package/dist/primitives/toast.js.map +1 -1
- package/dist/primitives/toggle.js.map +1 -1
- package/package.json +163 -55
- package/src/styles/index.css +107 -0
- package/dist/cjs/primitives/input.cjs +0 -20
- package/dist/cjs/primitives/input.cjs.map +0 -1
- package/dist/primitives/input.js +0 -18
- package/dist/primitives/input.js.map +0 -1
- package/dist/stories/Button.d.ts +0 -15
- package/dist/stories/Button.d.ts.map +0 -1
- package/dist/stories/Button.stories.d.ts +0 -24
- package/dist/stories/Button.stories.d.ts.map +0 -1
- package/dist/stories/Header.d.ts +0 -12
- package/dist/stories/Header.d.ts.map +0 -1
- package/dist/stories/Header.stories.d.ts +0 -19
- package/dist/stories/Header.stories.d.ts.map +0 -1
- package/dist/stories/Page.d.ts +0 -3
- package/dist/stories/Page.d.ts.map +0 -1
- package/dist/stories/Page.stories.d.ts +0 -13
- package/dist/stories/Page.stories.d.ts.map +0 -1
|
@@ -8,7 +8,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
8
8
|
var TextBoxPrimitive = react.forwardRef(({ className, type, ...props }, ref) => {
|
|
9
9
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
|
|
10
10
|
type,
|
|
11
|
-
className: require_cn.cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
|
11
|
+
className: require_cn.cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
|
12
12
|
ref,
|
|
13
13
|
...props
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textbox.cjs","names":[],"sources":["../../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\n\nexport { TextBoxPrimitive }\n"],"mappings":";;;;;;;AAIA,IAAM,mBAAmB,MAAM,YAC5B,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACQ;EACN,WAAW,WAAA,GACT,
|
|
1
|
+
{"version":3,"file":"textbox.cjs","names":[],"sources":["../../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\r\n ({ className, type, ...props }, ref) => {\r\n return (\r\n <input\r\n type={type}\r\n className={cn(\r\n \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus:placeholder:opacity-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\r\n className\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n )\r\n }\r\n)\r\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\r\n\r\nexport { TextBoxPrimitive }\r\n"],"mappings":";;;;;;;AAIA,IAAM,mBAAmB,MAAM,YAC5B,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACQ;EACN,WAAW,WAAA,GACT,8ZACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CACF;AACA,iBAAiB,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.cjs","names":[],"sources":["../../../src/primitives/toast.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils/cn\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n className\n )}\n {...props}\n />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n {\n variants: {\n variant: {\n default: \"border bg-background text-foreground\",\n destructive: \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({ variant }), className)}\n {...props}\n />\n))\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n className\n )}\n {...props}\n />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n className\n )}\n toast-close=\"\"\n {...props}\n >\n <X className=\"h-4 w-4\" />\n </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn(\"text-sm font-semibold\", className)}\n {...props}\n />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn(\"text-sm opacity-90\", className)}\n {...props}\n />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n}\n"],"mappings":";;;;;;;;;;;AAMA,IAAM,gBAAgB,sBAAgB;AAEtC,IAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,UAAjB;CACO;CACL,WAAW,WAAA,GACT,qIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,cAAc,cAAc,sBAAgB,SAAS;AAErD,IAAM,iBAAA,GAAA,yBAAA,IAAA,CACJ,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,IAAM,QAAQ,MAAM,YAIjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,MAAjB;CACO;CACL,WAAW,WAAA,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AACD,MAAM,cAAc,sBAAgB,KAAK;AAEzC,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,QAAjB;CACO;CACL,WAAW,WAAA,GACT,sgBACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,sBAAgB,OAAO;AAEjD,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,OAAjB;CACO;CACL,WAAW,WAAA,GACT,yVACA,SACF;CACA,eAAY;CACZ,GAAI;WAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,WAAW,cAAc,sBAAgB,MAAM;AAE/C,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,OAAjB;CACO;CACL,WAAW,WAAA,GAAG,yBAAyB,SAAS;CAChD,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc,sBAAgB,MAAM;AAE/C,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,aAAjB;CACO;CACL,WAAW,WAAA,GAAG,sBAAsB,SAAS;CAC7C,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc,sBAAgB,YAAY"}
|
|
1
|
+
{"version":3,"file":"toast.cjs","names":[],"sources":["../../../src/primitives/toast.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { X } from \"lucide-react\"\r\nimport { cn } from \"@/utils/cn\"\r\n\r\nconst ToastProvider = ToastPrimitives.Provider\r\n\r\nconst ToastViewport = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Viewport>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\r\n>(({ className, ...props }, ref) => (\r\n <ToastPrimitives.Viewport\r\n ref={ref}\r\n className={cn(\r\n \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\r\n\r\nconst toastVariants = cva(\r\n \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"border bg-background text-foreground\",\r\n destructive: \"destructive group border-destructive bg-destructive text-destructive-foreground\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\nconst Toast = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Root>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\r\n VariantProps<typeof toastVariants>\r\n>(({ className, variant, ...props }, ref) => (\r\n <ToastPrimitives.Root\r\n ref={ref}\r\n className={cn(toastVariants({ variant }), className)}\r\n {...props}\r\n />\r\n))\r\nToast.displayName = ToastPrimitives.Root.displayName\r\n\r\nconst ToastAction = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Action>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\r\n>(({ className, ...props }, ref) => (\r\n <ToastPrimitives.Action\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nToastAction.displayName = ToastPrimitives.Action.displayName\r\n\r\nconst ToastClose = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Close>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\r\n>(({ className, ...props }, ref) => (\r\n <ToastPrimitives.Close\r\n ref={ref}\r\n className={cn(\r\n \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\r\n className\r\n )}\r\n toast-close=\"\"\r\n {...props}\r\n >\r\n <X className=\"h-4 w-4\" />\r\n </ToastPrimitives.Close>\r\n))\r\nToastClose.displayName = ToastPrimitives.Close.displayName\r\n\r\nconst ToastTitle = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Title>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\r\n>(({ className, ...props }, ref) => (\r\n <ToastPrimitives.Title\r\n ref={ref}\r\n className={cn(\"text-sm font-semibold\", className)}\r\n {...props}\r\n />\r\n))\r\nToastTitle.displayName = ToastPrimitives.Title.displayName\r\n\r\nconst ToastDescription = React.forwardRef<\r\n React.ElementRef<typeof ToastPrimitives.Description>,\r\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\r\n>(({ className, ...props }, ref) => (\r\n <ToastPrimitives.Description\r\n ref={ref}\r\n className={cn(\"text-sm opacity-90\", className)}\r\n {...props}\r\n />\r\n))\r\nToastDescription.displayName = ToastPrimitives.Description.displayName\r\n\r\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\r\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\r\n\r\nexport {\r\n type ToastProps,\r\n type ToastActionElement,\r\n ToastProvider,\r\n ToastViewport,\r\n Toast,\r\n ToastTitle,\r\n ToastDescription,\r\n ToastClose,\r\n ToastAction,\r\n}\r\n"],"mappings":";;;;;;;;;;;AAMA,IAAM,gBAAgB,sBAAgB;AAEtC,IAAM,gBAAgB,MAAM,YAGzB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,UAAjB;CACO;CACL,WAAW,WAAA,GACT,qIACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,cAAc,cAAc,sBAAgB,SAAS;AAErD,IAAM,iBAAA,GAAA,yBAAA,IAAA,CACJ,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,IAAM,QAAQ,MAAM,YAIjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,MAAjB;CACO;CACL,WAAW,WAAA,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AACD,MAAM,cAAc,sBAAgB,KAAK;AAEzC,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,QAAjB;CACO;CACL,WAAW,WAAA,GACT,sgBACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,sBAAgB,OAAO;AAEjD,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,OAAjB;CACO;CACL,WAAW,WAAA,GACT,yVACA,SACF;CACA,eAAY;CACZ,GAAI;WAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,WAAW,cAAc,sBAAgB,MAAM;AAE/C,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,OAAjB;CACO;CACL,WAAW,WAAA,GAAG,yBAAyB,SAAS;CAChD,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc,sBAAgB,MAAM;AAE/C,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAgB,aAAjB;CACO;CACL,WAAW,WAAA,GAAG,sBAAsB,SAAS;CAC7C,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc,sBAAgB,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../src/primitives/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-10 px-3 min-w-10\",\n sm: \"h-9 px-2.5 min-w-9\",\n lg: \"h-11 px-5 min-w-11\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n))\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;;;;;AAKA,IAAM,kBAAA,GAAA,yBAAA,IAAA,CACJ,sbACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,IAAM,SAAS,MAAM,YAIlB,EAAE,WAAW,SAAS,MAAM,GAAG,SAAS,QACzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,MAAjB;CACO;CACL,WAAW,WAAA,GAAG,eAAe;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAC1D,GAAI;AACL,CAAA,CACF;AACD,OAAO,cAAc,uBAAgB,KAAK"}
|
|
1
|
+
{"version":3,"file":"toggle.cjs","names":[],"sources":["../../../src/primitives/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/utils/cn\"\r\n\r\nconst toggleVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-transparent\",\r\n outline: \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\r\n },\r\n size: {\r\n default: \"h-10 px-3 min-w-10\",\r\n sm: \"h-9 px-2.5 min-w-9\",\r\n lg: \"h-11 px-5 min-w-11\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n }\r\n)\r\n\r\nconst Toggle = React.forwardRef<\r\n React.ElementRef<typeof TogglePrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\r\n VariantProps<typeof toggleVariants>\r\n>(({ className, variant, size, ...props }, ref) => (\r\n <TogglePrimitive.Root\r\n ref={ref}\r\n className={cn(toggleVariants({ variant, size, className }))}\r\n {...props}\r\n />\r\n))\r\nToggle.displayName = TogglePrimitive.Root.displayName\r\n\r\nexport { Toggle, toggleVariants }\r\n"],"mappings":";;;;;;;;;;AAKA,IAAM,kBAAA,GAAA,yBAAA,IAAA,CACJ,sbACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,IAAM,SAAS,MAAM,YAIlB,EAAE,WAAW,SAAS,MAAM,GAAG,SAAS,QACzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,MAAjB;CACO;CACL,WAAW,WAAA,GAAG,eAAe;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAC1D,GAAI;AACL,CAAA,CACF;AACD,OAAO,cAAc,uBAAgB,KAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n Alert as AlertPrimitive,\n AlertTitle as AlertTitlePrimitive,\n AlertDescription as AlertDescriptionPrimitive,\n} from \"../../primitives/alert\"\n\nexport const Alert = forwardRef<\n ElementRef<typeof AlertPrimitive>,\n ComponentPropsWithoutRef<typeof AlertPrimitive>\n>((props, ref) => <AlertPrimitive ref={ref} {...props} />)\nAlert.displayName = \"Alert\"\n\nexport const AlertTitle = forwardRef<\n ElementRef<typeof AlertTitlePrimitive>,\n ComponentPropsWithoutRef<typeof AlertTitlePrimitive>\n>((props, ref) => <AlertTitlePrimitive ref={ref} {...props} />)\nAlertTitle.displayName = \"AlertTitle\"\n\nexport const AlertDescription = forwardRef<\n ElementRef<typeof AlertDescriptionPrimitive>,\n ComponentPropsWithoutRef<typeof AlertDescriptionPrimitive>\n>((props, ref) => <AlertDescriptionPrimitive ref={ref} {...props} />)\nAlertDescription.displayName = \"AlertDescription\"\n"],"mappings":";;;;;AAQA,IAAa,QAAQ,YAGlB,OAAO,QAAQ,oBAAC,SAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc;AAEpB,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,mBAAmB,YAG7B,OAAO,QAAQ,oBAAC,oBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}
|
|
1
|
+
{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n Alert as AlertPrimitive,\r\n AlertTitle as AlertTitlePrimitive,\r\n AlertDescription as AlertDescriptionPrimitive,\r\n} from \"../../primitives/alert\"\r\n\r\nexport const Alert = forwardRef<\r\n ElementRef<typeof AlertPrimitive>,\r\n ComponentPropsWithoutRef<typeof AlertPrimitive>\r\n>((props, ref) => <AlertPrimitive ref={ref} {...props} />)\r\nAlert.displayName = \"Alert\"\r\n\r\nexport const AlertTitle = forwardRef<\r\n ElementRef<typeof AlertTitlePrimitive>,\r\n ComponentPropsWithoutRef<typeof AlertTitlePrimitive>\r\n>((props, ref) => <AlertTitlePrimitive ref={ref} {...props} />)\r\nAlertTitle.displayName = \"AlertTitle\"\r\n\r\nexport const AlertDescription = forwardRef<\r\n ElementRef<typeof AlertDescriptionPrimitive>,\r\n ComponentPropsWithoutRef<typeof AlertDescriptionPrimitive>\r\n>((props, ref) => <AlertDescriptionPrimitive ref={ref} {...props} />)\r\nAlertDescription.displayName = \"AlertDescription\"\r\n"],"mappings":";;;;;AAQA,IAAa,QAAQ,YAGlB,OAAO,QAAQ,oBAAC,SAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc;AAEpB,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,mBAAmB,YAG7B,OAAO,QAAQ,oBAAC,oBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from '../../primitives/alert-dialog';
|
|
2
|
+
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n Avatar as AvatarPrimitive,\n AvatarImage as AvatarImagePrimitive,\n AvatarFallback as AvatarFallbackPrimitive,\n} from \"../../primitives/avatar\"\n\nexport const Avatar = forwardRef<\n ElementRef<typeof AvatarPrimitive>,\n ComponentPropsWithoutRef<typeof AvatarPrimitive>\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\nAvatar.displayName = \"Avatar\"\n\nexport const AvatarImage = forwardRef<\n ElementRef<typeof AvatarImagePrimitive>,\n ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\nAvatarImage.displayName = \"AvatarImage\"\n\nexport const AvatarFallback = forwardRef<\n ElementRef<typeof AvatarFallbackPrimitive>,\n ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\nAvatarFallback.displayName = \"AvatarFallback\"\n"],"mappings":";;;;;AAQA,IAAa,SAAS,YAGnB,OAAO,QAAQ,oBAAC,UAAD;CAAsB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1D,OAAO,cAAc;AAErB,IAAa,cAAc,YAGxB,OAAO,QAAQ,oBAAC,eAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,iBAAiB,YAG3B,OAAO,QAAQ,oBAAC,kBAAD;CAA8B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAClE,eAAe,cAAc"}
|
|
1
|
+
{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n Avatar as AvatarPrimitive,\r\n AvatarImage as AvatarImagePrimitive,\r\n AvatarFallback as AvatarFallbackPrimitive,\r\n} from \"../../primitives/avatar\"\r\n\r\nexport const Avatar = forwardRef<\r\n ElementRef<typeof AvatarPrimitive>,\r\n ComponentPropsWithoutRef<typeof AvatarPrimitive>\r\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\r\nAvatar.displayName = \"Avatar\"\r\n\r\nexport const AvatarImage = forwardRef<\r\n ElementRef<typeof AvatarImagePrimitive>,\r\n ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\r\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\r\nAvatarImage.displayName = \"AvatarImage\"\r\n\r\nexport const AvatarFallback = forwardRef<\r\n ElementRef<typeof AvatarFallbackPrimitive>,\r\n ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\r\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\r\nAvatarFallback.displayName = \"AvatarFallback\"\r\n"],"mappings":";;;;;AAQA,IAAa,SAAS,YAGnB,OAAO,QAAQ,oBAAC,UAAD;CAAsB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1D,OAAO,cAAc;AAErB,IAAa,cAAc,YAGxB,OAAO,QAAQ,oBAAC,eAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,iBAAiB,YAG3B,OAAO,QAAQ,oBAAC,kBAAD;CAA8B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAClE,eAAe,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Badge as BadgePrimitive, badgeVariants as badgeVariantsPrimitive } from \"../../primitives/badge\"\nimport type { BadgeProps as BadgePrimitiveProps } from \"../../primitives/badge\"\n\nexport type BadgeProps = BadgePrimitiveProps\n\nexport function Badge(props: BadgeProps) {\n return <BadgePrimitive {...props} />\n}\nBadge.displayName = \"Badge\"\n\nexport const badgeVariants = badgeVariantsPrimitive\n"],"mappings":";;;;AAKA,SAAgB,MAAM,OAAmB;CACvC,OAAO,oBAAC,SAAD,EAAgB,GAAI,MAAQ,CAAA;AACrC;AACA,MAAM,cAAc;AAEpB,IAAa,gBAAgB"}
|
|
1
|
+
{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Badge as BadgePrimitive, badgeVariants as badgeVariantsPrimitive } from \"../../primitives/badge\"\r\nimport type { BadgeProps as BadgePrimitiveProps } from \"../../primitives/badge\"\r\n\r\nexport type BadgeProps = BadgePrimitiveProps\r\n\r\nexport function Badge(props: BadgeProps) {\r\n return <BadgePrimitive {...props} />\r\n}\r\nBadge.displayName = \"Badge\"\r\n\r\nexport const badgeVariants = badgeVariantsPrimitive\r\n"],"mappings":";;;;AAKA,SAAgB,MAAM,OAAmB;CACvC,OAAO,oBAAC,SAAD,EAAgB,GAAI,MAAQ,CAAA;AACrC;AACA,MAAM,cAAc;AAEpB,IAAa,gBAAgB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAM7D,eAAO,MAAM,cAAc;;;8EAA0B,CAAC;AAEtD,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACpF,KAAK,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE9E,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAMhD,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAI1C,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAClC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,2GAwCjB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn } from "../../utils/cn.js";
|
|
3
|
-
import {
|
|
3
|
+
import { Button as Button$1, buttonVariants as buttonVariants$1 } from "../../primitives/button.js";
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
5
|
import "class-variance-authority";
|
|
6
6
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -19,7 +19,7 @@ var sizeMap = {
|
|
|
19
19
|
lg: "lg"
|
|
20
20
|
};
|
|
21
21
|
var Button = forwardRef(function Button({ children, variant = "primary", size = "md", fullWidth = false, loading = false, disabled, className, asChild = false, style, ...props }, ref) {
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
22
|
+
return /* @__PURE__ */ jsx(Button$1, {
|
|
23
23
|
ref,
|
|
24
24
|
variant: variantMap[variant],
|
|
25
25
|
size: sizeMap[size],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { ButtonPrimitive, buttonVariants as buttonVariantsPrimitive } from \"../../primitives/button\"\n\nexport const buttonVariants = buttonVariantsPrimitive;\n\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst variantMap: Record<string, PrimitiveVariant> = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n};\n\nconst sizeMap: Record<string, PrimitiveSize> = {\n sm: \"sm\",\n md: \"default\",\n lg: \"lg\",\n};\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Visual style variant */\n variant?: keyof typeof variantMap;\n /** Size of the button */\n size?: keyof typeof sizeMap;\n /** Stretch button to full container width */\n fullWidth?: boolean;\n /** Show a loading spinner and disable interaction */\n loading?: boolean;\n /** Render as child element via Slot (e.g. wrap a Link) */\n asChild?: boolean;\n children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n children,\n variant = \"primary\",\n size = \"md\",\n fullWidth = false,\n loading = false,\n disabled,\n className,\n asChild = false,\n style,\n ...props\n },\n ref\n) {\n return (\n <ButtonPrimitive\n ref={ref}\n variant={variantMap[variant]}\n size={sizeMap[size]}\n asChild={asChild}\n disabled={disabled || loading}\n className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\n style={style}\n {...props}\n >\n {asChild ? (\n children\n ) : (\n <>\n {loading && (\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\n </span>\n )}\n <span className={cn(\"inline-flex items-center gap-2\", loading && \"invisible\")}>{children}</span>\n </>\n )}\n </ButtonPrimitive>\n );\n});\n\nButton.displayName = \"Button\";\n"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { ButtonPrimitive, buttonVariants as buttonVariantsPrimitive } from \"../../primitives/button\"\r\n\r\n// Re-exported for consumers that compose custom button styles\r\n// eslint-disable-next-line react-refresh/only-export-components\r\nexport const buttonVariants = buttonVariantsPrimitive;\r\n\r\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\r\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\r\n\r\nconst variantMap: Record<string, PrimitiveVariant> = {\r\n primary: \"default\",\r\n secondary: \"secondary\",\r\n outline: \"outline\",\r\n ghost: \"ghost\",\r\n danger: \"destructive\",\r\n};\r\n\r\nconst sizeMap: Record<string, PrimitiveSize> = {\r\n sm: \"sm\",\r\n md: \"default\",\r\n lg: \"lg\",\r\n};\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n /** Visual style variant */\r\n variant?: keyof typeof variantMap;\r\n /** Size of the button */\r\n size?: keyof typeof sizeMap;\r\n /** Stretch button to full container width */\r\n fullWidth?: boolean;\r\n /** Show a loading spinner and disable interaction */\r\n loading?: boolean;\r\n /** Render as child element via Slot (e.g. wrap a Link) */\r\n asChild?: boolean;\r\n children: ReactNode;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\r\n {\r\n children,\r\n variant = \"primary\",\r\n size = \"md\",\r\n fullWidth = false,\r\n loading = false,\r\n disabled,\r\n className,\r\n asChild = false,\r\n style,\r\n ...props\r\n },\r\n ref\r\n) {\r\n return (\r\n <ButtonPrimitive\r\n ref={ref}\r\n variant={variantMap[variant]}\r\n size={sizeMap[size]}\r\n asChild={asChild}\r\n disabled={disabled || loading}\r\n className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\r\n style={style}\r\n {...props}\r\n >\r\n {asChild ? (\r\n children\r\n ) : (\r\n <>\r\n {loading && (\r\n <span className=\"absolute inset-0 flex items-center justify-center\">\r\n <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\r\n </span>\r\n )}\r\n <span className={cn(\"inline-flex items-center gap-2\", loading && \"invisible\")}>{children}</span>\r\n </>\r\n )}\r\n </ButtonPrimitive>\r\n );\r\n});\r\n\r\nButton.displayName = \"Button\";\r\n"],"mappings":";;;;;;;AAOA,IAAa,iBAAiB;AAK9B,IAAM,aAA+C;CACnD,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,QAAQ;AACV;AAEA,IAAM,UAAyC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAgBA,IAAa,SAAS,WAA2C,SAAS,OACxE,EACE,UACA,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,UACA,WACA,UAAU,OACV,OACA,GAAG,SAEL,KACA;CACA,OACE,oBAAC,UAAD;EACO;EACL,SAAS,WAAW;EACpB,MAAM,QAAQ;EACL;EACT,UAAU,YAAY;EACtB,WAAW,GAAG,aAAa,UAAU,2BAA2B,SAAS;EAClE;EACP,GAAI;YAEH,UACC,WAEA,qBAAA,UAAA,EAAA,UAAA,CACG,WACC,oBAAC,QAAD;GAAM,WAAU;aACd,oBAAC,QAAD,EAAM,WAAU,gFAAiF,CAAA;EAC7F,CAAA,GAER,oBAAC,QAAD;GAAM,WAAW,GAAG,kCAAkC,WAAW,WAAW;GAAI;EAAe,CAAA,CAC/F,EAAA,CAAA;CAEW,CAAA;AAErB,CAAC;AAED,OAAO,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n Card as CardPrimitive,\n CardHeader as CardHeaderPrimitive,\n CardTitle as CardTitlePrimitive,\n CardDescription as CardDescriptionPrimitive,\n CardContent as CardContentPrimitive,\n CardFooter as CardFooterPrimitive,\n} from \"../../primitives/card\"\n\nexport const Card = forwardRef<\n ElementRef<typeof CardPrimitive>,\n ComponentPropsWithoutRef<typeof CardPrimitive>\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\nCard.displayName = \"Card\"\n\nexport const CardHeader = forwardRef<\n ElementRef<typeof CardHeaderPrimitive>,\n ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\nCardHeader.displayName = \"CardHeader\"\n\nexport const CardTitle = forwardRef<\n ElementRef<typeof CardTitlePrimitive>,\n ComponentPropsWithoutRef<typeof CardTitlePrimitive>\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\nCardTitle.displayName = \"CardTitle\"\n\nexport const CardDescription = forwardRef<\n ElementRef<typeof CardDescriptionPrimitive>,\n ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\nCardDescription.displayName = \"CardDescription\"\n\nexport const CardContent = forwardRef<\n ElementRef<typeof CardContentPrimitive>,\n ComponentPropsWithoutRef<typeof CardContentPrimitive>\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\nCardContent.displayName = \"CardContent\"\n\nexport const CardFooter = forwardRef<\n ElementRef<typeof CardFooterPrimitive>,\n ComponentPropsWithoutRef<typeof CardFooterPrimitive>\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\nCardFooter.displayName = \"CardFooter\"\n"],"mappings":";;;;;AAWA,IAAa,OAAO,YAGjB,OAAO,QAAQ,oBAAC,QAAD;CAAoB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACxD,KAAK,cAAc;AAEnB,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,YAAY,YAGtB,OAAO,QAAQ,oBAAC,aAAD;CAAyB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC7D,UAAU,cAAc;AAExB,IAAa,kBAAkB,YAG5B,OAAO,QAAQ,oBAAC,mBAAD;CAA+B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACnE,gBAAgB,cAAc;AAE9B,IAAa,cAAc,YAGxB,OAAO,QAAQ,oBAAC,eAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc"}
|
|
1
|
+
{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n Card as CardPrimitive,\r\n CardHeader as CardHeaderPrimitive,\r\n CardTitle as CardTitlePrimitive,\r\n CardDescription as CardDescriptionPrimitive,\r\n CardContent as CardContentPrimitive,\r\n CardFooter as CardFooterPrimitive,\r\n} from \"../../primitives/card\"\r\n\r\nexport const Card = forwardRef<\r\n ElementRef<typeof CardPrimitive>,\r\n ComponentPropsWithoutRef<typeof CardPrimitive>\r\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\r\nCard.displayName = \"Card\"\r\n\r\nexport const CardHeader = forwardRef<\r\n ElementRef<typeof CardHeaderPrimitive>,\r\n ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\r\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\r\nCardHeader.displayName = \"CardHeader\"\r\n\r\nexport const CardTitle = forwardRef<\r\n ElementRef<typeof CardTitlePrimitive>,\r\n ComponentPropsWithoutRef<typeof CardTitlePrimitive>\r\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\r\nCardTitle.displayName = \"CardTitle\"\r\n\r\nexport const CardDescription = forwardRef<\r\n ElementRef<typeof CardDescriptionPrimitive>,\r\n ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\r\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\r\nCardDescription.displayName = \"CardDescription\"\r\n\r\nexport const CardContent = forwardRef<\r\n ElementRef<typeof CardContentPrimitive>,\r\n ComponentPropsWithoutRef<typeof CardContentPrimitive>\r\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\r\nCardContent.displayName = \"CardContent\"\r\n\r\nexport const CardFooter = forwardRef<\r\n ElementRef<typeof CardFooterPrimitive>,\r\n ComponentPropsWithoutRef<typeof CardFooterPrimitive>\r\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\r\nCardFooter.displayName = \"CardFooter\"\r\n"],"mappings":";;;;;AAWA,IAAa,OAAO,YAGjB,OAAO,QAAQ,oBAAC,QAAD;CAAoB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACxD,KAAK,cAAc;AAEnB,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,YAAY,YAGtB,OAAO,QAAQ,oBAAC,aAAD;CAAyB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC7D,UAAU,cAAc;AAExB,IAAa,kBAAkB,YAG5B,OAAO,QAAQ,oBAAC,mBAAD;CAA+B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACnE,gBAAgB,cAAc;AAE9B,IAAa,cAAc,YAGxB,OAAO,QAAQ,oBAAC,eAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,aAAa,YAGvB,OAAO,QAAQ,oBAAC,cAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"../../primitives/checkbox\"\n\nexport type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive>\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive>,\n CheckboxProps\n>((props, ref) => <CheckboxPrimitive ref={ref} {...props} />)\nCheckbox.displayName = \"Checkbox\"\n"],"mappings":";;;;;;AAQA,IAAa,WAAW,YAGrB,OAAO,QAAQ,oBAAC,YAAD;CAAwB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5D,SAAS,cAAc"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport { Checkbox as CheckboxPrimitive } from \"../../primitives/checkbox\"\r\n\r\nexport type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive>\r\n\r\nexport const Checkbox = forwardRef<\r\n ElementRef<typeof CheckboxPrimitive>,\r\n CheckboxProps\r\n>((props, ref) => <CheckboxPrimitive ref={ref} {...props} />)\r\nCheckbox.displayName = \"Checkbox\"\r\n"],"mappings":";;;;;;AAQA,IAAa,WAAW,YAGrB,OAAO,QAAQ,oBAAC,YAAD;CAAwB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5D,SAAS,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\nimport {\n DropdownMenu as DropdownMenuPrimitive,\n DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n DropdownMenuContent as DropdownMenuContentPrimitive,\n DropdownMenuItem as DropdownMenuItemPrimitive,\n DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n DropdownMenuLabel as DropdownMenuLabelPrimitive,\n DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n DropdownMenuGroup as DropdownMenuGroupPrimitive,\n DropdownMenuPortal as DropdownMenuPortalPrimitive,\n DropdownMenuSub as DropdownMenuSubPrimitive,\n DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\n} from \"../../primitives/dropdown-menu\"\n\n// Root / context-only components (no DOM element to ref)\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\n return <DropdownMenuPrimitive {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\n return <DropdownMenuPortalPrimitive {...props} />\n}\n\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\n return <DropdownMenuSubPrimitive {...props} />\n}\n\n// DOM-rendering components (forwardRef)\nexport const DropdownMenuTrigger = forwardRef<\n ElementRef<typeof DropdownMenuTriggerPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\n\nexport const DropdownMenuGroup = forwardRef<\n ElementRef<typeof DropdownMenuGroupPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\n\nexport const DropdownMenuRadioGroup = forwardRef<\n ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof DropdownMenuContentPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\n\nexport const DropdownMenuSubContent = forwardRef<\n ElementRef<typeof DropdownMenuSubContentPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\n\nexport const DropdownMenuSubTrigger = forwardRef<\n ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\n\nexport const DropdownMenuItem = forwardRef<\n ElementRef<typeof DropdownMenuItemPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\n\nexport const DropdownMenuRadioItem = forwardRef<\n ElementRef<typeof DropdownMenuRadioItemPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\n\nexport const DropdownMenuLabel = forwardRef<\n ElementRef<typeof DropdownMenuLabelPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\n\nexport const DropdownMenuSeparator = forwardRef<\n ElementRef<typeof DropdownMenuSeparatorPrimitive>,\n ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\n\n// Utility span — no ref needed\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\n return <DropdownMenuShortcutPrimitive {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n"],"mappings":";;;;;AAqBA,SAAgB,aAAa,OAA+D;CAC1F,OAAO,oBAAC,gBAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAgB,mBAAmB,OAAqE;CACtG,OAAO,oBAAC,sBAAD,EAA6B,GAAI,MAAQ,CAAA;AAClD;AAEA,SAAgB,gBAAgB,OAAkE;CAChG,OAAO,oBAAC,mBAAD,EAA0B,GAAI,MAAQ,CAAA;AAC/C;AAGA,IAAa,sBAAsB,YAGhC,OAAO,QAAQ,oBAAC,uBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,oBAAoB,YAG9B,OAAO,QAAQ,oBAAC,qBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,sBAAsB,YAGhC,OAAO,QAAQ,oBAAC,uBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,mBAAmB,YAG7B,OAAO,QAAQ,oBAAC,oBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,2BAA2B,YAGrC,OAAO,QAAQ,oBAAC,4BAAD;CAAwC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5E,yBAAyB,cAAc;AAEvC,IAAa,wBAAwB,YAGlC,OAAO,QAAQ,oBAAC,yBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAEpC,IAAa,oBAAoB,YAG9B,OAAO,QAAQ,oBAAC,qBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,wBAAwB,YAGlC,OAAO,QAAQ,oBAAC,yBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAGpC,SAAgB,qBAAqB,OAAwC;CAC3E,OAAO,oBAAC,wBAAD,EAA+B,GAAI,MAAQ,CAAA;AACpD;AACA,qBAAqB,cAAc"}
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\r\nimport {\r\n DropdownMenu as DropdownMenuPrimitive,\r\n DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\r\n DropdownMenuContent as DropdownMenuContentPrimitive,\r\n DropdownMenuItem as DropdownMenuItemPrimitive,\r\n DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\r\n DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\r\n DropdownMenuLabel as DropdownMenuLabelPrimitive,\r\n DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\r\n DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\r\n DropdownMenuGroup as DropdownMenuGroupPrimitive,\r\n DropdownMenuPortal as DropdownMenuPortalPrimitive,\r\n DropdownMenuSub as DropdownMenuSubPrimitive,\r\n DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\r\n DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\r\n DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\r\n} from \"../../primitives/dropdown-menu\"\r\n\r\n// Root / context-only components (no DOM element to ref)\r\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\r\n return <DropdownMenuPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\r\n return <DropdownMenuPortalPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\r\n return <DropdownMenuSubPrimitive {...props} />\r\n}\r\n\r\n// DOM-rendering components (forwardRef)\r\nexport const DropdownMenuTrigger = forwardRef<\r\n ElementRef<typeof DropdownMenuTriggerPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\r\n\r\nexport const DropdownMenuGroup = forwardRef<\r\n ElementRef<typeof DropdownMenuGroupPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\r\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\r\n\r\nexport const DropdownMenuRadioGroup = forwardRef<\r\n ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\r\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\r\n\r\nexport const DropdownMenuContent = forwardRef<\r\n ElementRef<typeof DropdownMenuContentPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\r\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\r\n\r\nexport const DropdownMenuSubContent = forwardRef<\r\n ElementRef<typeof DropdownMenuSubContentPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\r\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\r\n\r\nexport const DropdownMenuSubTrigger = forwardRef<\r\n ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\r\n\r\nexport const DropdownMenuItem = forwardRef<\r\n ElementRef<typeof DropdownMenuItemPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\r\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\r\n\r\nexport const DropdownMenuCheckboxItem = forwardRef<\r\n ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\r\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\r\n\r\nexport const DropdownMenuRadioItem = forwardRef<\r\n ElementRef<typeof DropdownMenuRadioItemPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\r\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\r\n\r\nexport const DropdownMenuLabel = forwardRef<\r\n ElementRef<typeof DropdownMenuLabelPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\r\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\r\n\r\nexport const DropdownMenuSeparator = forwardRef<\r\n ElementRef<typeof DropdownMenuSeparatorPrimitive>,\r\n ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\r\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\r\n\r\n// Utility span — no ref needed\r\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\r\n return <DropdownMenuShortcutPrimitive {...props} />\r\n}\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\r\n"],"mappings":";;;;;AAqBA,SAAgB,aAAa,OAA+D;CAC1F,OAAO,oBAAC,gBAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAgB,mBAAmB,OAAqE;CACtG,OAAO,oBAAC,sBAAD,EAA6B,GAAI,MAAQ,CAAA;AAClD;AAEA,SAAgB,gBAAgB,OAAkE;CAChG,OAAO,oBAAC,mBAAD,EAA0B,GAAI,MAAQ,CAAA;AAC/C;AAGA,IAAa,sBAAsB,YAGhC,OAAO,QAAQ,oBAAC,uBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,oBAAoB,YAG9B,OAAO,QAAQ,oBAAC,qBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,sBAAsB,YAGhC,OAAO,QAAQ,oBAAC,uBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,yBAAyB,YAGnC,OAAO,QAAQ,oBAAC,0BAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,mBAAmB,YAG7B,OAAO,QAAQ,oBAAC,oBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,2BAA2B,YAGrC,OAAO,QAAQ,oBAAC,4BAAD;CAAwC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5E,yBAAyB,cAAc;AAEvC,IAAa,wBAAwB,YAGlC,OAAO,QAAQ,oBAAC,yBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAEpC,IAAa,oBAAoB,YAG9B,OAAO,QAAQ,oBAAC,qBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,wBAAwB,YAGlC,OAAO,QAAQ,oBAAC,yBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAGpC,SAAgB,qBAAqB,OAAwC;CAC3E,OAAO,oBAAC,wBAAD,EAA+B,GAAI,MAAQ,CAAA;AACpD;AACA,qBAAqB,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Form/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\nimport { Label } from \"../../primitives/label\";\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\nconst checkboxSizeVariants = cva(\n \"\",\n {\n variants: {\n size: {\n sm: \"h-4 w-4\",\n md: \"h-5 w-5\",\n lg: \"h-6 w-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n);\n\nconst labelVariants = cva(\n \"text-sm font-medium cursor-pointer select-none\",\n {\n variants: {\n required: {\n true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n false: \"\",\n },\n disabled: {\n true: \"cursor-not-allowed opacity-50\",\n false: \"\",\n },\n },\n defaultVariants: {\n required: false,\n disabled: false,\n },\n }\n);\n\nexport interface CheckboxProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\n VariantProps<typeof checkboxSizeVariants> {\n /** Field name - required for form integration */\n name: TName;\n /** Label text for the checkbox */\n label?: ReactNode;\n /** Helper text displayed below the checkbox */\n helperText?: string;\n /** Whether to show the error message */\n showError?: boolean;\n /** Custom error message (overrides form error) */\n error?: string;\n /** External control (for use outside Form) */\n control?: Control<TFieldValues>;\n /** Variant style */\n variant?: \"default\" | \"error\";\n \n // Validation props\n /** Field is required (must be checked) */\n required?: boolean | string;\n /** Custom validation function */\n validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Checkbox component with form integration\n * \n * This is a wrapper around the shadcn/ui Checkbox primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\n * ```\n */\nfunction CheckboxInner<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n {\n name,\n label,\n helperText,\n showError = true,\n error: customError,\n size,\n variant,\n className,\n disabled,\n id: providedId,\n control: externalControl,\n // Validation props\n required,\n validate,\n ...props\n }: CheckboxProps<TFieldValues, TName>,\n ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>>\n) {\n const generatedId = useId();\n const inputId = providedId ?? generatedId;\n \n // Try to get form context\n const formConfigContext = useContext(FormConfigContext);\n const formConfig: FormConfig = formConfigContext ?? {};\n \n // Get form context from react-hook-form\n const rhfContext = useRHFFormContext<TFieldValues>();\n const control = externalControl ?? rhfContext?.control;\n\n // Register validation rules with the form\n useEffect(() => {\n if (formConfigContext?.registerFieldValidation) {\n const rules: FieldValidationRules = {};\n \n if (required !== undefined) rules.required = required;\n if (validate !== undefined) rules.validate = validate;\n\n formConfigContext.registerFieldValidation({\n name: name as string,\n type: \"boolean\",\n rules,\n });\n\n return () => {\n formConfigContext.unregisterFieldValidation(name as string);\n };\n }\n }, [formConfigContext, name, required, validate]);\n\n // Use controller for form integration\n const { field, fieldState } = useController<TFieldValues, TName>({\n name,\n control,\n });\n\n const fieldError = fieldState.error?.message;\n const errorMessage = customError ?? fieldError;\n const hasError = !!errorMessage;\n \n // Merge sizes - prop takes precedence over form config\n const effectiveSize = size ?? formConfig.size ?? \"md\";\n const effectiveDisabled = disabled ?? formConfig.disabled;\n \n // Determine variant based on error state\n const effectiveVariant = hasError ? \"error\" : variant;\n\n return (\n <div className=\"space-y-1.5\">\n <div className=\"flex items-center gap-2\">\n <ShadcnCheckbox\n {...props}\n ref={ref}\n id={inputId}\n checked={field.value ?? false}\n onCheckedChange={(checked) => field.onChange(checked === true)}\n onBlur={field.onBlur}\n disabled={effectiveDisabled}\n aria-invalid={hasError}\n aria-describedby={\n hasError\n ? `${inputId}-error`\n : helperText\n ? `${inputId}-helper`\n : undefined\n }\n className={cn(\n checkboxSizeVariants({ size: effectiveSize }),\n effectiveVariant === \"error\" && \"border-destructive\",\n className\n )}\n />\n \n {label && (\n <Label\n htmlFor={inputId}\n className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\n >\n {label}\n </Label>\n )}\n </div>\n\n {showError && hasError && (\n <p\n id={`${inputId}-error`}\n className=\"text-sm text-destructive ml-7\"\n role=\"alert\"\n >\n {errorMessage}\n </p>\n )}\n \n {helperText && !hasError && (\n <p\n id={`${inputId}-helper`}\n className=\"text-sm text-muted-foreground ml-7\"\n >\n {helperText}\n </p>\n )}\n </div>\n );\n}\n\n// Use forwardRef with generic support\nexport const Checkbox = forwardRef(CheckboxInner) as <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\n) => React.ReactElement;\n\n(Checkbox as React.FC).displayName = \"Checkbox\";\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,uBAAuB,IAC3B,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,gBAAgB,IACpB,kDACA;CACE,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,UAAU;EACV,UAAU;CACZ;AACF,CACF;;;;;;;;;;;;;;;;AA4CA,SAAS,cAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,WACA,UACA,IAAI,YACJ,SAAS,iBAET,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,oBAAoB,WAAW,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,aAAa,eAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,gBAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,eAAe,cAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CAGjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,YAAD;KACE,GAAI;KACC;KACL,IAAI;KACJ,SAAS,MAAM,SAAS;KACxB,kBAAkB,YAAY,MAAM,SAAS,YAAY,IAAI;KAC7D,QAAQ,MAAM;KACd,UAAU;KACV,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACA,GAAG,QAAQ,WACX,KAAA;KAEN,WAAW,GACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,GAC5C,qBAAqB,WAAW,sBAChC,SACF;IACD,CAAA,GAEA,SACC,oBAAC,OAAD;KACE,SAAS;KACT,WAAW,cAAc;MAAE,UAAU,CAAC,CAAC;MAAU,UAAU;KAAkB,CAAC;eAE7E;IACI,CAAA,CAEN;;GAEJ,aAAa,YACZ,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;IACV,MAAK;cAEJ;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;cAET;GACA,CAAA;EAEF;;AAET;AAGA,IAAa,WAAW,WAAW,aAAa;AAOhD,SAAuB,cAAc"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Form/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nconst checkboxSizeVariants = cva(\r\n \"\",\r\n {\r\n variants: {\r\n size: {\r\n sm: \"h-4 w-4\",\r\n md: \"h-5 w-5\",\r\n lg: \"h-6 w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n }\r\n);\r\n\r\nconst labelVariants = cva(\r\n \"text-sm font-medium cursor-pointer select-none\",\r\n {\r\n variants: {\r\n required: {\r\n true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n false: \"\",\r\n },\r\n disabled: {\r\n true: \"cursor-not-allowed opacity-50\",\r\n false: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n required: false,\r\n disabled: false,\r\n },\r\n }\r\n);\r\n\r\nexport interface CheckboxProps<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n VariantProps<typeof checkboxSizeVariants> {\r\n /** Field name - required for form integration */\r\n name: TName;\r\n /** Label text for the checkbox */\r\n label?: ReactNode;\r\n /** Helper text displayed below the checkbox */\r\n helperText?: string;\r\n /** Whether to show the error message */\r\n showError?: boolean;\r\n /** Custom error message (overrides form error) */\r\n error?: string;\r\n /** External control (for use outside Form) */\r\n control?: Control<TFieldValues>;\r\n /** Variant style */\r\n variant?: \"default\" | \"error\";\r\n \r\n // Validation props\r\n /** Field is required (must be checked) */\r\n required?: boolean | string;\r\n /** Custom validation function */\r\n validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Checkbox component with form integration\r\n * \r\n * This is a wrapper around the shadcn/ui Checkbox primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * \r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\r\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\r\n * ```\r\n */\r\nfunction CheckboxInner<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n {\r\n name,\r\n label,\r\n helperText,\r\n showError = true,\r\n error: customError,\r\n size,\r\n variant,\r\n className,\r\n disabled,\r\n id: providedId,\r\n control: externalControl,\r\n // Validation props\r\n required,\r\n validate,\r\n ...props\r\n }: CheckboxProps<TFieldValues, TName>,\r\n ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>>\r\n) {\r\n const generatedId = useId();\r\n const inputId = providedId ?? generatedId;\r\n \r\n // Try to get form context\r\n const formConfigContext = useContext(FormConfigContext);\r\n const formConfig: FormConfig = formConfigContext ?? {};\r\n \r\n // Get form context from react-hook-form\r\n const rhfContext = useRHFFormContext<TFieldValues>();\r\n const control = externalControl ?? rhfContext?.control;\r\n\r\n // Register validation rules with the form\r\n useEffect(() => {\r\n if (formConfigContext?.registerFieldValidation) {\r\n const rules: FieldValidationRules = {};\r\n \r\n if (required !== undefined) rules.required = required;\r\n if (validate !== undefined) rules.validate = validate;\r\n\r\n formConfigContext.registerFieldValidation({\r\n name: name as string,\r\n type: \"boolean\",\r\n rules,\r\n });\r\n\r\n return () => {\r\n formConfigContext.unregisterFieldValidation(name as string);\r\n };\r\n }\r\n }, [formConfigContext, name, required, validate]);\r\n\r\n // Use controller for form integration\r\n const { field, fieldState } = useController<TFieldValues, TName>({\r\n name,\r\n control,\r\n });\r\n\r\n const fieldError = fieldState.error?.message;\r\n const errorMessage = customError ?? fieldError;\r\n const hasError = !!errorMessage;\r\n \r\n // Merge sizes - prop takes precedence over form config\r\n const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n const effectiveDisabled = disabled ?? formConfig.disabled;\r\n \r\n // Determine variant based on error state\r\n const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n return (\r\n <div className=\"space-y-1.5\">\r\n <div className=\"flex items-center gap-2\">\r\n <ShadcnCheckbox\r\n {...props}\r\n ref={ref}\r\n id={inputId}\r\n checked={field.value ?? false}\r\n onCheckedChange={(checked) => field.onChange(checked === true)}\r\n onBlur={field.onBlur}\r\n disabled={effectiveDisabled}\r\n aria-invalid={hasError}\r\n aria-describedby={\r\n hasError\r\n ? `${inputId}-error`\r\n : helperText\r\n ? `${inputId}-helper`\r\n : undefined\r\n }\r\n className={cn(\r\n checkboxSizeVariants({ size: effectiveSize }),\r\n effectiveVariant === \"error\" && \"border-destructive\",\r\n className\r\n )}\r\n />\r\n \r\n {label && (\r\n <Label\r\n htmlFor={inputId}\r\n className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\r\n >\r\n {label}\r\n </Label>\r\n )}\r\n </div>\r\n\r\n {showError && hasError && (\r\n <p\r\n id={`${inputId}-error`}\r\n className=\"text-sm text-destructive ml-7\"\r\n role=\"alert\"\r\n >\r\n {errorMessage}\r\n </p>\r\n )}\r\n \r\n {helperText && !hasError && (\r\n <p\r\n id={`${inputId}-helper`}\r\n className=\"text-sm text-muted-foreground ml-7\"\r\n >\r\n {helperText}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n// Use forwardRef with generic support\r\nexport const Checkbox = forwardRef(CheckboxInner) as <\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\r\n) => React.ReactElement;\r\n\r\n(Checkbox as React.FC).displayName = \"Checkbox\";\r\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,uBAAuB,IAC3B,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,gBAAgB,IACpB,kDACA;CACE,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,UAAU;EACV,UAAU;CACZ;AACF,CACF;;;;;;;;;;;;;;;;AA4CA,SAAS,cAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,WACA,UACA,IAAI,YACJ,SAAS,iBAET,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,oBAAoB,WAAW,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,aAAa,eAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,gBAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,eAAe,cAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CAGjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,YAAD;KACE,GAAI;KACC;KACL,IAAI;KACJ,SAAS,MAAM,SAAS;KACxB,kBAAkB,YAAY,MAAM,SAAS,YAAY,IAAI;KAC7D,QAAQ,MAAM;KACd,UAAU;KACV,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACA,GAAG,QAAQ,WACX,KAAA;KAEN,WAAW,GACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,GAC5C,qBAAqB,WAAW,sBAChC,SACF;IACD,CAAA,GAEA,SACC,oBAAC,OAAD;KACE,SAAS;KACT,WAAW,cAAc;MAAE,UAAU,CAAC,CAAC;MAAU,UAAU;KAAkB,CAAC;eAE7E;IACI,CAAA,CAEN;;GAEJ,aAAa,YACZ,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;IACV,MAAK;cAEJ;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;cAET;GACA,CAAA;EAEF;;AAET;AAGA,IAAa,WAAW,WAAW,aAAa;AAOhD,SAAuB,cAAc"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { SelectOption } from './Select';
|
|
4
|
+
declare const comboboxVariants: (props?: ({
|
|
5
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
6
|
+
variant?: "default" | "error" | "success" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export interface ComboboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends VariantProps<typeof comboboxVariants> {
|
|
9
|
+
name: TName;
|
|
10
|
+
label?: string;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
showError?: boolean;
|
|
13
|
+
error?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
searchPlaceholder?: string;
|
|
17
|
+
emptyText?: string;
|
|
18
|
+
options?: SelectOption[];
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
id?: string;
|
|
22
|
+
control?: Control<TFieldValues>;
|
|
23
|
+
required?: boolean | string;
|
|
24
|
+
validate?: (value: unknown) => boolean | string | Promise<boolean | string>;
|
|
25
|
+
}
|
|
26
|
+
export declare function Combobox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, helperText, showError, error: customError, size, variant, fullWidth, placeholder, searchPlaceholder, emptyText, options, disabled, className, id: providedId, control: externalControl, required, validate, }: ComboboxProps<TFieldValues, TName>): import("react").JSX.Element;
|
|
27
|
+
export declare namespace Combobox {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Combobox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsD,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAclE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,gBAAgB;;;8EAiBpB,CAAC;AAEH,MAAM,WAAW,aAAa,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC7C,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC7E;AAED,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EACA,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAgB,EAChB,KAAK,EAAE,WAAW,EAClB,IAAI,EACJ,OAAO,EACP,SAAgB,EAChB,WAA6B,EAC7B,iBAA+B,EAC/B,SAA8B,EAC9B,OAAY,EACZ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,EACd,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,+BA6HpC;yBAnJe,QAAQ"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import { cn } from "../../utils/cn.js";
|
|
4
|
+
import { Button } from "../../primitives/button.js";
|
|
5
|
+
import { FormConfigContext } from "./context.js";
|
|
6
|
+
import { FieldLayout } from "./FieldLayout.js";
|
|
7
|
+
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../primitives/command.js";
|
|
8
|
+
import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
|
|
9
|
+
import { useContext, useEffect, useId, useMemo, useState } from "react";
|
|
10
|
+
import { cva } from "class-variance-authority";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
import { useController, useFormContext } from "react-hook-form";
|
|
13
|
+
import { Check, ChevronsUpDown } from "lucide-react";
|
|
14
|
+
//#region src/components/Form/Combobox.tsx
|
|
15
|
+
var comboboxVariants = cva("w-full justify-between font-normal", {
|
|
16
|
+
variants: {
|
|
17
|
+
size: {
|
|
18
|
+
sm: "h-8 text-xs",
|
|
19
|
+
md: "h-10 text-sm",
|
|
20
|
+
lg: "h-12 text-base"
|
|
21
|
+
},
|
|
22
|
+
variant: {
|
|
23
|
+
default: "border-input",
|
|
24
|
+
error: "border-destructive",
|
|
25
|
+
success: "border-green-500"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
defaultVariants: {
|
|
29
|
+
size: "md",
|
|
30
|
+
variant: "default"
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
function Combobox({ name, label, helperText, showError = true, error: customError, size, variant, fullWidth = true, placeholder = "Select option", searchPlaceholder = "Search...", emptyText = "No option found.", options = [], disabled, className, id: providedId, control: externalControl, required, validate }) {
|
|
34
|
+
const generatedId = useId();
|
|
35
|
+
const inputId = providedId ?? generatedId;
|
|
36
|
+
const [open, setOpen] = useState(false);
|
|
37
|
+
const formConfigContext = useContext(FormConfigContext);
|
|
38
|
+
const formConfig = formConfigContext ?? {};
|
|
39
|
+
const rhfContext = useFormContext();
|
|
40
|
+
const control = externalControl ?? rhfContext?.control;
|
|
41
|
+
const registerFieldValidation = formConfigContext?.registerFieldValidation;
|
|
42
|
+
const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (registerFieldValidation) {
|
|
45
|
+
const rules = {};
|
|
46
|
+
if (required !== void 0) rules.required = required;
|
|
47
|
+
if (validate !== void 0) rules.validate = validate;
|
|
48
|
+
registerFieldValidation({
|
|
49
|
+
name,
|
|
50
|
+
type: "string",
|
|
51
|
+
rules
|
|
52
|
+
});
|
|
53
|
+
return () => {
|
|
54
|
+
unregisterFieldValidation?.(name);
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}, [
|
|
58
|
+
registerFieldValidation,
|
|
59
|
+
unregisterFieldValidation,
|
|
60
|
+
name,
|
|
61
|
+
required,
|
|
62
|
+
validate
|
|
63
|
+
]);
|
|
64
|
+
const { field, fieldState } = useController({
|
|
65
|
+
name,
|
|
66
|
+
control
|
|
67
|
+
});
|
|
68
|
+
const selectedOption = useMemo(() => options.find((option) => option.value.toString() === field.value?.toString()), [field.value, options]);
|
|
69
|
+
const fieldError = fieldState.error?.message;
|
|
70
|
+
const errorMessage = customError ?? fieldError;
|
|
71
|
+
const hasError = !!errorMessage;
|
|
72
|
+
const effectiveSize = size ?? formConfig.size ?? "md";
|
|
73
|
+
const effectiveDisabled = disabled ?? formConfig.disabled;
|
|
74
|
+
const effectiveVariant = hasError ? "error" : variant;
|
|
75
|
+
return /* @__PURE__ */ jsx(FieldLayout, {
|
|
76
|
+
inputId,
|
|
77
|
+
label,
|
|
78
|
+
required: !!required,
|
|
79
|
+
helperText,
|
|
80
|
+
errorMessage: showError ? errorMessage : void 0,
|
|
81
|
+
showError,
|
|
82
|
+
fullWidth,
|
|
83
|
+
formConfig,
|
|
84
|
+
children: /* @__PURE__ */ jsxs(Popover, {
|
|
85
|
+
open,
|
|
86
|
+
onOpenChange: setOpen,
|
|
87
|
+
children: [/* @__PURE__ */ jsx(PopoverTrigger, {
|
|
88
|
+
asChild: true,
|
|
89
|
+
children: /* @__PURE__ */ jsxs(Button, {
|
|
90
|
+
id: inputId,
|
|
91
|
+
type: "button",
|
|
92
|
+
variant: "outline",
|
|
93
|
+
role: "combobox",
|
|
94
|
+
"aria-expanded": open,
|
|
95
|
+
disabled: effectiveDisabled,
|
|
96
|
+
"aria-invalid": hasError,
|
|
97
|
+
"aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
|
|
98
|
+
className: cn(comboboxVariants({
|
|
99
|
+
size: effectiveSize,
|
|
100
|
+
variant: effectiveVariant
|
|
101
|
+
}), !field.value && "text-muted-foreground", className),
|
|
102
|
+
children: [selectedOption?.label ?? placeholder, /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
|
|
103
|
+
})
|
|
104
|
+
}), /* @__PURE__ */ jsx(PopoverContent, {
|
|
105
|
+
className: "w-[320px] p-0",
|
|
106
|
+
align: "start",
|
|
107
|
+
children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: emptyText }), /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
|
|
108
|
+
value: option.label,
|
|
109
|
+
disabled: option.disabled,
|
|
110
|
+
onSelect: () => {
|
|
111
|
+
field.onChange(option.value.toString());
|
|
112
|
+
setOpen(false);
|
|
113
|
+
},
|
|
114
|
+
children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 h-4 w-4", field.value?.toString() === option.value.toString() ? "opacity-100" : "opacity-0") }), option.label]
|
|
115
|
+
}, option.value)) })] })] })
|
|
116
|
+
})]
|
|
117
|
+
})
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
Combobox.displayName = "Combobox";
|
|
121
|
+
//#endregion
|
|
122
|
+
export { Combobox };
|
|
123
|
+
|
|
124
|
+
//# sourceMappingURL=Combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Form/Combobox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId, useMemo, useState } from \"react\";\r\nimport { Check, ChevronsUpDown } from \"lucide-react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from \"../../primitives/command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\nimport type { SelectOption } from \"./Select\";\r\n\r\nconst comboboxVariants = cva(\"w-full justify-between font-normal\", {\r\n variants: {\r\n size: {\r\n sm: \"h-8 text-xs\",\r\n md: \"h-10 text-sm\",\r\n lg: \"h-12 text-base\",\r\n },\r\n variant: {\r\n default: \"border-input\",\r\n error: \"border-destructive\",\r\n success: \"border-green-500\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n variant: \"default\",\r\n },\r\n});\r\n\r\nexport interface ComboboxProps<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof comboboxVariants> {\r\n name: TName;\r\n label?: string;\r\n helperText?: string;\r\n showError?: boolean;\r\n error?: string;\r\n fullWidth?: boolean;\r\n placeholder?: string;\r\n searchPlaceholder?: string;\r\n emptyText?: string;\r\n options?: SelectOption[];\r\n disabled?: boolean;\r\n className?: string;\r\n id?: string;\r\n control?: Control<TFieldValues>;\r\n required?: boolean | string;\r\n validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function Combobox<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n name,\r\n label,\r\n helperText,\r\n showError = true,\r\n error: customError,\r\n size,\r\n variant,\r\n fullWidth = true,\r\n placeholder = \"Select option\",\r\n searchPlaceholder = \"Search...\",\r\n emptyText = \"No option found.\",\r\n options = [],\r\n disabled,\r\n className,\r\n id: providedId,\r\n control: externalControl,\r\n required,\r\n validate,\r\n}: ComboboxProps<TFieldValues, TName>) {\r\n const generatedId = useId();\r\n const inputId = providedId ?? generatedId;\r\n const [open, setOpen] = useState(false);\r\n const formConfigContext = useContext(FormConfigContext);\r\n const formConfig: FormConfig = formConfigContext ?? {};\r\n const rhfContext = useRHFFormContext<TFieldValues>();\r\n const control = externalControl ?? rhfContext?.control;\r\n\r\n const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n useEffect(() => {\r\n if (registerFieldValidation) {\r\n const rules: FieldValidationRules = {};\r\n if (required !== undefined) rules.required = required;\r\n if (validate !== undefined) rules.validate = validate;\r\n\r\n registerFieldValidation({\r\n name: name as string,\r\n type: \"string\",\r\n rules,\r\n });\r\n\r\n return () => {\r\n unregisterFieldValidation?.(name as string);\r\n };\r\n }\r\n }, [\r\n registerFieldValidation,\r\n unregisterFieldValidation,\r\n name,\r\n required,\r\n validate,\r\n ]);\r\n\r\n const { field, fieldState } = useController<TFieldValues, TName>({\r\n name,\r\n control,\r\n });\r\n\r\n const selectedOption = useMemo(\r\n () => options.find((option) => option.value.toString() === field.value?.toString()),\r\n [field.value, options]\r\n );\r\n\r\n const fieldError = fieldState.error?.message;\r\n const errorMessage = customError ?? fieldError;\r\n const hasError = !!errorMessage;\r\n const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n const effectiveDisabled = disabled ?? formConfig.disabled;\r\n const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n return (\r\n <FieldLayout\r\n inputId={inputId}\r\n label={label}\r\n required={!!required}\r\n helperText={helperText}\r\n errorMessage={showError ? errorMessage : undefined}\r\n showError={showError}\r\n fullWidth={fullWidth}\r\n formConfig={formConfig}\r\n >\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id={inputId}\r\n type=\"button\"\r\n variant=\"outline\"\r\n role=\"combobox\"\r\n aria-expanded={open}\r\n disabled={effectiveDisabled}\r\n aria-invalid={hasError}\r\n aria-describedby={\r\n hasError\r\n ? `${inputId}-error`\r\n : helperText\r\n ? `${inputId}-helper`\r\n : undefined\r\n }\r\n className={cn(\r\n comboboxVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n !field.value && \"text-muted-foreground\",\r\n className\r\n )}\r\n >\r\n {selectedOption?.label ?? placeholder}\r\n <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[320px] p-0\" align=\"start\">\r\n <Command>\r\n <CommandInput placeholder={searchPlaceholder} />\r\n <CommandList>\r\n <CommandEmpty>{emptyText}</CommandEmpty>\r\n <CommandGroup>\r\n {options.map((option) => (\r\n <CommandItem\r\n key={option.value}\r\n value={option.label}\r\n disabled={option.disabled}\r\n onSelect={() => {\r\n field.onChange(option.value.toString());\r\n setOpen(false);\r\n }}\r\n >\r\n <Check\r\n className={cn(\r\n \"mr-2 h-4 w-4\",\r\n field.value?.toString() === option.value.toString()\r\n ? \"opacity-100\"\r\n : \"opacity-0\"\r\n )}\r\n />\r\n {option.label}\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n </FieldLayout>\r\n );\r\n}\r\n\r\nCombobox.displayName = \"Combobox\";\r\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,mBAAmB,IAAI,sCAAsC;CACjE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAwBD,SAAgB,SAGd,EACA,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,YAAY,MACZ,cAAc,iBACd,oBAAoB,aACpB,YAAY,oBACZ,UAAU,CAAC,GACX,UACA,WACA,IAAI,YACJ,SAAS,iBACT,UACA,YACqC;CACrC,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,cAAc;CAC9B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,oBAAoB,WAAW,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CACrD,MAAM,aAAa,eAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAE/C,MAAM,0BAA0B,mBAAmB;CACnD,MAAM,4BAA4B,mBAAmB;CAErD,gBAAgB;EACd,IAAI,yBAAyB;GAC3B,MAAM,QAA8B,CAAC;GACrC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,wBAAwB;IAChB;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,4BAA4B,IAAc;GAC5C;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,OAAO,eAAe,cAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,cACf,QAAQ,MAAM,WAAW,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO,SAAS,CAAC,GAClF,CAAC,MAAM,OAAO,OAAO,CACvB;CAEA,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,oBAAC,aAAD;EACW;EACF;EACP,UAAU,CAAC,CAAC;EACA;EACZ,cAAc,YAAY,eAAe,KAAA;EAC9B;EACA;EACC;YAEZ,qBAAC,SAAD;GAAe;GAAM,cAAc;aAAnC,CACE,oBAAC,gBAAD;IAAgB,SAAA;cACd,qBAAC,QAAD;KACE,IAAI;KACJ,MAAK;KACL,SAAQ;KACR,MAAK;KACL,iBAAe;KACf,UAAU;KACV,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACE,GAAG,QAAQ,WACX,KAAA;KAER,WAAW,GACT,iBAAiB;MAAE,MAAM;MAAe,SAAS;KAAiB,CAAC,GACnE,CAAC,MAAM,SAAS,yBAChB,SACF;eAnBF,CAqBG,gBAAgB,SAAS,aAC1B,oBAAC,gBAAD,EAAgB,WAAU,mCAAoC,CAAA,CACxD;;GACM,CAAA,GAChB,oBAAC,gBAAD;IAAgB,WAAU;IAAgB,OAAM;cAC9C,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,aAAa,kBAAoB,CAAA,GAC/C,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,GACvC,oBAAC,cAAD,EAAA,UACG,QAAQ,KAAK,WACZ,qBAAC,aAAD;KAEE,OAAO,OAAO;KACd,UAAU,OAAO;KACjB,gBAAgB;MACd,MAAM,SAAS,OAAO,MAAM,SAAS,CAAC;MACtC,QAAQ,KAAK;KACf;eAPF,CASE,oBAAC,OAAD,EACE,WAAW,GACT,gBACA,MAAM,OAAO,SAAS,MAAM,OAAO,MAAM,SAAS,IAC9C,gBACA,WACN,EACD,CAAA,GACA,OAAO,KACG;OAjBN,OAAO,KAiBD,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN,EAAA,CAAA;GACK,CAAA,CACT;;CACE,CAAA;AAEjB;AAEA,SAAS,cAAc"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface CountryPickerProps {
|
|
2
|
+
value?: string;
|
|
3
|
+
onValueChange: (value: string) => void;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
compact?: boolean;
|
|
7
|
+
include?: string[];
|
|
8
|
+
exclude?: string[];
|
|
9
|
+
priorityCountries?: string[];
|
|
10
|
+
className?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
"aria-invalid"?: boolean;
|
|
14
|
+
"aria-describedby"?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function CountryPicker({ value, onValueChange, placeholder, disabled, compact, include, exclude, priorityCountries, className, id, required, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, }: CountryPickerProps): import("react").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=CountryPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountryPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Form/CountryPicker.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAsBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,WAA8B,EAC9B,QAAQ,EACR,OAAe,EACf,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,kBAAkB,+BAsFpB"}
|