@codefast/ui 0.3.4 → 0.3.5
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/CHANGELOG.md +30 -0
- package/dist/cjs/components/accordion.cjs +1 -1
- package/dist/cjs/components/accordion.cjs.map +1 -1
- package/dist/cjs/components/alert/alert-variants.cjs.map +1 -1
- package/dist/cjs/components/alert/alert.cjs +1 -1
- package/dist/cjs/components/alert/alert.cjs.map +1 -1
- package/dist/cjs/components/alert/index.cjs +2 -1
- package/dist/cjs/components/alert/index.cjs.map +1 -0
- package/dist/cjs/components/alert-dialog.cjs +1 -1
- package/dist/cjs/components/alert-dialog.cjs.map +1 -1
- package/dist/cjs/components/aspect-ratio.cjs.map +1 -1
- package/dist/cjs/components/avatar.cjs +1 -1
- package/dist/cjs/components/avatar.cjs.map +1 -1
- package/dist/cjs/components/badge/badge-variants.cjs.map +1 -1
- package/dist/cjs/components/badge/badge.cjs.map +1 -1
- package/dist/cjs/components/badge/index.cjs +2 -1
- package/dist/cjs/components/badge/index.cjs.map +1 -0
- package/dist/cjs/components/blockquote.cjs.map +1 -1
- package/dist/cjs/components/box.cjs.map +1 -1
- package/dist/cjs/components/breadcrumb.cjs +1 -1
- package/dist/cjs/components/breadcrumb.cjs.map +1 -1
- package/dist/cjs/components/button/button-variants.cjs.map +1 -1
- package/dist/cjs/components/button/button.cjs.map +1 -1
- package/dist/cjs/components/button/index.cjs +2 -1
- package/dist/cjs/components/button/index.cjs.map +1 -0
- package/dist/cjs/components/calendar.cjs.map +1 -1
- package/dist/cjs/components/card.cjs +1 -1
- package/dist/cjs/components/card.cjs.map +1 -1
- package/dist/cjs/components/carousel.cjs +1 -1
- package/dist/cjs/components/carousel.cjs.map +1 -1
- package/dist/cjs/components/chart.cjs +1 -1
- package/dist/cjs/components/chart.cjs.map +1 -1
- package/dist/cjs/components/checkbox-cards.cjs +1 -1
- package/dist/cjs/components/checkbox-cards.cjs.map +1 -1
- package/dist/cjs/components/checkbox-group.cjs.map +1 -1
- package/dist/cjs/components/checkbox.cjs.map +1 -1
- package/dist/cjs/components/code.cjs.map +1 -1
- package/dist/cjs/components/collapsible.cjs +1 -1
- package/dist/cjs/components/collapsible.cjs.map +1 -1
- package/dist/cjs/components/command.cjs +1 -1
- package/dist/cjs/components/command.cjs.map +1 -1
- package/dist/cjs/components/container.cjs.map +1 -1
- package/dist/cjs/components/context-menu.cjs +1 -1
- package/dist/cjs/components/context-menu.cjs.map +1 -1
- package/dist/cjs/components/dialog.cjs +1 -1
- package/dist/cjs/components/dialog.cjs.map +1 -1
- package/dist/cjs/components/drawer.cjs +1 -1
- package/dist/cjs/components/drawer.cjs.map +1 -1
- package/dist/cjs/components/dropdown-menu.cjs +1 -1
- package/dist/cjs/components/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/components/em.cjs.map +1 -1
- package/dist/cjs/components/form.cjs +1 -1
- package/dist/cjs/components/form.cjs.map +1 -1
- package/dist/cjs/components/heading.cjs.map +1 -1
- package/dist/cjs/components/hover-card.cjs +1 -1
- package/dist/cjs/components/hover-card.cjs.map +1 -1
- package/dist/cjs/components/inline.cjs.map +1 -1
- package/dist/cjs/components/input/index.cjs +2 -1
- package/dist/cjs/components/input/index.cjs.map +1 -0
- package/dist/cjs/components/input/input-variants.cjs.map +1 -1
- package/dist/cjs/components/input/input.cjs.map +1 -1
- package/dist/cjs/components/input-date.cjs +2 -1
- package/dist/cjs/components/input-date.cjs.map +1 -0
- package/dist/cjs/components/input-number.cjs +1 -1
- package/dist/cjs/components/input-number.cjs.map +1 -1
- package/dist/cjs/components/input-otp.cjs +1 -1
- package/dist/cjs/components/input-otp.cjs.map +1 -1
- package/dist/cjs/components/input-password.cjs.map +1 -1
- package/dist/cjs/components/input-search.cjs +1 -1
- package/dist/cjs/components/input-search.cjs.map +1 -1
- package/dist/cjs/components/input-time.cjs +2 -1
- package/dist/cjs/components/input-time.cjs.map +1 -0
- package/dist/cjs/components/kbd.cjs.map +1 -1
- package/dist/cjs/components/label.cjs.map +1 -1
- package/dist/cjs/components/menubar.cjs +1 -1
- package/dist/cjs/components/menubar.cjs.map +1 -1
- package/dist/cjs/components/navigation-menu/index.cjs +2 -1
- package/dist/cjs/components/navigation-menu/index.cjs.map +1 -0
- package/dist/cjs/components/navigation-menu/navigation-menu-trigger-style.cjs.map +1 -1
- package/dist/cjs/components/navigation-menu/navigation-menu.cjs +1 -1
- package/dist/cjs/components/navigation-menu/navigation-menu.cjs.map +1 -1
- package/dist/cjs/components/pagination.cjs +1 -1
- package/dist/cjs/components/pagination.cjs.map +1 -1
- package/dist/cjs/components/popover.cjs.map +1 -1
- package/dist/cjs/components/pre.cjs.map +1 -1
- package/dist/cjs/components/progress-circle/index.cjs +2 -1
- package/dist/cjs/components/progress-circle/index.cjs.map +1 -0
- package/dist/cjs/components/progress-circle/progress-circle-variants.cjs.map +1 -1
- package/dist/cjs/components/progress-circle/progress-circle.cjs.map +1 -1
- package/dist/cjs/components/progress.cjs.map +1 -1
- package/dist/cjs/components/quote.cjs.map +1 -1
- package/dist/cjs/components/radio-cards.cjs.map +1 -1
- package/dist/cjs/components/radio-group.cjs.map +1 -1
- package/dist/cjs/components/radio.cjs.map +1 -1
- package/dist/cjs/components/resizable.cjs.map +1 -1
- package/dist/cjs/components/scroll-area/index.cjs +2 -1
- package/dist/cjs/components/scroll-area/index.cjs.map +1 -0
- package/dist/cjs/components/scroll-area/scroll-area-scrollbar-variants.cjs.map +1 -1
- package/dist/cjs/components/scroll-area/scroll-area.cjs.map +1 -1
- package/dist/cjs/components/section.cjs.map +1 -1
- package/dist/cjs/components/select.cjs +1 -1
- package/dist/cjs/components/select.cjs.map +1 -1
- package/dist/cjs/components/separator/index.cjs +2 -1
- package/dist/cjs/components/separator/index.cjs.map +1 -0
- package/dist/cjs/components/separator/separator-variants.cjs.map +1 -1
- package/dist/cjs/components/separator/separator.cjs +1 -1
- package/dist/cjs/components/separator/separator.cjs.map +1 -1
- package/dist/cjs/components/sheet/index.cjs +2 -1
- package/dist/cjs/components/sheet/index.cjs.map +1 -0
- package/dist/cjs/components/sheet/sheet-content-variants.cjs.map +1 -1
- package/dist/cjs/components/sheet/sheet.cjs +1 -1
- package/dist/cjs/components/sheet/sheet.cjs.map +1 -1
- package/dist/cjs/components/sidebar/index.cjs +2 -1
- package/dist/cjs/components/sidebar/index.cjs.map +1 -0
- package/dist/cjs/components/sidebar/sidebar-menu-button-variants.cjs.map +1 -1
- package/dist/cjs/components/sidebar/sidebar.cjs +1 -1
- package/dist/cjs/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/cjs/components/skeleton.cjs.map +1 -1
- package/dist/cjs/components/slider.cjs.map +1 -1
- package/dist/cjs/components/sonner.cjs +1 -1
- package/dist/cjs/components/sonner.cjs.map +1 -1
- package/dist/cjs/components/spinner.cjs.map +1 -1
- package/dist/cjs/components/strong.cjs.map +1 -1
- package/dist/cjs/components/switch.cjs.map +1 -1
- package/dist/cjs/components/table.cjs +1 -1
- package/dist/cjs/components/table.cjs.map +1 -1
- package/dist/cjs/components/tabs.cjs +1 -1
- package/dist/cjs/components/tabs.cjs.map +1 -1
- package/dist/cjs/components/text.cjs.map +1 -1
- package/dist/cjs/components/textarea.cjs.map +1 -1
- package/dist/cjs/components/toggle/index.cjs +2 -1
- package/dist/cjs/components/toggle/index.cjs.map +1 -0
- package/dist/cjs/components/toggle/toggle-variants.cjs.map +1 -1
- package/dist/cjs/components/toggle/toggle.cjs.map +1 -1
- package/dist/cjs/components/toggle-group.cjs +1 -1
- package/dist/cjs/components/toggle-group.cjs.map +1 -1
- package/dist/cjs/components/tooltip.cjs +1 -1
- package/dist/cjs/components/tooltip.cjs.map +1 -1
- package/dist/cjs/index.cjs +2 -1
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/lib/utils.cjs.map +1 -1
- package/dist/esm/components/accordion.js +1 -1
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/alert/alert-variants.js +1 -1
- package/dist/esm/components/alert/alert-variants.js.map +1 -1
- package/dist/esm/components/alert/alert.js +1 -1
- package/dist/esm/components/alert/alert.js.map +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/alert-dialog.js.map +1 -1
- package/dist/esm/components/aspect-ratio.js +1 -1
- package/dist/esm/components/aspect-ratio.js.map +1 -1
- package/dist/esm/components/avatar.js +1 -1
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge/badge-variants.js +1 -1
- package/dist/esm/components/badge/badge-variants.js.map +1 -1
- package/dist/esm/components/badge/badge.js +1 -1
- package/dist/esm/components/badge/badge.js.map +1 -1
- package/dist/esm/components/blockquote.js +1 -1
- package/dist/esm/components/blockquote.js.map +1 -1
- package/dist/esm/components/box.js +1 -1
- package/dist/esm/components/box.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +1 -1
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button/button-variants.js +1 -1
- package/dist/esm/components/button/button-variants.js.map +1 -1
- package/dist/esm/components/button/button.js +1 -1
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/calendar.js +1 -1
- package/dist/esm/components/calendar.js.map +1 -1
- package/dist/esm/components/card.js +1 -1
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/carousel.js +1 -1
- package/dist/esm/components/carousel.js.map +1 -1
- package/dist/esm/components/chart.js +1 -1
- package/dist/esm/components/chart.js.map +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/checkbox-cards.js.map +1 -1
- package/dist/esm/components/checkbox-group.js +1 -1
- package/dist/esm/components/checkbox-group.js.map +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/code.js +1 -1
- package/dist/esm/components/code.js.map +1 -1
- package/dist/esm/components/collapsible.js +1 -1
- package/dist/esm/components/collapsible.js.map +1 -1
- package/dist/esm/components/command.js +1 -1
- package/dist/esm/components/command.js.map +1 -1
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/container.js.map +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/context-menu.js.map +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/drawer.js +1 -1
- package/dist/esm/components/drawer.js.map +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/dropdown-menu.js.map +1 -1
- package/dist/esm/components/em.js +1 -1
- package/dist/esm/components/em.js.map +1 -1
- package/dist/esm/components/form.js +1 -1
- package/dist/esm/components/form.js.map +1 -1
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.js.map +1 -1
- package/dist/esm/components/hover-card.js +1 -1
- package/dist/esm/components/hover-card.js.map +1 -1
- package/dist/esm/components/inline.js +1 -1
- package/dist/esm/components/inline.js.map +1 -1
- package/dist/esm/components/input/input-variants.js +1 -1
- package/dist/esm/components/input/input-variants.js.map +1 -1
- package/dist/esm/components/input/input.js +1 -1
- package/dist/esm/components/input/input.js.map +1 -1
- package/dist/esm/components/input-number.js +1 -1
- package/dist/esm/components/input-number.js.map +1 -1
- package/dist/esm/components/input-otp.js +1 -1
- package/dist/esm/components/input-otp.js.map +1 -1
- package/dist/esm/components/input-password.js +1 -1
- package/dist/esm/components/input-password.js.map +1 -1
- package/dist/esm/components/input-search.js +1 -1
- package/dist/esm/components/input-search.js.map +1 -1
- package/dist/esm/components/kbd.js +1 -1
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/menubar.js +1 -1
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/navigation-menu/navigation-menu-trigger-style.js +1 -1
- package/dist/esm/components/navigation-menu/navigation-menu-trigger-style.js.map +1 -1
- package/dist/esm/components/navigation-menu/navigation-menu.js +1 -1
- package/dist/esm/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/esm/components/pagination.js +1 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/popover.js.map +1 -1
- package/dist/esm/components/pre.js +1 -1
- package/dist/esm/components/pre.js.map +1 -1
- package/dist/esm/components/progress-circle/progress-circle-variants.js +1 -1
- package/dist/esm/components/progress-circle/progress-circle-variants.js.map +1 -1
- package/dist/esm/components/progress-circle/progress-circle.js +1 -1
- package/dist/esm/components/progress-circle/progress-circle.js.map +1 -1
- package/dist/esm/components/progress.js +1 -1
- package/dist/esm/components/progress.js.map +1 -1
- package/dist/esm/components/quote.js +1 -1
- package/dist/esm/components/quote.js.map +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/radio-cards.js.map +1 -1
- package/dist/esm/components/radio-group.js +1 -1
- package/dist/esm/components/radio-group.js.map +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/resizable.js +1 -1
- package/dist/esm/components/resizable.js.map +1 -1
- package/dist/esm/components/scroll-area/scroll-area-scrollbar-variants.js +1 -1
- package/dist/esm/components/scroll-area/scroll-area-scrollbar-variants.js.map +1 -1
- package/dist/esm/components/scroll-area/scroll-area.js +1 -1
- package/dist/esm/components/scroll-area/scroll-area.js.map +1 -1
- package/dist/esm/components/section.js +1 -1
- package/dist/esm/components/section.js.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/separator/separator-variants.js +1 -1
- package/dist/esm/components/separator/separator-variants.js.map +1 -1
- package/dist/esm/components/separator/separator.js +1 -1
- package/dist/esm/components/separator/separator.js.map +1 -1
- package/dist/esm/components/sheet/sheet-content-variants.js +1 -1
- package/dist/esm/components/sheet/sheet-content-variants.js.map +1 -1
- package/dist/esm/components/sheet/sheet.js +1 -1
- package/dist/esm/components/sheet/sheet.js.map +1 -1
- package/dist/esm/components/sidebar/sidebar-menu-button-variants.js +1 -1
- package/dist/esm/components/sidebar/sidebar-menu-button-variants.js.map +1 -1
- package/dist/esm/components/sidebar/sidebar.js +1 -1
- package/dist/esm/components/sidebar/sidebar.js.map +1 -1
- package/dist/esm/components/skeleton.js +1 -1
- package/dist/esm/components/skeleton.js.map +1 -1
- package/dist/esm/components/slider.js +1 -1
- package/dist/esm/components/slider.js.map +1 -1
- package/dist/esm/components/sonner.js +1 -1
- package/dist/esm/components/sonner.js.map +1 -1
- package/dist/esm/components/spinner.js +1 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/strong.js +1 -1
- package/dist/esm/components/strong.js.map +1 -1
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table.js +1 -1
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.js.map +1 -1
- package/dist/esm/components/textarea.js +1 -1
- package/dist/esm/components/textarea.js.map +1 -1
- package/dist/esm/components/toggle/toggle-variants.js +1 -1
- package/dist/esm/components/toggle/toggle-variants.js.map +1 -1
- package/dist/esm/components/toggle/toggle.js +1 -1
- package/dist/esm/components/toggle/toggle.js.map +1 -1
- package/dist/esm/components/toggle-group.js +1 -1
- package/dist/esm/components/toggle-group.js.map +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/lib/utils.js +1 -1
- package/dist/esm/lib/utils.js.map +1 -1
- package/package.json +50 -50
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{Slot as t}from"@radix-ui/react-slot";function a({as:a="h1",asChild:i,...o}){return r(i?t:a,{"data-slot":"heading",...o})}export{a as Heading};
|
|
3
3
|
//# sourceMappingURL=heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/heading.js","sources":["webpack://@codefast/ui/./src/components/heading.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\nfunction Heading({\n as: Tag = \"h1\",\n asChild,\n ...props\n}: ComponentProps<\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : Tag;\n\n return <Component data-slot=\"heading\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading };\n"],"names":["Heading","Tag","asChild","props","
|
|
1
|
+
{"version":3,"file":"components/heading.js","sources":["webpack://@codefast/ui/./src/components/heading.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\nfunction Heading({\n as: Tag = \"h1\",\n asChild,\n ...props\n}: ComponentProps<\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"> & {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : Tag;\n\n return <Component data-slot=\"heading\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading };\n"],"names":["Heading","Tag","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAQ,CACf,GAAIC,EAAM,IAAI,CACdC,QAAAA,CAAO,CACP,GAAGC,EAIJ,EAGC,OAAO,EAFWD,EAAUE,EAAOH,EAE3BI,CAAU,YAAU,UAAW,GAAGF,CAAK,EACjD,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{Arrow as a,Content as e,Portal as o,Root as d,Trigger as r}from"@radix-ui/react-hover-card";import{cn as s}from"../lib/utils.js";function i({...a}){return t(d,{"data-slot":"hover-card",...a})}function n({...a}){return t(r,{"data-slot":"hover-card-trigger",...a})}function l({align:a="center",className:d,sideOffset:r=4,...i}){return t(o,{children:t(e,{align:a,className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg",d),"data-slot":"hover-card-content",sideOffset:r,...i})})}function c({className:e,...o}){return t(a,{className:s("fill-popover",e),"data-slot":"hover-card-arrow",...o})}export{i as HoverCard,c as HoverCardArrow,l as HoverCardContent,n as HoverCardTrigger};
|
|
3
3
|
//# sourceMappingURL=hover-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/hover-card.js","sources":["webpack://@codefast/ui/./src/components/hover-card.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\nfunction HoverCard({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): JSX.Element {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardTrigger({ ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): JSX.Element {\n return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardContent({\n align = \"center\",\n className,\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof HoverCardPrimitive.Content>): JSX.Element {\n return (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n align={align}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg\",\n className,\n )}\n data-slot=\"hover-card-content\"\n sideOffset={sideOffset}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardArrow({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Arrow>): JSX.Element {\n return <HoverCardPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"hover-card-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };\n"],"names":["HoverCard","props","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","align","className","sideOffset","cn","HoverCardArrow"],"mappings":";
|
|
1
|
+
{"version":3,"file":"components/hover-card.js","sources":["webpack://@codefast/ui/./src/components/hover-card.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\nfunction HoverCard({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): JSX.Element {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardTrigger({ ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): JSX.Element {\n return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardContent({\n align = \"center\",\n className,\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof HoverCardPrimitive.Content>): JSX.Element {\n return (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n align={align}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg\",\n className,\n )}\n data-slot=\"hover-card-content\"\n sideOffset={sideOffset}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardArrow({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Arrow>): JSX.Element {\n return <HoverCardPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"hover-card-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };\n"],"names":["HoverCard","props","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","align","className","sideOffset","cn","HoverCardArrow"],"mappings":";gLAYA,SAASA,EAAU,CAAE,GAAGC,EAAuD,EAC7E,OAAO,EAACC,EAAuB,CAAC,YAAU,aAAc,GAAGD,CAAK,EAClE,CAMA,SAASE,EAAiB,CAAE,GAAGF,EAA0D,EACvF,OAAO,EAACC,EAA0B,CAAC,YAAU,qBAAsB,GAAGD,CAAK,EAC7E,CAMA,SAASG,EAAiB,CACxBC,MAAAA,EAAQ,QAAQ,CAChBC,UAAAA,CAAS,CACTC,WAAAA,EAAa,CAAC,CACd,GAAGN,EAC+C,EAClD,OACE,EAACC,EAAyB,C,SACxB,EAACA,EAA0B,CACzB,MAAOG,EACP,UAAWG,EACT,otBACAF,GAEF,YAAU,qBACV,WAAYC,EACX,GAAGN,CAAK,IAIjB,CAMA,SAASQ,EAAe,CAAEH,UAAAA,CAAS,CAAE,GAAGL,EAAwD,EAC9F,OAAO,EAACC,EAAwB,CAAC,UAAWM,EAAG,eAAgBF,GAAY,YAAU,mBAAoB,GAAGL,CAAK,EACnH,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{Slot as t}from"@radix-ui/react-slot";function i({asChild:i,...n}){return r(i?t:"span",{"data-slot":"inline",...n})}export{i as Inline};
|
|
3
3
|
//# sourceMappingURL=inline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/inline.js","sources":["webpack://@codefast/ui/./src/components/inline.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Inline\n * -------------------------------------------------------------------------- */\n\nfunction Inline({\n asChild,\n ...props\n}: ComponentProps<\"span\"> & {\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : \"span\";\n\n return <Component data-slot=\"inline\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Inline };\n"],"names":["Inline","asChild","props","
|
|
1
|
+
{"version":3,"file":"components/inline.js","sources":["webpack://@codefast/ui/./src/components/inline.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Inline\n * -------------------------------------------------------------------------- */\n\nfunction Inline({\n asChild,\n ...props\n}: ComponentProps<\"span\"> & {\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : \"span\";\n\n return <Component data-slot=\"inline\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Inline };\n"],"names":["Inline","asChild","props","Slot","Component"],"mappings":";oFAUA,SAASA,EAAO,CACdC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EAGC,OAAO,EAFWD,EAAUE,EAAO,OAE3BC,CAAU,YAAU,SAAU,GAAGF,CAAK,EAChD,Q"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{tv as i}from"../../lib/utils.js";let t=i({slots:{root:"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",input:"placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium"}});export{t as inputVariants};
|
|
2
2
|
//# sourceMappingURL=input-variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input/input-variants.js","sources":["webpack://@codefast/ui/./src/components/input/input-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = tv({\n slots: {\n root: \"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n input:\n \"placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { inputVariants };\n"],"names":["inputVariants","tv"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components/input/input-variants.js","sources":["webpack://@codefast/ui/./src/components/input/input-variants.tsx"],"sourcesContent":["import { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = tv({\n slots: {\n root: \"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n input:\n \"placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { inputVariants };\n"],"names":["inputVariants","tv"],"mappings":"wCAMA,IAAMA,EAAgBC,EAAG,CACvB,MAAO,CACL,KAAM,qmBACN,MACE,8GACJ,CACF,U"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{Field as i,Root as r}from"@codefast-ui/input";import{inputVariants as n}from"./input-variants.js";import{Spinner as e}from"../spinner.js";let{input:o,root:a}=n();function s({className:n,disabled:s,loaderPosition:p,loading:m,prefix:l,readOnly:u,spinner:d,suffix:f,...c}){return t(r,{className:a({className:n}),"data-slot":"input",disabled:s,loaderPosition:p,loading:m,prefix:l,readOnly:u,spinner:d||t(e,{}),suffix:f,children:t(i,{className:o(),"data-slot":"input-item",...c})})}let p=s;export{s as Input,p as TextInput};
|
|
2
2
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input/input.js","sources":["webpack://@codefast/ui/./src/components/input/input.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { inputVariants } from \"@/components/input/input-variants\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nfunction Input({\n className,\n disabled,\n loaderPosition,\n loading,\n prefix,\n readOnly,\n spinner,\n suffix,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n VariantProps<typeof inputVariants> & {\n type?:\n | \"date\"\n | \"datetime-local\"\n | \"email\"\n | \"file\"\n | \"month\"\n | \"number\"\n | \"password\"\n | \"search\"\n | \"tel\"\n | \"text\"\n | \"time\"\n | \"url\"\n | \"week\";\n }): JSX.Element {\n return (\n <InputPrimitive.Root\n className={root({ className })}\n data-slot=\"input\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field className={input()} data-slot=\"input-item\" {...props} />\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst TextInput = Input;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, TextInput };\n"],"names":["input","root","inputVariants","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","InputPrimitive","Spinner","TextInput"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components/input/input.js","sources":["webpack://@codefast/ui/./src/components/input/input.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { inputVariants } from \"@/components/input/input-variants\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nfunction Input({\n className,\n disabled,\n loaderPosition,\n loading,\n prefix,\n readOnly,\n spinner,\n suffix,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n VariantProps<typeof inputVariants> & {\n type?:\n | \"date\"\n | \"datetime-local\"\n | \"email\"\n | \"file\"\n | \"month\"\n | \"number\"\n | \"password\"\n | \"search\"\n | \"tel\"\n | \"text\"\n | \"time\"\n | \"url\"\n | \"week\";\n }): JSX.Element {\n return (\n <InputPrimitive.Root\n className={root({ className })}\n data-slot=\"input\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field className={input()} data-slot=\"input-item\" {...props} />\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst TextInput = Input;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, TextInput };\n"],"names":["input","root","inputVariants","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","InputPrimitive","Spinner","TextInput"],"mappings":"yLAaA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,IAMxB,SAASC,EAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAkBF,EACD,OACE,EAACC,EAAmB,CAClB,UAAWZ,EAAK,CAAEG,UAAAA,CAAU,GAC5B,YAAU,QACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,EAACI,EAAOA,CAAAA,GAC5B,OAAQH,E,SAER,EAACE,EAAoB,CAAC,UAAWb,IAAS,YAAU,aAAc,GAAGY,CAAK,A,IAGhF,CAWA,IAAMG,EAAYZ,S"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{jsx as r,jsxs as i}from"react/jsx-runtime";import{DecrementButton as e,Field as t,IncrementButton as o,Root as a}from"@codefast-ui/input-number";import{ChevronDownIcon as n,ChevronUpIcon as u}from"lucide-react";import{buttonVariants as d}from"./button/index.js";import{inputVariants as s}from"./input/index.js";import{Spinner as l}from"./spinner.js";import{cn as p}from"../lib/utils.js";let{input:c,root:m}=s();function b({id:s,ariaDecrementLabel:b,ariaIncrementLabel:g,className:f,defaultValue:h,disabled:v,formatOptions:x,loaderPosition:N,loading:w,max:j,min:C,onChange:I,prefix:k,readOnly:y,spinner:D,step:L,suffix:O,value:z,...P}){return i(a,{ariaDecrementLabel:b,ariaIncrementLabel:g,className:m({className:["group pr-0",f]}),"data-slot":"input-number",defaultValue:h,disabled:v,formatOptions:x,id:s,loaderPosition:N,loading:w,max:j,min:C,prefix:k,readOnly:y,spinner:D||r(l,{}),step:L,suffix:O,value:z,onChange:I,children:[r(t,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",className:c(),spellCheck:"false",...P}),i("div",{className:p("divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition","*:[button]:focus-visible:ring-0 *:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),"data-slot":"input-number-buttons",children:[r(o,{"aria-label":"Increment",className:d({className:"text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-increment-button",children:r(u,{})}),r(e,{"aria-label":"Decrement",className:d({className:"text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-decrement-button",children:r(n,{})})]})]})}let g=b;export{b as InputNumber,g as NumberInput};
|
|
2
2
|
//# sourceMappingURL=input-number.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input-number.js","sources":["webpack://@codefast/ui/./src/components/input-number.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as InputNumberPrimitive from \"@codefast-ui/input-number\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\nimport { cn } from \"@/lib/utils\";\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputNumber\n * -------------------------------------------------------------------------- */\n\nfunction InputNumber({\n id,\n ariaDecrementLabel,\n ariaIncrementLabel,\n className,\n defaultValue,\n disabled,\n formatOptions,\n loaderPosition,\n loading,\n max,\n min,\n onChange,\n prefix,\n readOnly,\n spinner,\n step,\n suffix,\n value,\n ...props\n}: ComponentProps<typeof InputNumberPrimitive.Field> &\n ComponentProps<typeof InputNumberPrimitive.Root> &\n VariantProps<typeof inputVariants>): JSX.Element {\n return (\n <InputNumberPrimitive.Root\n ariaDecrementLabel={ariaDecrementLabel}\n ariaIncrementLabel={ariaIncrementLabel}\n className={root({ className: [\"group pr-0\", className] })}\n data-slot=\"input-number\"\n defaultValue={defaultValue}\n disabled={disabled}\n formatOptions={formatOptions}\n id={id}\n loaderPosition={loaderPosition}\n loading={loading}\n max={max}\n min={min}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n step={step}\n suffix={suffix}\n value={value}\n onChange={onChange}\n >\n <InputNumberPrimitive.Field\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n className={input()}\n spellCheck=\"false\"\n {...props}\n />\n <div\n className={cn(\n \"divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition\",\n \"*:[button]:focus-visible:ring-0 *:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40\",\n )}\n data-slot=\"input-number-buttons\"\n >\n <InputNumberPrimitive.IncrementButton\n aria-label=\"Increment\"\n className={buttonVariants({\n className: \"text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]\",\n variant: \"ghost\",\n })}\n data-slot=\"input-number-increment-button\"\n >\n <ChevronUpIcon />\n </InputNumberPrimitive.IncrementButton>\n <InputNumberPrimitive.DecrementButton\n aria-label=\"Decrement\"\n className={buttonVariants({\n className: \"text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]\",\n variant: \"ghost\",\n })}\n data-slot=\"input-number-decrement-button\"\n >\n <ChevronDownIcon />\n </InputNumberPrimitive.DecrementButton>\n </div>\n </InputNumberPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst NumberInput = InputNumber;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputNumber, NumberInput };\n"],"names":["input","root","inputVariants","InputNumber","id","ariaDecrementLabel","ariaIncrementLabel","className","defaultValue","disabled","formatOptions","loaderPosition","loading","max","min","onChange","prefix","readOnly","spinner","step","suffix","value","props","InputNumberPrimitive","Spinner","cn","buttonVariants","ChevronUpIcon","ChevronDownIcon","NumberInput"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components/input-number.js","sources":["webpack://@codefast/ui/./src/components/input-number.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as InputNumberPrimitive from \"@codefast-ui/input-number\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { buttonVariants } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\nimport { cn } from \"@/lib/utils\";\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputNumber\n * -------------------------------------------------------------------------- */\n\nfunction InputNumber({\n id,\n ariaDecrementLabel,\n ariaIncrementLabel,\n className,\n defaultValue,\n disabled,\n formatOptions,\n loaderPosition,\n loading,\n max,\n min,\n onChange,\n prefix,\n readOnly,\n spinner,\n step,\n suffix,\n value,\n ...props\n}: ComponentProps<typeof InputNumberPrimitive.Field> &\n ComponentProps<typeof InputNumberPrimitive.Root> &\n VariantProps<typeof inputVariants>): JSX.Element {\n return (\n <InputNumberPrimitive.Root\n ariaDecrementLabel={ariaDecrementLabel}\n ariaIncrementLabel={ariaIncrementLabel}\n className={root({ className: [\"group pr-0\", className] })}\n data-slot=\"input-number\"\n defaultValue={defaultValue}\n disabled={disabled}\n formatOptions={formatOptions}\n id={id}\n loaderPosition={loaderPosition}\n loading={loading}\n max={max}\n min={min}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n step={step}\n suffix={suffix}\n value={value}\n onChange={onChange}\n >\n <InputNumberPrimitive.Field\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n className={input()}\n spellCheck=\"false\"\n {...props}\n />\n <div\n className={cn(\n \"divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition\",\n \"*:[button]:focus-visible:ring-0 *:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40\",\n )}\n data-slot=\"input-number-buttons\"\n >\n <InputNumberPrimitive.IncrementButton\n aria-label=\"Increment\"\n className={buttonVariants({\n className: \"text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]\",\n variant: \"ghost\",\n })}\n data-slot=\"input-number-increment-button\"\n >\n <ChevronUpIcon />\n </InputNumberPrimitive.IncrementButton>\n <InputNumberPrimitive.DecrementButton\n aria-label=\"Decrement\"\n className={buttonVariants({\n className: \"text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]\",\n variant: \"ghost\",\n })}\n data-slot=\"input-number-decrement-button\"\n >\n <ChevronDownIcon />\n </InputNumberPrimitive.DecrementButton>\n </div>\n </InputNumberPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst NumberInput = InputNumber;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputNumber, NumberInput };\n"],"names":["input","root","inputVariants","InputNumber","id","ariaDecrementLabel","ariaIncrementLabel","className","defaultValue","disabled","formatOptions","loaderPosition","loading","max","min","onChange","prefix","readOnly","spinner","step","suffix","value","props","InputNumberPrimitive","Spinner","cn","buttonVariants","ChevronUpIcon","ChevronDownIcon","NumberInput"],"mappings":"0YAYA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,IAMxB,SAASC,EAAY,CACnBC,GAAAA,CAAE,CACFC,mBAAAA,CAAkB,CAClBC,mBAAAA,CAAkB,CAClBC,UAAAA,CAAS,CACTC,aAAAA,CAAY,CACZC,SAAAA,CAAQ,CACRC,cAAAA,CAAa,CACbC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,IAAAA,CAAG,CACHC,IAAAA,CAAG,CACHC,SAAAA,CAAQ,CACRC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,KAAAA,CAAI,CACJC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACL,GAAGC,EAG+B,EAClC,OACE,EAACC,EAAyB,CACxB,mBAAoBlB,EACpB,mBAAoBC,EACpB,UAAWL,EAAK,CAAE,UAAW,CAAC,aAAcM,EAAU,AAAC,GACvD,YAAU,eACV,aAAcC,EACd,SAAUC,EACV,cAAeC,EACf,GAAIN,EACJ,eAAgBO,EAChB,QAASC,EACT,IAAKC,EACL,IAAKC,EACL,OAAQE,EACR,SAAUC,EACV,QAASC,GAAW,EAACM,EAAOA,CAAAA,GAC5B,KAAML,EACN,OAAQC,EACR,MAAOC,EACP,SAAUN,E,UAEV,EAACQ,EAA0B,CACzB,eAAe,OACf,aAAa,MACb,YAAY,MACZ,UAAWvB,IACX,WAAW,QACV,GAAGsB,CAAK,A,GAEX,EAAC,OACC,UAAWG,EACT,mlBACA,gNAEF,YAAU,uB,UAEV,EAACF,EAAoC,CACnC,aAAW,YACX,UAAWG,EAAe,CACxB,UAAW,oFACX,QAAS,OACX,GACA,YAAU,gC,SAEV,EAACC,EAAaA,CAAAA,E,GAEhB,EAACJ,EAAoC,CACnC,aAAW,YACX,UAAWG,EAAe,CACxB,UAAW,oFACX,QAAS,OACX,GACA,YAAU,gC,SAEV,EAACE,EAAeA,CAAAA,E,QAK1B,CAWA,IAAMC,EAAc1B,S"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{OTPInput as a,OTPInputContext as r,REGEXP_ONLY_CHARS as i,REGEXP_ONLY_DIGITS as n,REGEXP_ONLY_DIGITS_AND_CHARS as o}from"input-otp";import{MinusIcon as s}from"lucide-react";import{use as d}from"react";import{cn as l}from"../lib/utils.js";function u({className:e,containerClassName:r,...i}){return t(a,{"aria-label":"One-time password",className:l(e),containerClassName:l("flex items-center gap-2 has-disabled:opacity-50",r),"data-slot":"input-otp",...i})}function c({className:e,...a}){return t("div",{className:l("flex items-center -space-x-px",e),"data-slot":"input-otp-group",role:"group",...a})}function p({className:a,index:i,...n}){let{isActive:o,char:s,hasFakeCaret:u}=d(r).slots[i];return e("div",{className:l("border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10",a),"data-active":o,"data-slot":"input-otp-slot",...n,children:[s,u?t("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})}function m({...e}){return t("div",{"data-slot":"input-otp-separator",role:"separator",...e,children:t(s,{})})}export{u as InputOTP,c as InputOTPGroup,m as InputOTPSeparator,p as InputOTPSlot,i as REGEXP_ONLY_CHARS,n as REGEXP_ONLY_DIGITS,o as REGEXP_ONLY_DIGITS_AND_CHARS};
|
|
3
3
|
//# sourceMappingURL=input-otp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input-otp.js","sources":["webpack://@codefast/ui/./src/components/input-otp.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport { use } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nfunction InputOTP({ className, containerClassName, ...props }: ComponentProps<typeof OTPInput>): JSX.Element {\n return (\n <OTPInput\n aria-label=\"One-time password\"\n className={cn(className)}\n containerClassName={cn(\"flex items-center gap-2 has-disabled:opacity-50\", containerClassName)}\n data-slot=\"input-otp\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPGroup({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n return (\n <div\n className={cn(\"flex items-center -space-x-px\", className)}\n data-slot=\"input-otp-group\"\n role=\"group\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSlot({\n className,\n index,\n ...props\n}: ComponentProps<\"div\"> & {\n index: number;\n}): JSX.Element {\n const inputOTPContext = use(OTPInputContext);\n const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];\n\n return (\n <div\n className={cn(\n \"border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10\",\n className,\n )}\n data-active={isActive}\n data-slot=\"input-otp-slot\"\n {...props}\n >\n {char}\n {hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSeparator({ ...props }: ComponentProps<\"div\">): JSX.Element {\n return (\n <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from \"input-otp\";\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"names":["InputOTP","className","containerClassName","props","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isActive","char","hasFakeCaret","inputOTPContext","use","OTPInputContext","InputOTPSeparator","MinusIcon"],"mappings":";
|
|
1
|
+
{"version":3,"file":"components/input-otp.js","sources":["webpack://@codefast/ui/./src/components/input-otp.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport { use } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nfunction InputOTP({ className, containerClassName, ...props }: ComponentProps<typeof OTPInput>): JSX.Element {\n return (\n <OTPInput\n aria-label=\"One-time password\"\n className={cn(className)}\n containerClassName={cn(\"flex items-center gap-2 has-disabled:opacity-50\", containerClassName)}\n data-slot=\"input-otp\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPGroup({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n return (\n <div\n className={cn(\"flex items-center -space-x-px\", className)}\n data-slot=\"input-otp-group\"\n role=\"group\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSlot({\n className,\n index,\n ...props\n}: ComponentProps<\"div\"> & {\n index: number;\n}): JSX.Element {\n const inputOTPContext = use(OTPInputContext);\n const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];\n\n return (\n <div\n className={cn(\n \"border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10\",\n className,\n )}\n data-active={isActive}\n data-slot=\"input-otp-slot\"\n {...props}\n >\n {char}\n {hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSeparator({ ...props }: ComponentProps<\"div\">): JSX.Element {\n return (\n <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from \"input-otp\";\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"names":["InputOTP","className","containerClassName","props","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isActive","char","hasFakeCaret","inputOTPContext","use","OTPInputContext","InputOTPSeparator","MinusIcon"],"mappings":";uSAcA,SAASA,EAAS,CAAEC,UAAAA,CAAS,CAAEC,mBAAAA,CAAkB,CAAE,GAAGC,EAAwC,EAC5F,OACE,EAACC,EAAQA,CACP,aAAW,oBACX,UAAWC,EAAGJ,GACd,mBAAoBI,EAAG,kDAAmDH,GAC1E,YAAU,YACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CAAEL,UAAAA,CAAS,CAAE,GAAGE,EAA8B,EACnE,OACE,EAAC,OACC,UAAWE,EAAG,gCAAiCJ,GAC/C,YAAU,kBACV,KAAK,QACJ,GAAGE,CAAK,EAGf,CAMA,SAASI,EAAa,CACpBN,UAAAA,CAAS,CACTO,MAAAA,CAAK,CACL,GAAGL,EAGJ,EAEC,GAAM,CAAEM,SAAAA,CAAQ,CAAEC,KAAAA,CAAI,CAAEC,aAAAA,CAAY,CAAE,CAAGC,EADbE,GAC6B,KAAK,CAACN,EAAM,CAErE,OACE,EAAC,OACC,UAAWH,EACT,+eACAJ,GAEF,cAAaQ,EACb,YAAU,iBACT,GAAGN,CAAK,C,UAERO,EACAC,EACC,EAAC,OAAI,UAAU,wE,SACb,EAAC,OAAI,UAAU,oE,KAEf,K,EAGV,CAMA,SAASI,EAAkB,CAAE,GAAGZ,EAA8B,EAC5D,OACE,EAAC,OAAI,YAAU,sBAAsB,KAAK,YAAa,GAAGA,CAAK,C,SAC7D,EAACa,EAASA,CAAAA,E,EAGhB,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as s,jsxs as o}from"react/jsx-runtime";import{Field as i,Root as r}from"@codefast-ui/input";import{EyeIcon as t,EyeOffIcon as a}from"lucide-react";import{useCallback as e,useState as p}from"react";import{Button as d}from"./button/index.js";import{inputVariants as n}from"./input/index.js";import{Spinner as l}from"./spinner.js";let{input:m,root:u}=n();function f({className:n,disabled:f,loaderPosition:c,loading:w,prefix:b,readOnly:x,spinner:g,suffix:j,...N}){let[h,v]=p("password"),z=e(()=>{v(s=>"password"===s?"text":"password")},[]);return o(r,{className:u({className:[!j&&"pr-1.5",n]}),"data-slot":"input-password",disabled:f,loaderPosition:c,loading:w,prefix:b,readOnly:x,spinner:g||s(l,{}),suffix:j,children:[s(i,{autoCapitalize:"none",className:m(),"data-slot":"input-password-item",type:h,...N}),s(d,{"aria-label":"password"===h?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:f,prefix:"password"===h?s(a,{}):s(t,{}),size:"icon",variant:"ghost",onClick:z})]})}let c=f;export{f as InputPassword,c as PasswordInput};
|
|
3
3
|
//# sourceMappingURL=input-password.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input-password.js","sources":["webpack://@codefast/ui/./src/components/input-password.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX, MouseEventHandler } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Variant: InputPassword\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputPassword\n * -------------------------------------------------------------------------- */\n\nfunction InputPassword({\n className,\n disabled,\n loaderPosition,\n loading,\n prefix,\n readOnly,\n spinner,\n suffix,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n VariantProps<typeof inputVariants>): JSX.Element {\n const [type, setType] = useState<\"password\" | \"text\">(\"password\");\n\n const togglePasswordVisibility = useCallback<MouseEventHandler<HTMLButtonElement>>(() => {\n setType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\n }, []);\n\n return (\n <InputPrimitive.Root\n className={root({ className: [!suffix && \"pr-1.5\", className] })}\n data-slot=\"input-password\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field\n autoCapitalize=\"none\"\n className={input()}\n data-slot=\"input-password-item\"\n type={type}\n {...props}\n />\n <Button\n aria-label={type === \"password\" ? \"Show password\" : \"Hide password\"}\n className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n data-slot=\"input-password-toggle\"\n disabled={disabled}\n prefix={type === \"password\" ? <EyeOffIcon /> : <EyeIcon />}\n size=\"icon\"\n variant=\"ghost\"\n onClick={togglePasswordVisibility}\n />\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst PasswordInput = InputPassword;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputPassword, PasswordInput };\n"],"names":["input","root","inputVariants","InputPassword","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","type","setType","useState","togglePasswordVisibility","useCallback","prev","InputPrimitive","Spinner","Button","EyeOffIcon","EyeIcon","PasswordInput"],"mappings":";
|
|
1
|
+
{"version":3,"file":"components/input-password.js","sources":["webpack://@codefast/ui/./src/components/input-password.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX, MouseEventHandler } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Variant: InputPassword\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputPassword\n * -------------------------------------------------------------------------- */\n\nfunction InputPassword({\n className,\n disabled,\n loaderPosition,\n loading,\n prefix,\n readOnly,\n spinner,\n suffix,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"prefix\" | \"type\"> &\n VariantProps<typeof inputVariants>): JSX.Element {\n const [type, setType] = useState<\"password\" | \"text\">(\"password\");\n\n const togglePasswordVisibility = useCallback<MouseEventHandler<HTMLButtonElement>>(() => {\n setType((prev) => (prev === \"password\" ? \"text\" : \"password\"));\n }, []);\n\n return (\n <InputPrimitive.Root\n className={root({ className: [!suffix && \"pr-1.5\", className] })}\n data-slot=\"input-password\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field\n autoCapitalize=\"none\"\n className={input()}\n data-slot=\"input-password-item\"\n type={type}\n {...props}\n />\n <Button\n aria-label={type === \"password\" ? \"Show password\" : \"Hide password\"}\n className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n data-slot=\"input-password-toggle\"\n disabled={disabled}\n prefix={type === \"password\" ? <EyeOffIcon /> : <EyeIcon />}\n size=\"icon\"\n variant=\"ghost\"\n onClick={togglePasswordVisibility}\n />\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst PasswordInput = InputPassword;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputPassword, PasswordInput };\n"],"names":["input","root","inputVariants","InputPassword","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","type","setType","useState","togglePasswordVisibility","useCallback","prev","InputPrimitive","Spinner","Button","EyeOffIcon","EyeIcon","PasswordInput"],"mappings":";mVAkBA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,IAMxB,SAASC,EAAc,CACrBC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAG+B,EAClC,GAAM,CAACC,EAAMC,EAAQ,CAAGC,EAA8B,YAEhDC,EAA2BC,EAAkD,KACjFH,EAAQ,GAAWI,aAAAA,EAAsB,OAAS,WACpD,EAAG,EAAE,EAEL,OACE,EAACC,EAAmB,CAClB,UAAWlB,EAAK,CAAE,UAAW,CAAC,CAACU,GAAU,SAAUP,EAAU,GAC7D,YAAU,iBACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,EAACU,EAAOA,CAAAA,GAC5B,OAAQT,E,UAER,EAACQ,EAAoB,CACnB,eAAe,OACf,UAAWnB,IACX,YAAU,sBACV,KAAMa,EACL,GAAGD,CAAK,GAEX,EAACS,EAAMA,CACL,aAAYR,aAAAA,EAAsB,gBAAkB,gBACpD,UAAU,+EACV,YAAU,wBACV,SAAUR,EACV,OAAQQ,aAAAA,EAAsB,EAACS,EAAUA,CAAAA,GAAM,EAACC,EAAOA,CAAAA,GACvD,KAAK,OACL,QAAQ,QACR,QAASP,C,KAIjB,CAWA,IAAMQ,EAAgBrB,S"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Field as r,Root as t}from"@codefast-ui/input";import{useControllableState as i}from"@radix-ui/react-use-controllable-state";import{SearchIcon as s,XIcon as o}from"lucide-react";import{Button as l}from"./button/index.js";import{inputVariants as n}from"./input/index.js";import{Spinner as u}from"./spinner.js";let{input:c,root:p}=n();function d({className:n,defaultValue:d,disabled:m,loaderPosition:f,loading:h,onChange:b,prefix:x,readOnly:g,spinner:v,suffix:j,value:N,...C}){let[y,z]=i({defaultProp:d,onChange:b,prop:N});return a(t,{className:p({className:[!j&&"pr-1.5",n]}),"data-slot":"input-search",disabled:m,loaderPosition:f,loading:h,prefix:x||e(s,{}),readOnly:g,spinner:v||e(u,{}),suffix:j,children:[e(r,{className:c(),"data-slot":"input-search-item",type:"search",value:y??"",onChange:e=>{z(e.target.value)},...C}),y?e(l,{"aria-label":"Clear search",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-search-clear",disabled:m||g,size:"icon",suffix:e(o,{}),variant:"ghost",onClick:()=>{z("")}}):null]})}let m=d;export{d as InputSearch,m as SearchInput};
|
|
3
3
|
//# sourceMappingURL=input-search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/input-search.js","sources":["webpack://@codefast/ui/./src/components/input-search.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputSearch\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\nfunction InputSearch({\n className,\n defaultValue,\n disabled,\n loaderPosition,\n loading,\n onChange,\n prefix,\n readOnly,\n spinner,\n suffix,\n value: valueProp,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"defaultValue\" | \"onChange\" | \"prefix\" | \"type\" | \"value\"> &\n VariantProps<typeof inputVariants> & {\n defaultValue?: string;\n onChange?: (value?: string) => void;\n value?: string;\n }): JSX.Element {\n const [value, setValue] = useControllableState<string | undefined>({\n defaultProp: defaultValue,\n onChange,\n prop: valueProp,\n });\n\n return (\n <InputPrimitive.Root\n className={root({ className: [!suffix && \"pr-1.5\", className] })}\n data-slot=\"input-search\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix || <SearchIcon />}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field\n className={input()}\n data-slot=\"input-search-item\"\n type=\"search\"\n value={value ?? \"\"}\n onChange={(event) => {\n setValue(event.target.value);\n }}\n {...props}\n />\n {value ? (\n <Button\n aria-label=\"Clear search\"\n className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n data-slot=\"input-search-clear\"\n disabled={disabled || readOnly}\n size=\"icon\"\n suffix={<XIcon />}\n variant=\"ghost\"\n onClick={() => {\n setValue(\"\");\n }}\n />\n ) : null}\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst SearchInput = InputSearch;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputSearch, SearchInput };\n"],"names":["input","root","inputVariants","InputSearch","className","defaultValue","disabled","loaderPosition","loading","onChange","prefix","readOnly","spinner","suffix","valueProp","props","value","setValue","useControllableState","InputPrimitive","SearchIcon","Spinner","event","Button","XIcon","SearchInput"],"mappings":";
|
|
1
|
+
{"version":3,"file":"components/input-search.js","sources":["webpack://@codefast/ui/./src/components/input-search.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as InputPrimitive from \"@codefast-ui/input\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { SearchIcon, XIcon } from \"lucide-react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { inputVariants } from \"@/components/input\";\nimport { Spinner } from \"@/components/spinner\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputSearch\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\nfunction InputSearch({\n className,\n defaultValue,\n disabled,\n loaderPosition,\n loading,\n onChange,\n prefix,\n readOnly,\n spinner,\n suffix,\n value: valueProp,\n ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n Omit<ComponentProps<typeof InputPrimitive.Field>, \"defaultValue\" | \"onChange\" | \"prefix\" | \"type\" | \"value\"> &\n VariantProps<typeof inputVariants> & {\n defaultValue?: string;\n onChange?: (value?: string) => void;\n value?: string;\n }): JSX.Element {\n const [value, setValue] = useControllableState<string | undefined>({\n defaultProp: defaultValue,\n onChange,\n prop: valueProp,\n });\n\n return (\n <InputPrimitive.Root\n className={root({ className: [!suffix && \"pr-1.5\", className] })}\n data-slot=\"input-search\"\n disabled={disabled}\n loaderPosition={loaderPosition}\n loading={loading}\n prefix={prefix || <SearchIcon />}\n readOnly={readOnly}\n spinner={spinner || <Spinner />}\n suffix={suffix}\n >\n <InputPrimitive.Field\n className={input()}\n data-slot=\"input-search-item\"\n type=\"search\"\n value={value ?? \"\"}\n onChange={(event) => {\n setValue(event.target.value);\n }}\n {...props}\n />\n {value ? (\n <Button\n aria-label=\"Clear search\"\n className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n data-slot=\"input-search-clear\"\n disabled={disabled || readOnly}\n size=\"icon\"\n suffix={<XIcon />}\n variant=\"ghost\"\n onClick={() => {\n setValue(\"\");\n }}\n />\n ) : null}\n </InputPrimitive.Root>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst SearchInput = InputSearch;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputSearch, SearchInput };\n"],"names":["input","root","inputVariants","InputSearch","className","defaultValue","disabled","loaderPosition","loading","onChange","prefix","readOnly","spinner","suffix","valueProp","props","value","setValue","useControllableState","InputPrimitive","SearchIcon","Spinner","event","Button","XIcon","SearchInput"],"mappings":";6WAkBA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,IAExB,SAASC,EAAY,CACnBC,UAAAA,CAAS,CACTC,aAAAA,CAAY,CACZC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,MAAOC,CAAS,CAChB,GAAGC,EAOF,EACD,GAAM,CAACC,EAAOC,EAAS,CAAGC,EAAyC,CACjE,YAAab,EACbI,SAAAA,EACA,KAAMK,CACR,GAEA,OACE,EAACK,EAAmB,CAClB,UAAWlB,EAAK,CAAE,UAAW,CAAC,CAACY,GAAU,SAAUT,EAAU,GAC7D,YAAU,eACV,SAAUE,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQE,GAAU,EAACU,EAAUA,CAAAA,GAC7B,SAAUT,EACV,QAASC,GAAW,EAACS,EAAOA,CAAAA,GAC5B,OAAQR,E,UAER,EAACM,EAAoB,CACnB,UAAWnB,IACX,YAAU,oBACV,KAAK,SACL,MAAOgB,GAAS,GAChB,SAAU,IACRC,EAASK,EAAM,MAAM,CAAC,KAAK,CAC7B,EACC,GAAGP,CAAK,GAEVC,EACC,EAACO,EAAMA,CACL,aAAW,eACX,UAAU,+EACV,YAAU,qBACV,SAAUjB,GAAYK,EACtB,KAAK,OACL,OAAQ,EAACa,EAAKA,CAAAA,GACd,QAAQ,QACR,QAAS,KACPP,EAAS,GACX,C,GAEA,K,EAGV,CAWA,IAAMQ,EAActB,S"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{Slot as e}from"@radix-ui/react-slot";import{cn as o}from"../lib/utils.js";function r({asChild:r,className:m,...n}){return t(r?e:"kbd",{className:o("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium",m),"data-slot":"kbd",...n})}export{r as Kbd};
|
|
3
3
|
//# sourceMappingURL=kbd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/kbd.js","sources":["webpack://@codefast/ui/./src/components/kbd.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\nfunction Kbd({\n asChild,\n className,\n ...props\n}: ComponentProps<\"kbd\"> & {\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : \"kbd\";\n\n return (\n <Component\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium\",\n className,\n )}\n data-slot=\"kbd\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd };\n"],"names":["Kbd","asChild","className","props","
|
|
1
|
+
{"version":3,"file":"components/kbd.js","sources":["webpack://@codefast/ui/./src/components/kbd.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\nfunction Kbd({\n asChild,\n className,\n ...props\n}: ComponentProps<\"kbd\"> & {\n asChild?: boolean;\n}): JSX.Element {\n const Component = asChild ? Slot : \"kbd\";\n\n return (\n <Component\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium\",\n className,\n )}\n data-slot=\"kbd\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd };\n"],"names":["Kbd","asChild","className","props","Slot","Component","cn"],"mappings":";yHAYA,SAASA,EAAI,CACXC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACT,GAAGC,EAGJ,EAGC,OACE,EAHgBF,EAAUG,EAAO,MAGhCC,CACC,UAAWC,EACT,uIACAJ,GAEF,YAAU,MACT,GAAGC,CAAK,EAGf,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{Root as t}from"@radix-ui/react-label";import{cn as a}from"../lib/utils.js";function i({className:i,...r}){return e(t,{className:a("peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50",i),"data-slot":"label",...r})}export{i as Label};
|
|
3
3
|
//# sourceMappingURL=label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/label.js","sources":["webpack://@codefast/ui/./src/components/label.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nfunction Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\n return (\n <LabelPrimitive.Root\n className={cn(\n \"peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50\",\n className,\n )}\n data-slot=\"label\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"],"names":["Label","className","props","LabelPrimitive","cn"],"mappings":";
|
|
1
|
+
{"version":3,"file":"components/label.js","sources":["webpack://@codefast/ui/./src/components/label.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nfunction Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\n return (\n <LabelPrimitive.Root\n className={cn(\n \"peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50\",\n className,\n )}\n data-slot=\"label\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"],"names":["Label","className","props","LabelPrimitive","cn"],"mappings":";0HAYA,SAASA,EAAM,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAmD,EAChF,OACE,EAACC,EAAmB,CAClB,UAAWC,EACT,uMACAH,GAEF,YAAU,QACT,GAAGC,CAAK,EAGf,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Arrow as a,CheckboxItem as n,Content as r,Group as o,Item as s,ItemIndicator as d,Label as i,Menu as u,Portal as c,RadioGroup as l,RadioItem as m,Root as f,Separator as p,Sub as b,SubContent as g,SubTrigger as x,Trigger as v}from"@radix-ui/react-menubar";import{CheckIcon as h,ChevronRightIcon as M,DotIcon as N}from"lucide-react";import{cn as z}from"../lib/utils.js";function y({className:e,...a}){return t(f,{className:z("bg-background flex items-center space-x-1 rounded-lg border p-1",e),"data-slot":"menubar",...a})}function k({...e}){return t(u,{"data-slot":"menubar-menu",...e})}function _({...e}){return t(o,{"data-slot":"menubar-group",...e})}function w({...e}){return t(b,{"data-slot":"menubar-sub",...e})}function S({...e}){return t(l,{"data-slot":"menubar-radio-group",...e})}function j({className:e,...a}){return t(v,{className:z("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium",e),"data-slot":"menubar-trigger",...a})}function C({children:a,className:n,inset:r,...o}){return e(x,{className:z("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm",n),"data-inset":r,"data-slot":"menubar-sub-trigger",...o,children:[a,t(M,{className:"ml-auto size-4"})]})}function I({className:e,...a}){return t(c,{children:t(g,{className:z("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"menubar-sub-content",...a})})}function G({align:e="start",alignOffset:a=-4,className:n,sideOffset:o=4,...s}){return t(c,{children:t(r,{align:e,alignOffset:a,className:z("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg",n),"data-slot":"menubar-content",sideOffset:o,...s})})}function O({className:e,inset:a,variant:n,...r}){return t(s,{className:z("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",e),"data-inset":a,"data-slot":"menubar-item","data-variant":n,...r})}function R({checked:a,children:r,className:o,...s}){return e(n,{checked:a,className:z("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",o),"data-slot":"menubar-checkbox-item",...s,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(d,{children:t(h,{className:"size-4"})})}),r]})}function T({children:a,className:n,...r}){return e(m,{className:z("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",n),"data-slot":"menubar-radio-item",...r,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(d,{children:t(N,{className:"size-4 fill-current"})})}),a]})}function A({className:e,inset:a,...n}){return t(i,{className:z("data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold",e),"data-inset":a,"data-slot":"menubar-label",...n})}function L({className:e,...a}){return t(p,{className:z("bg-border mx-2 my-1 h-px",e),"data-slot":"menubar-separator",...a})}function q({className:e,...a}){return t("span",{className:z("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"menubar-shortcut",...a})}function B({className:e,...n}){return t(a,{className:z("fill-popover",e),"data-slot":"menubar-arrow",...n})}export{y as Menubar,B as MenubarArrow,R as MenubarCheckboxItem,G as MenubarContent,_ as MenubarGroup,O as MenubarItem,A as MenubarLabel,k as MenubarMenu,S as MenubarRadioGroup,T as MenubarRadioItem,L as MenubarSeparator,q as MenubarShortcut,w as MenubarSub,I as MenubarSubContent,C as MenubarSubTrigger,j as MenubarTrigger};
|
|
3
3
|
//# sourceMappingURL=menubar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/menubar.js","sources":["webpack://@codefast/ui/./src/components/menubar.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, DotIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\nfunction Menubar({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Root>): JSX.Element {\n return (\n <MenubarPrimitive.Root\n className={cn(\"bg-background flex items-center space-x-1 rounded-lg border p-1\", className)}\n data-slot=\"menubar\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\nfunction MenubarMenu({ ...props }: ComponentProps<typeof MenubarPrimitive.Menu>): JSX.Element {\n return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.Group>): JSX.Element {\n return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): JSX.Element {\n return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.RadioGroup>): JSX.Element {\n return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarTrigger({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Trigger>): JSX.Element {\n return (\n <MenubarPrimitive.Trigger\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium\",\n className,\n )}\n data-slot=\"menubar-trigger\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean;\n}): JSX.Element {\n return (\n <MenubarPrimitive.SubTrigger\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm\",\n className,\n )}\n data-inset={inset}\n data-slot=\"menubar-sub-trigger\"\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): JSX.Element {\n return (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n className,\n )}\n data-slot=\"menubar-sub-content\"\n {...props}\n />\n </MenubarPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarContent({\n align = \"start\",\n alignOffset = -4,\n className,\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Content>): JSX.Element {\n return (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n align={align}\n alignOffset={alignOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n className,\n )}\n data-slot=\"menubar-content\"\n sideOffset={sideOffset}\n {...props}\n />\n </MenubarPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}): JSX.Element {\n return (\n <MenubarPrimitive.Item\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-inset={inset}\n data-slot=\"menubar-item\"\n data-variant={variant}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): JSX.Element {\n return (\n <MenubarPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-slot=\"menubar-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.RadioItem>): JSX.Element {\n return (\n <MenubarPrimitive.RadioItem\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-slot=\"menubar-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Label> & {\n inset?: boolean;\n}): JSX.Element {\n return (\n <MenubarPrimitive.Label\n className={cn(\"data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold\", className)}\n data-inset={inset}\n data-slot=\"menubar-label\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): JSX.Element {\n return (\n <MenubarPrimitive.Separator\n className={cn(\"bg-border mx-2 my-1 h-px\", className)}\n data-slot=\"menubar-separator\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\nfunction MenubarShortcut({ className, ...props }: ComponentProps<\"span\">): JSX.Element {\n return (\n <span\n className={cn(\n \"text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest\",\n className,\n )}\n data-slot=\"menubar-shortcut\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarArrow\n * -------------------------------------------------------------------------- */\n\nfunction MenubarArrow({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Arrow>): JSX.Element {\n return <MenubarPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"menubar-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarArrow,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarGroup,\n MenubarItem,\n MenubarLabel,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n};\n"],"names":["Menubar","className","props","MenubarPrimitive","cn","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","MenubarTrigger","MenubarSubTrigger","children","inset","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","variant","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotIcon","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarArrow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components/menubar.js","sources":["webpack://@codefast/ui/./src/components/menubar.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, JSX } from \"react\";\n\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, DotIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\nfunction Menubar({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Root>): JSX.Element {\n return (\n <MenubarPrimitive.Root\n className={cn(\"bg-background flex items-center space-x-1 rounded-lg border p-1\", className)}\n data-slot=\"menubar\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\nfunction MenubarMenu({ ...props }: ComponentProps<typeof MenubarPrimitive.Menu>): JSX.Element {\n return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.Group>): JSX.Element {\n return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSub({ ...props }: ComponentProps<typeof MenubarPrimitive.Sub>): JSX.Element {\n return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioGroup({ ...props }: ComponentProps<typeof MenubarPrimitive.RadioGroup>): JSX.Element {\n return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarTrigger({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Trigger>): JSX.Element {\n return (\n <MenubarPrimitive.Trigger\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium\",\n className,\n )}\n data-slot=\"menubar-trigger\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean;\n}): JSX.Element {\n return (\n <MenubarPrimitive.SubTrigger\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm\",\n className,\n )}\n data-inset={inset}\n data-slot=\"menubar-sub-trigger\"\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSubContent({ className, ...props }: ComponentProps<typeof MenubarPrimitive.SubContent>): JSX.Element {\n return (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n className,\n )}\n data-slot=\"menubar-sub-content\"\n {...props}\n />\n </MenubarPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\nfunction MenubarContent({\n align = \"start\",\n alignOffset = -4,\n className,\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Content>): JSX.Element {\n return (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n align={align}\n alignOffset={alignOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border p-1 shadow-lg\",\n className,\n )}\n data-slot=\"menubar-content\"\n sideOffset={sideOffset}\n {...props}\n />\n </MenubarPrimitive.Portal>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}): JSX.Element {\n return (\n <MenubarPrimitive.Item\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-inset={inset}\n data-slot=\"menubar-item\"\n data-variant={variant}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.CheckboxItem>): JSX.Element {\n return (\n <MenubarPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-slot=\"menubar-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\nfunction MenubarRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.RadioItem>): JSX.Element {\n return (\n <MenubarPrimitive.RadioItem\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className,\n )}\n data-slot=\"menubar-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof MenubarPrimitive.Label> & {\n inset?: boolean;\n}): JSX.Element {\n return (\n <MenubarPrimitive.Label\n className={cn(\"data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold\", className)}\n data-inset={inset}\n data-slot=\"menubar-label\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction MenubarSeparator({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Separator>): JSX.Element {\n return (\n <MenubarPrimitive.Separator\n className={cn(\"bg-border mx-2 my-1 h-px\", className)}\n data-slot=\"menubar-separator\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\nfunction MenubarShortcut({ className, ...props }: ComponentProps<\"span\">): JSX.Element {\n return (\n <span\n className={cn(\n \"text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest\",\n className,\n )}\n data-slot=\"menubar-shortcut\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarArrow\n * -------------------------------------------------------------------------- */\n\nfunction MenubarArrow({ className, ...props }: ComponentProps<typeof MenubarPrimitive.Arrow>): JSX.Element {\n return <MenubarPrimitive.Arrow className={cn(\"fill-popover\", className)} data-slot=\"menubar-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarArrow,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarGroup,\n MenubarItem,\n MenubarLabel,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n};\n"],"names":["Menubar","className","props","MenubarPrimitive","cn","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","MenubarTrigger","MenubarSubTrigger","children","inset","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","variant","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotIcon","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarArrow"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{buttonVariants as e}from"../button/index.js";import{tv as t}from"../../lib/utils.js";let a=t({base:e({className:"data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",variant:"ghost"})});export{a as navigationMenuTriggerStyle};
|
|
2
2
|
//# sourceMappingURL=navigation-menu-trigger-style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/navigation-menu/navigation-menu-trigger-style.js","sources":["webpack://@codefast/ui/./src/components/navigation-menu/navigation-menu-trigger-style.tsx"],"sourcesContent":["import { buttonVariants } from \"@/components/button\";\nimport { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Style: NavigationMenuTrigger\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerStyle = tv({\n base: buttonVariants({\n className:\n \"data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary\",\n variant: \"ghost\",\n }),\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { navigationMenuTriggerStyle };\n"],"names":["navigationMenuTriggerStyle","tv","buttonVariants"],"mappings":"
|
|
1
|
+
{"version":3,"file":"components/navigation-menu/navigation-menu-trigger-style.js","sources":["webpack://@codefast/ui/./src/components/navigation-menu/navigation-menu-trigger-style.tsx"],"sourcesContent":["import { buttonVariants } from \"@/components/button\";\nimport { tv } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Style: NavigationMenuTrigger\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerStyle = tv({\n base: buttonVariants({\n className:\n \"data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary\",\n variant: \"ghost\",\n }),\n});\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { navigationMenuTriggerStyle };\n"],"names":["navigationMenuTriggerStyle","tv","buttonVariants"],"mappings":"4FAOA,IAAMA,EAA6BC,EAAG,CACpC,KAAMC,EAAe,CACnB,UACE,8KACF,QAAS,OACX,EACF,U"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Content as e,Indicator as o,Item as n,Link as i,List as r,Root as d,Trigger as s,Viewport as u}from"@radix-ui/react-navigation-menu";import{ChevronDownIcon as l}from"lucide-react";import{navigationMenuTriggerStyle as m}from"./navigation-menu-trigger-style.js";import{cn as g}from"../../lib/utils.js";function v({children:e,className:o,viewport:n=!0,...i}){return a(d,{className:g("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",o),"data-slot":"navigation-menu","data-viewport":n,...i,children:[e,n?t(h,{}):null]})}function p({children:e,className:o,...n}){return a(r,{className:g("flex flex-1 list-none items-center justify-center gap-1",o),"data-slot":"navigation-menu-list",...n,children:[e,t(N,{className:"invisible"})]})}function c({className:a,...e}){return t(n,{className:g("group-data-[viewport=false]/navigation-menu:relative",a),"data-slot":"navigation-menu-item",...e})}function f({children:e,className:o,...n}){return a(s,{className:m({className:o}),"data-slot":"navigation-menu-trigger",...n,children:[e,t(l,{"aria-hidden":"true",className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"})]})}function w({className:a,...o}){return t(e,{className:g("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto",a),"data-slot":"navigation-menu-content",...o})}function x({className:a,...e}){return t(i,{className:g("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",a),"data-slot":"navigation-menu-link",...e})}function h({className:a,...e}){return t("div",{className:"perspective-distant absolute left-0 top-full z-30 flex justify-center",children:t(u,{className:g("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]",a),"data-slot":"navigation-menu-viewport",...e})})}function N({className:a,...e}){return t(o,{className:g("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden",a),"data-slot":"navigation-menu-indicator",...e,children:t("div",{className:"bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45"})})}export{v as NavigationMenu,w as NavigationMenuContent,c as NavigationMenuItem,x as NavigationMenuLink,p as NavigationMenuList,f as NavigationMenuTrigger};
|
|
3
3
|
//# sourceMappingURL=navigation-menu.js.map
|