@codefast/ui 0.0.71 → 0.1.0
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/dist/{chunk-NU6SK3FC.cjs → chunk-4XRBMJ5Q.cjs} +1 -1
- package/dist/chunk-4XRBMJ5Q.cjs.map +1 -0
- package/dist/chunk-76TT2QSB.cjs +2 -0
- package/dist/chunk-76TT2QSB.cjs.map +1 -0
- package/dist/{chunk-7A3KHJJC.cjs → chunk-AFEVR6CJ.cjs} +2 -2
- package/dist/{chunk-7A3KHJJC.cjs.map → chunk-AFEVR6CJ.cjs.map} +1 -1
- package/dist/{chunk-AZBLH63J.cjs → chunk-BASRQOAA.cjs} +2 -2
- package/dist/{chunk-AZBLH63J.cjs.map → chunk-BASRQOAA.cjs.map} +1 -1
- package/dist/chunk-CAK5VDBY.js +2 -0
- package/dist/chunk-CAK5VDBY.js.map +1 -0
- package/dist/chunk-DH7SJ5IC.cjs +2 -0
- package/dist/chunk-DH7SJ5IC.cjs.map +1 -0
- package/dist/chunk-JK5GPYFN.js +2 -0
- package/dist/chunk-JK5GPYFN.js.map +1 -0
- package/dist/chunk-JVSVYDS3.js +2 -0
- package/dist/chunk-JVSVYDS3.js.map +1 -0
- package/dist/{chunk-S5JZF45Z.js → chunk-MXS6YFVO.js} +2 -2
- package/dist/chunk-OJI2FD2T.cjs +2 -0
- package/dist/chunk-OJI2FD2T.cjs.map +1 -0
- package/dist/chunk-QCHBG2C4.js +2 -0
- package/dist/chunk-QCHBG2C4.js.map +1 -0
- package/dist/chunk-QI2XU7BP.js +2 -0
- package/dist/chunk-QI2XU7BP.js.map +1 -0
- package/dist/{chunk-HHCUGAQW.cjs → chunk-REVF5ERB.cjs} +2 -2
- package/dist/{chunk-HHCUGAQW.cjs.map → chunk-REVF5ERB.cjs.map} +1 -1
- package/dist/{chunk-MH6I6OV5.js → chunk-U62JBFEF.js} +2 -2
- package/dist/chunk-VJSYNP4O.cjs +2 -0
- package/dist/chunk-VJSYNP4O.cjs.map +1 -0
- package/dist/{chunk-5UXVZTFG.js → chunk-VRBUDJBH.js} +1 -1
- package/dist/chunk-VRBUDJBH.js.map +1 -0
- package/dist/{chunk-FXS5BSTC.cjs → chunk-VYHH6LAG.cjs} +2 -2
- package/dist/{chunk-FXS5BSTC.cjs.map → chunk-VYHH6LAG.cjs.map} +1 -1
- package/dist/{chunk-UIYLYEVW.js → chunk-WKA7T7JG.js} +2 -2
- package/dist/{chunk-EAV2D4D7.js → chunk-YQWJBH4E.js} +2 -2
- package/dist/{chunk-WSAUKCX6.js → chunk-Z6T6ART3.js} +2 -2
- package/dist/chunk-ZJPXJFFQ.cjs +2 -0
- package/dist/chunk-ZJPXJFFQ.cjs.map +1 -0
- package/dist/{chunk-Z35GXHKF.cjs → chunk-ZNI5WE4X.cjs} +2 -2
- package/dist/{chunk-Z35GXHKF.cjs.map → chunk-ZNI5WE4X.cjs.map} +1 -1
- package/dist/lib/utils.cjs +1 -1
- package/dist/lib/utils.d.cts +3 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.js +1 -1
- package/dist/react/accordion.cjs +1 -1
- package/dist/react/accordion.js +1 -1
- package/dist/react/alert-dialog.cjs +1 -1
- package/dist/react/alert-dialog.js +1 -1
- package/dist/react/alert.cjs +1 -1
- package/dist/react/alert.js +1 -1
- package/dist/react/avatar.cjs +1 -1
- package/dist/react/avatar.js +1 -1
- package/dist/react/breadcrumb.cjs +1 -1
- package/dist/react/breadcrumb.js +1 -1
- package/dist/react/button.cjs +1 -1
- package/dist/react/button.js +1 -1
- package/dist/react/calendar.cjs +1 -1
- package/dist/react/calendar.cjs.map +1 -1
- package/dist/react/calendar.d.cts +1 -1
- package/dist/react/calendar.d.ts +1 -1
- package/dist/react/calendar.js +1 -1
- package/dist/react/calendar.js.map +1 -1
- package/dist/react/card.cjs +1 -1
- package/dist/react/card.js +1 -1
- package/dist/react/carousel.cjs +1 -1
- package/dist/react/carousel.cjs.map +1 -1
- package/dist/react/carousel.d.cts +3 -1
- package/dist/react/carousel.d.ts +3 -1
- package/dist/react/carousel.js +1 -1
- package/dist/react/carousel.js.map +1 -1
- package/dist/react/checkbox-cards.cjs +1 -1
- package/dist/react/checkbox-cards.cjs.map +1 -1
- package/dist/react/checkbox-cards.d.cts +3 -3
- package/dist/react/checkbox-cards.d.ts +3 -3
- package/dist/react/checkbox-cards.js +1 -1
- package/dist/react/checkbox-cards.js.map +1 -1
- package/dist/react/checkbox-group.cjs +1 -1
- package/dist/react/checkbox-group.cjs.map +1 -1
- package/dist/react/checkbox-group.d.cts +3 -3
- package/dist/react/checkbox-group.d.ts +3 -3
- package/dist/react/checkbox-group.js +1 -1
- package/dist/react/checkbox-group.js.map +1 -1
- package/dist/react/checkbox.cjs +1 -1
- package/dist/react/checkbox.js +1 -1
- package/dist/react/collapsible.cjs +1 -1
- package/dist/react/collapsible.js +1 -1
- package/dist/react/command.cjs +1 -1
- package/dist/react/command.js +1 -1
- package/dist/react/container.cjs +1 -1
- package/dist/react/container.js +1 -1
- package/dist/react/context-menu.cjs +1 -1
- package/dist/react/context-menu.js +1 -1
- package/dist/react/data-table.cjs +1 -1
- package/dist/react/data-table.js +1 -1
- package/dist/react/dialog.cjs +1 -1
- package/dist/react/dialog.js +1 -1
- package/dist/react/drawer.cjs +1 -1
- package/dist/react/drawer.js +1 -1
- package/dist/react/dropdown-menu.cjs +1 -1
- package/dist/react/dropdown-menu.js +1 -1
- package/dist/react/form.cjs +1 -1
- package/dist/react/form.cjs.map +1 -1
- package/dist/react/form.d.cts +5 -15
- package/dist/react/form.d.ts +5 -15
- package/dist/react/form.js +1 -1
- package/dist/react/form.js.map +1 -1
- package/dist/react/hover-card.cjs +1 -1
- package/dist/react/hover-card.js +1 -1
- package/dist/react/input-otp.cjs +1 -1
- package/dist/react/input-otp.js +1 -1
- package/dist/react/kbd.cjs +1 -1
- package/dist/react/kbd.js +1 -1
- package/dist/react/label.cjs +1 -1
- package/dist/react/label.js +1 -1
- package/dist/react/menubar.cjs +1 -1
- package/dist/react/menubar.js +1 -1
- package/dist/react/navigation-menu.cjs +1 -1
- package/dist/react/navigation-menu.js +1 -1
- package/dist/react/number-input.cjs +2 -0
- package/dist/react/number-input.cjs.map +1 -0
- package/dist/react/number-input.d.cts +15 -0
- package/dist/react/number-input.d.ts +15 -0
- package/dist/react/number-input.js +2 -0
- package/dist/react/number-input.js.map +1 -0
- package/dist/react/pagination.cjs +1 -1
- package/dist/react/pagination.js +1 -1
- package/dist/react/popover.cjs +1 -1
- package/dist/react/popover.js +1 -1
- package/dist/react/primitive/checkbox-group.cjs +2 -0
- package/dist/react/primitive/checkbox-group.cjs.map +1 -0
- package/dist/react/{checkbox-group.primitive.d.cts → primitive/checkbox-group.d.cts} +1 -4
- package/dist/react/{checkbox-group.primitive.d.ts → primitive/checkbox-group.d.ts} +1 -4
- package/dist/react/primitive/checkbox-group.js +2 -0
- package/dist/react/primitive/input.cjs +2 -0
- package/dist/react/primitive/input.cjs.map +1 -0
- package/dist/react/primitive/input.d.cts +20 -0
- package/dist/react/primitive/input.d.ts +20 -0
- package/dist/react/primitive/input.js +2 -0
- package/dist/react/primitive/number-input.cjs +2 -0
- package/dist/react/primitive/number-input.cjs.map +1 -0
- package/dist/react/primitive/number-input.d.cts +36 -0
- package/dist/react/primitive/number-input.d.ts +36 -0
- package/dist/react/primitive/number-input.js +2 -0
- package/dist/react/primitive/number-input.js.map +1 -0
- package/dist/react/progress.cjs +1 -1
- package/dist/react/progress.js +1 -1
- package/dist/react/radio-cards.cjs +1 -1
- package/dist/react/radio-cards.js +1 -1
- package/dist/react/radio-group.cjs +1 -1
- package/dist/react/radio-group.js +1 -1
- package/dist/react/radio.cjs +1 -1
- package/dist/react/radio.js +1 -1
- package/dist/react/resizable.cjs +1 -1
- package/dist/react/resizable.js +1 -1
- package/dist/react/scroll-area.cjs +1 -1
- package/dist/react/scroll-area.js +1 -1
- package/dist/react/select.cjs +1 -1
- package/dist/react/select.js +1 -1
- package/dist/react/separator.cjs +1 -1
- package/dist/react/separator.js +1 -1
- package/dist/react/sheet.cjs +1 -1
- package/dist/react/sheet.js +1 -1
- package/dist/react/skeleton.cjs +1 -1
- package/dist/react/skeleton.js +1 -1
- package/dist/react/slider.cjs +1 -1
- package/dist/react/slider.js +1 -1
- package/dist/react/spinner.cjs +1 -1
- package/dist/react/spinner.d.cts +3 -2
- package/dist/react/spinner.d.ts +3 -2
- package/dist/react/spinner.js +1 -1
- package/dist/react/style/input.cjs +2 -0
- package/dist/react/style/input.cjs.map +1 -0
- package/dist/react/{input.d.cts → style/input.d.cts} +43 -21
- package/dist/react/{input.d.ts → style/input.d.ts} +43 -21
- package/dist/react/style/input.js +2 -0
- package/dist/react/style/input.js.map +1 -0
- package/dist/react/switch.cjs +1 -1
- package/dist/react/switch.js +1 -1
- package/dist/react/table.cjs +1 -1
- package/dist/react/table.js +1 -1
- package/dist/react/tabs.cjs +1 -1
- package/dist/react/tabs.js +1 -1
- package/dist/react/text-input.cjs +1 -1
- package/dist/react/text-input.cjs.map +1 -1
- package/dist/react/text-input.d.cts +9 -2
- package/dist/react/text-input.d.ts +9 -2
- package/dist/react/text-input.js +1 -1
- package/dist/react/text-input.js.map +1 -1
- package/dist/react/textarea.cjs +1 -1
- package/dist/react/textarea.js +1 -1
- package/dist/react/toggle-group.cjs +1 -1
- package/dist/react/toggle-group.js +1 -1
- package/dist/react/tooltip.cjs +1 -1
- package/dist/react/tooltip.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +73 -68
- package/dist/chunk-26W5NJTU.js +0 -2
- package/dist/chunk-26W5NJTU.js.map +0 -1
- package/dist/chunk-4OVSEUWU.cjs +0 -2
- package/dist/chunk-4OVSEUWU.cjs.map +0 -1
- package/dist/chunk-5RJANBDJ.cjs +0 -2
- package/dist/chunk-5RJANBDJ.cjs.map +0 -1
- package/dist/chunk-5UXVZTFG.js.map +0 -1
- package/dist/chunk-E3N5D7SZ.js +0 -2
- package/dist/chunk-E3N5D7SZ.js.map +0 -1
- package/dist/chunk-EIQS2H2C.cjs +0 -2
- package/dist/chunk-EIQS2H2C.cjs.map +0 -1
- package/dist/chunk-LGVR62JW.js +0 -2
- package/dist/chunk-LGVR62JW.js.map +0 -1
- package/dist/chunk-NU6SK3FC.cjs.map +0 -1
- package/dist/react/checkbox-group.primitive.cjs +0 -2
- package/dist/react/checkbox-group.primitive.cjs.map +0 -1
- package/dist/react/checkbox-group.primitive.js +0 -2
- package/dist/react/input.cjs +0 -2
- package/dist/react/input.cjs.map +0 -1
- package/dist/react/input.js +0 -2
- /package/dist/{chunk-S5JZF45Z.js.map → chunk-MXS6YFVO.js.map} +0 -0
- /package/dist/{chunk-MH6I6OV5.js.map → chunk-U62JBFEF.js.map} +0 -0
- /package/dist/{chunk-UIYLYEVW.js.map → chunk-WKA7T7JG.js.map} +0 -0
- /package/dist/{chunk-EAV2D4D7.js.map → chunk-YQWJBH4E.js.map} +0 -0
- /package/dist/{chunk-WSAUKCX6.js.map → chunk-Z6T6ART3.js.map} +0 -0
- /package/dist/react/{checkbox-group.primitive.js.map → primitive/checkbox-group.js.map} +0 -0
- /package/dist/react/{input.js.map → primitive/input.js.map} +0 -0
package/dist/react/calendar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a as
|
|
1
|
+
"use client";import{a as c,b as u}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as l}from"../chunk-VRBUDJBH.js";import*as r from"react";import{DayPicker as m,SelectionState as a,UI as e}from"react-day-picker";import{ChevronDownIcon as p,ChevronLeftIcon as f,ChevronRightIcon as g,ChevronUpIcon as y,DotFilledIcon as b}from"@radix-ui/react-icons";import{jsx as n}from"react/jsx-runtime";function x({orientation:o,...t}){switch(o){case"up":return n(y,{className:"size-4",...t});case"down":return n(p,{className:"size-4",...t});case"left":return n(f,{className:"size-4",...t});case"right":return n(g,{className:"size-4",...t});default:return n(b,{className:"size-4",...t})}}function h({day:o,modifiers:t,className:s,...i}){let d=r.useRef(null);return r.useEffect(()=>{t.focused&&d.current?.focus()},[t.focused]),n(u,{ref:d,className:l("focus-visible:-outline-offset-2",(!t.selected||t.range_middle)&&!t.today&&"hover:bg-transparent",t.today&&!t.selected&&"bg-accent",t.outside&&(!t.selected||t.range_middle)&&"text-opacity-30",s),size:"icon-sm",variant:t.selected&&!t.range_middle?"default":"ghost",...i})}function N({className:o,classNames:t,...s}){return n(m,{className:l("p-3",o),classNames:{[e.ButtonPrevious]:c({size:"icon-xs",variant:"outline",className:"absolute shadow-none start-0 size-7"}),[e.ButtonNext]:c({size:"icon-xs",variant:"outline",className:"absolute shadow-none end-0 size-7"}),[e.Root]:"inline-grid gap-4",[e.Chevron]:"",[e.Day]:"py-0",[e.DayButton]:"border border-transparent hover:border-primary",[e.CaptionLabel]:"inline-flex items-center",[e.Dropdowns]:"inline-flex items-center gap-2",[e.Dropdown]:"appearance-none opacity-0 absolute size-full",[e.DropdownRoot]:"relative inline-flex",[e.Footer]:"text-sm",[e.MonthGrid]:"block table-fixed border-collapse relative [&>thead]:block space-y-2",[e.MonthCaption]:"flex text-sm font-medium w-full justify-center",[e.MonthsDropdown]:"",[e.Month]:"grid gap-4 grid-rows-[1.75rem_1fr]",[e.Months]:"relative flex flex-wrap gap-4",[e.Nav]:"-mr-4",[e.Week]:"flex",[e.Weeks]:"block space-y-2",[e.Weekday]:"text-muted-foreground text-sm font-normal flex-1",[e.Weekdays]:"flex",[e.WeekNumber]:"text-foreground/50 text-xs size-9 text-center",[e.WeekNumberHeader]:"",[e.YearsDropdown]:"",[a.range_start]:"bg-gradient-to-r from-transparent to-50% to-accent rounded-l-md",[a.range_middle]:"bg-accent first:rounded-l-md last:rounded-r-md",[a.range_end]:"bg-gradient-to-l from-transparent to-50% to-accent rounded-r-md",[a.selected]:"",...t},components:{Chevron:x,DayButton:h},...s})}export{N as Calendar};
|
|
2
2
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type DateRange
|
|
1
|
+
{"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n type CustomComponents,\n type DateRange,\n DayPicker,\n type DayPickerProps,\n SelectionState,\n UI,\n} from 'react-day-picker';\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n DotFilledIcon,\n} from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport { Button, buttonVariants } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Chevron\n * -------------------------------------------------------------------------- */\n\nfunction Chevron({ orientation, ...props }: React.ComponentProps<CustomComponents['Chevron']>): React.JSX.Element {\n switch (orientation) {\n case 'up':\n return <ChevronUpIcon className=\"size-4\" {...props} />;\n\n case 'down':\n return <ChevronDownIcon className=\"size-4\" {...props} />;\n\n case 'left':\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n\n case 'right':\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n\n default:\n return <DotFilledIcon className=\"size-4\" {...props} />;\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DayButton\n * -------------------------------------------------------------------------- */\n\nfunction DayButton({\n day: _,\n modifiers,\n className,\n ...props\n}: React.ComponentProps<CustomComponents['DayButton']>): React.JSX.Element {\n const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n React.useEffect(() => {\n if (modifiers.focused) {\n buttonRef.current?.focus();\n }\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={buttonRef}\n className={cn(\n 'focus-visible:-outline-offset-2',\n (!modifiers.selected || modifiers.range_middle) && !modifiers.today && 'hover:bg-transparent',\n modifiers.today && !modifiers.selected && 'bg-accent',\n modifiers.outside && (!modifiers.selected || modifiers.range_middle) && 'text-opacity-30',\n className,\n )}\n size=\"icon-sm\"\n variant={modifiers.selected && !modifiers.range_middle ? 'default' : 'ghost'}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, ...props }: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n className={cn('p-3', className)}\n classNames={{\n [UI.ButtonPrevious]: buttonVariants({\n size: 'icon-xs',\n variant: 'outline',\n className: 'absolute shadow-none start-0 size-7',\n }),\n [UI.ButtonNext]: buttonVariants({\n size: 'icon-xs',\n variant: 'outline',\n className: 'absolute shadow-none end-0 size-7',\n }),\n [UI.Root]: 'inline-grid gap-4',\n [UI.Chevron]: '',\n [UI.Day]: 'py-0',\n [UI.DayButton]: 'border border-transparent hover:border-primary',\n [UI.CaptionLabel]: 'inline-flex items-center',\n [UI.Dropdowns]: 'inline-flex items-center gap-2',\n [UI.Dropdown]: 'appearance-none opacity-0 absolute size-full',\n [UI.DropdownRoot]: 'relative inline-flex',\n [UI.Footer]: 'text-sm',\n [UI.MonthGrid]: 'block table-fixed border-collapse relative [&>thead]:block space-y-2',\n [UI.MonthCaption]: 'flex text-sm font-medium w-full justify-center',\n [UI.MonthsDropdown]: '',\n [UI.Month]: 'grid gap-4 grid-rows-[1.75rem_1fr]',\n [UI.Months]: 'relative flex flex-wrap gap-4',\n [UI.Nav]: '-mr-4',\n [UI.Week]: 'flex',\n [UI.Weeks]: 'block space-y-2',\n [UI.Weekday]: 'text-muted-foreground text-sm font-normal flex-1',\n [UI.Weekdays]: 'flex',\n [UI.WeekNumber]: 'text-foreground/50 text-xs size-9 text-center',\n [UI.WeekNumberHeader]: '',\n [UI.YearsDropdown]: '',\n [SelectionState.range_start]: 'bg-gradient-to-r from-transparent to-50% to-accent rounded-l-md',\n [SelectionState.range_middle]: 'bg-accent first:rounded-l-md last:rounded-r-md',\n [SelectionState.range_end]: 'bg-gradient-to-l from-transparent to-50% to-accent rounded-r-md',\n [SelectionState.selected]: '',\n ...classNames,\n }}\n components={{ Chevron, DayButton }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"],"mappings":"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","names":["React","DayPicker","SelectionState","UI","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","DotFilledIcon","jsx","Chevron","orientation","props","ChevronUpIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DotFilledIcon","DayButton","_","modifiers","className","buttonRef","Button","cn","Calendar","classNames","DayPicker","UI","buttonVariants","SelectionState"]}
|
package/dist/react/card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var d = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var n=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-card text-card-foreground rounded-lg border shadow-sm",e),...t}));n.displayName="Card";var s=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex flex-col space-y-1.5 p-6",e),...t}));s.displayName="CardHeader";var i=d.forwardRef(({children:e,className:t,...r},p)=>_jsxruntime.jsx.call(void 0, "h3",{ref:p,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "font-semibold leading-none tracking-tight",t),...r,children:e}));i.displayName="CardTitle";var l=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "p",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",e),...t}));l.displayName="CardDescription";var C=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "p-6 pt-0",e),...t}));C.displayName="CardContent";var m=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex items-center p-6 pt-0",e),...t}));m.displayName="CardFooter";exports.Card = n; exports.CardContent = C; exports.CardDescription = l; exports.CardFooter = m; exports.CardHeader = s; exports.CardTitle = i;
|
|
2
2
|
//# sourceMappingURL=card.cjs.map
|
package/dist/react/card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../chunk-
|
|
1
|
+
import{a}from"../chunk-VRBUDJBH.js";import*as d from"react";import{jsx as o}from"react/jsx-runtime";var n=d.forwardRef(({className:e,...t},r)=>o("div",{ref:r,className:a("bg-card text-card-foreground rounded-lg border shadow-sm",e),...t}));n.displayName="Card";var s=d.forwardRef(({className:e,...t},r)=>o("div",{ref:r,className:a("flex flex-col space-y-1.5 p-6",e),...t}));s.displayName="CardHeader";var i=d.forwardRef(({children:e,className:t,...r},p)=>o("h3",{ref:p,className:a("font-semibold leading-none tracking-tight",t),...r,children:e}));i.displayName="CardTitle";var l=d.forwardRef(({className:e,...t},r)=>o("p",{ref:r,className:a("text-muted-foreground text-sm",e),...t}));l.displayName="CardDescription";var C=d.forwardRef(({className:e,...t},r)=>o("div",{ref:r,className:a("p-6 pt-0",e),...t}));C.displayName="CardContent";var m=d.forwardRef(({className:e,...t},r)=>o("div",{ref:r,className:a("flex items-center p-6 pt-0",e),...t}));m.displayName="CardFooter";export{n as Card,C as CardContent,l as CardDescription,m as CardFooter,s as CardHeader,i as CardTitle};
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
package/dist/react/carousel.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkBASRQOAAcjs = require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);var _reacticons = require('@radix-ui/react-icons');var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var N="Carousel",[D,J]=_reactcontext.createContextScope.call(void 0, N),[U,f]=D(N),_= exports.Carousel =e.forwardRef(({__scopeCarousel:a,children:l,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=_emblacarouselreact2.default.call(void 0, {...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _2 => _2.scrollPrev, 'call', _3 => _3()])},[o]),v=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _4 => _4.scrollNext, 'call', _5 => _5()])},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),_jsxruntime.jsx.call(void 0, U,{api:o,canScrollNext:M,canScrollPrev:L,carouselRef:T,opts:r,orientation:_nullishCoalesce(s, () => ((_optionalChain([r, 'optionalAccess', _6 => _6.axis])==="y"?"vertical":"horizontal"))),scope:a,scrollNext:v,scrollPrev:y,children:_jsxruntime.jsx.call(void 0, "div",{ref:m,"aria-roledescription":"carousel",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "relative",p),role:"region",onKeyDownCapture:I,...C,children:l})})});_.displayName=N;var E="CarouselContent",g= exports.CarouselContent =e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,a);return _jsxruntime.jsx.call(void 0, "div",{ref:t,className:"overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",l),...s})})});g.displayName=E;var R="CarouselItem",k= exports.CarouselItem =e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{orientation:t}=f(R,a);return _jsxruntime.jsx.call(void 0, "div",{ref:r,"aria-roledescription":"slide",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",l),role:"group",...s})});k.displayName=R;var x="CarouselPrevious",O= exports.CarouselPrevious =e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,a);return _jsxruntime.jsxs.call(void 0, _chunkBASRQOAAcjs.b,{ref:c,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,size:r,variant:s,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K= exports.CarouselNext =e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,a);return _jsxruntime.jsxs.call(void 0, _chunkBASRQOAAcjs.b,{ref:c,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,size:r,variant:s,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;exports.Carousel = _; exports.CarouselContent = g; exports.CarouselItem = k; exports.CarouselNext = K; exports.CarouselPrevious = O; exports.createCarouselScope = J;
|
|
2
2
|
//# sourceMappingURL=carousel.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/carousel.cjs","../../src/react/carousel.tsx"],"names":["CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","forwardedRef","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","jsxs","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/carousel.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Button, type ButtonProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n orientation?: 'horizontal' | 'vertical';\n plugins?: CarouselPlugin;\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n api: ReturnType<typeof useEmblaCarousel>[1];\n canScrollNext: boolean;\n canScrollPrev: boolean;\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n scrollNext: () => void;\n scrollPrev: () => void;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n forwardedRef,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n api={api}\n canScrollNext={canScrollNext}\n canScrollPrev={canScrollPrev}\n carouselRef={carouselRef}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scope={__scopeCarousel}\n scrollNext={scrollNext}\n scrollPrev={scrollPrev}\n >\n <div\n ref={forwardedRef}\n aria-roledescription=\"carousel\"\n className={cn('relative', className)}\n role=\"region\"\n onKeyDownCapture={handleKeyDown}\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, forwardedRef) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={forwardedRef}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, forwardedRef) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={forwardedRef}\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n role=\"group\"\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n size={size}\n variant={variant}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n size={size}\n variant={variant}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/carousel.cjs","../../src/react/carousel.tsx"],"names":["CAROUSEL_NAME","createCarouselContext","createCarouselScope","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","forwardedRef","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","jsxs","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/carousel.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Button, type ButtonProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n orientation?: 'horizontal' | 'vertical';\n plugins?: CarouselPlugin;\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n api: ReturnType<typeof useEmblaCarousel>[1];\n canScrollNext: boolean;\n canScrollPrev: boolean;\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n scrollNext: () => void;\n scrollPrev: () => void;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n forwardedRef,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n api={api}\n canScrollNext={canScrollNext}\n canScrollPrev={canScrollPrev}\n carouselRef={carouselRef}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scope={__scopeCarousel}\n scrollNext={scrollNext}\n scrollPrev={scrollPrev}\n >\n <div\n ref={forwardedRef}\n aria-roledescription=\"carousel\"\n className={cn('relative', className)}\n role=\"region\"\n onKeyDownCapture={handleKeyDown}\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, forwardedRef) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={forwardedRef}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, forwardedRef) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={forwardedRef}\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n role=\"group\"\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n size={size}\n variant={variant}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n size={size}\n variant={variant}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n createCarouselScope,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselApi,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
3
4
|
import { ButtonProps } from './button.cjs';
|
|
4
5
|
import 'tailwind-variants';
|
|
5
6
|
import 'tailwind-variants/dist/config.js';
|
|
6
7
|
|
|
8
|
+
declare const createCarouselScope: _radix_ui_react_context.CreateScope;
|
|
7
9
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
8
10
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
9
11
|
type CarouselOptions = UseCarouselParameters[0];
|
|
@@ -25,4 +27,4 @@ declare const CarouselPrevious: React.ForwardRefExoticComponent<ButtonProps & Re
|
|
|
25
27
|
type CarouselNextProps = ButtonProps;
|
|
26
28
|
declare const CarouselNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
27
29
|
|
|
28
|
-
export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps };
|
|
30
|
+
export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, createCarouselScope };
|
package/dist/react/carousel.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
3
4
|
import { ButtonProps } from './button.js';
|
|
4
5
|
import 'tailwind-variants';
|
|
5
6
|
import 'tailwind-variants/dist/config.js';
|
|
6
7
|
|
|
8
|
+
declare const createCarouselScope: _radix_ui_react_context.CreateScope;
|
|
7
9
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
8
10
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
9
11
|
type CarouselOptions = UseCarouselParameters[0];
|
|
@@ -25,4 +27,4 @@ declare const CarouselPrevious: React.ForwardRefExoticComponent<ButtonProps & Re
|
|
|
25
27
|
type CarouselNextProps = ButtonProps;
|
|
26
28
|
declare const CarouselNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
27
29
|
|
|
28
|
-
export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps };
|
|
30
|
+
export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, createCarouselScope };
|
package/dist/react/carousel.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as d}from"../chunk-
|
|
1
|
+
"use client";import{b as d}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as i}from"../chunk-VRBUDJBH.js";import*as e from"react";import h from"embla-carousel-react";import{ArrowLeftIcon as z,ArrowRightIcon as H}from"@radix-ui/react-icons";import{createContextScope as B}from"@radix-ui/react-context";import{jsx as n,jsxs as b}from"react/jsx-runtime";var N="Carousel",[D,J]=B(N),[U,f]=D(N),_=e.forwardRef(({__scopeCarousel:a,children:l,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=h({...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{o?.scrollPrev()},[o]),v=e.useCallback(()=>{o?.scrollNext()},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),n(U,{api:o,canScrollNext:M,canScrollPrev:L,carouselRef:T,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scope:a,scrollNext:v,scrollPrev:y,children:n("div",{ref:m,"aria-roledescription":"carousel",className:i("relative",p),role:"region",onKeyDownCapture:I,...C,children:l})})});_.displayName=N;var E="CarouselContent",g=e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,a);return n("div",{ref:t,className:"overflow-hidden",children:n("div",{ref:r,className:i("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",l),...s})})});g.displayName=E;var R="CarouselItem",k=e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{orientation:t}=f(R,a);return n("div",{ref:r,"aria-roledescription":"slide",className:i("min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",l),role:"group",...s})});k.displayName=R;var x="CarouselPrevious",O=e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,a);return b(d,{ref:c,className:i("absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,size:r,variant:s,onClick:C,...t,children:[n(z,{className:"size-4"}),n("span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K=e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,a);return b(d,{ref:c,className:i("absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,size:r,variant:s,onClick:C,...t,children:[n(H,{className:"size-4"}),n("span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;export{_ as Carousel,g as CarouselContent,k as CarouselItem,K as CarouselNext,O as CarouselPrevious,J as createCarouselScope};
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Button, type ButtonProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n orientation?: 'horizontal' | 'vertical';\n plugins?: CarouselPlugin;\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n api: ReturnType<typeof useEmblaCarousel>[1];\n canScrollNext: boolean;\n canScrollPrev: boolean;\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n scrollNext: () => void;\n scrollPrev: () => void;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n forwardedRef,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n api={api}\n canScrollNext={canScrollNext}\n canScrollPrev={canScrollPrev}\n carouselRef={carouselRef}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scope={__scopeCarousel}\n scrollNext={scrollNext}\n scrollPrev={scrollPrev}\n >\n <div\n ref={forwardedRef}\n aria-roledescription=\"carousel\"\n className={cn('relative', className)}\n role=\"region\"\n onKeyDownCapture={handleKeyDown}\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, forwardedRef) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={forwardedRef}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, forwardedRef) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={forwardedRef}\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n role=\"group\"\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n size={size}\n variant={variant}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n size={size}\n variant={variant}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","forwardedRef","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
|
|
1
|
+
{"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Button, type ButtonProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n orientation?: 'horizontal' | 'vertical';\n plugins?: CarouselPlugin;\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n api: ReturnType<typeof useEmblaCarousel>[1];\n canScrollNext: boolean;\n canScrollPrev: boolean;\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n scrollNext: () => void;\n scrollPrev: () => void;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n forwardedRef,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n api={api}\n canScrollNext={canScrollNext}\n canScrollPrev={canScrollPrev}\n carouselRef={carouselRef}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scope={__scopeCarousel}\n scrollNext={scrollNext}\n scrollPrev={scrollPrev}\n >\n <div\n ref={forwardedRef}\n aria-roledescription=\"carousel\"\n className={cn('relative', className)}\n role=\"region\"\n onKeyDownCapture={handleKeyDown}\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, forwardedRef) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={forwardedRef}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, forwardedRef) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={forwardedRef}\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n role=\"group\"\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n size={size}\n variant={variant}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n forwardedRef,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={forwardedRef}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n size={size}\n variant={variant}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n createCarouselScope,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselApi,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createCarouselScope","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","forwardedRef","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkOJI2FD2Tcjs = require('../chunk-OJI2FD2T.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var b=a.forwardRef(({className:r,...t},i)=>_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.b,{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "grid gap-2",r),...t,ref:i}));b.displayName=_chunkOJI2FD2Tcjs.b.displayName;var h=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>_jsxruntime.jsxs.call(void 0, "label",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.c,{ref:C,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50",i),...p,children:_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})})]}));h.displayName=_chunkOJI2FD2Tcjs.c.displayName;exports.CheckboxCards = b; exports.CheckboxCardsItem = h;
|
|
2
2
|
//# sourceMappingURL=checkbox-cards.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-cards.cjs","../../src/react/checkbox-cards.tsx"],"names":["CheckboxCards","className","props","forwardedRef","jsx","
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-cards.cjs","../../src/react/checkbox-cards.tsx"],"names":["CheckboxCards","className","props","forwardedRef","jsx","CheckboxGroup","cn","CheckboxCardsItem","children","checkboxClassName","jsxs","CheckboxGroupItem","CheckboxGroupIndicator","CheckIcon"],"mappings":"AAAA,uWAAY,CAAC,yDAAuD,yDAA0C,uECEvF,mDACG,+CAaf,IAFLA,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACjBC,6BAAAA,mBAAwBC,CAAvB,CAA4B,SAAA,CAAWC,iCAAAA,YAAG,CAAcL,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,GAAA,CAAKC,CAAAA,CAAc,CAE9G,CAAA,CAEAH,CAAAA,CAAc,WAAA,CAAqCK,mBAAAA,CAAK,WAAA,CAYxD,IAAME,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAP,CAAAA,CAAW,iBAAA,CAAAQ,CAAAA,CAAmB,GAAGP,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEnDO,8BAAAA,OAAC,CAAA,CAAM,SAAA,CAAWJ,iCAAAA,8DAAG,CAAgEL,CAAS,CAAA,CAC3F,QAAA,CAAA,CAAAO,CAAAA,CACDJ,6BAAAA,mBAAwBO,CAAvB,CACC,GAAA,CAAKR,CAAAA,CACL,SAAA,CAAWG,iCAAAA,qSACT,CACAG,CACF,CAAA,CACC,GAAGP,CAAAA,CAEJ,QAAA,CAAAE,6BAAAA,mBAAwBQ,CAAvB,CAA8C,SAAA,CAAU,yDAAA,CACvD,QAAA,CAAAR,6BAAAA,qBAACS,CAAA,CAAU,SAAA,CAAU,UAAA,CAAW,CAAA,CAClC,CAAA,CACF,CAAA,CAAA,CACF,CAGN,CAAA,CAEAN,CAAAA,CAAkB,WAAA,CAAqCI,mBAAAA,CAAK,WAAA,CAAA,yDAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-cards.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/primitive/checkbox-group';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(\n ({ className, ...props }, forwardedRef) => {\n return <CheckboxGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={forwardedRef} />;\n },\n);\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n ({ children, className, checkboxClassName, ...props }, forwardedRef) => {\n return (\n <label className={cn('flex items-center justify-center gap-4 rounded-md border p-4', className)}>\n {children}\n <CheckboxGroupPrimitive.Item\n ref={forwardedRef}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CheckboxGroup, CheckboxGroupProps, CheckboxGroupItem } from './primitive/checkbox-group.cjs';
|
|
3
3
|
import '@radix-ui/react-context';
|
|
4
4
|
import '@radix-ui/react-checkbox';
|
|
5
5
|
import '@radix-ui/react-roving-focus';
|
|
6
6
|
import '@radix-ui/react-primitive';
|
|
7
7
|
|
|
8
|
-
type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof
|
|
8
|
+
type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroup>;
|
|
9
9
|
declare const CheckboxCards: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof
|
|
10
|
+
interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupItem> {
|
|
11
11
|
checkboxClassName?: string;
|
|
12
12
|
}
|
|
13
13
|
declare const CheckboxCardsItem: React.ForwardRefExoticComponent<CheckboxCardsItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CheckboxGroup, CheckboxGroupProps, CheckboxGroupItem } from './primitive/checkbox-group.js';
|
|
3
3
|
import '@radix-ui/react-context';
|
|
4
4
|
import '@radix-ui/react-checkbox';
|
|
5
5
|
import '@radix-ui/react-roving-focus';
|
|
6
6
|
import '@radix-ui/react-primitive';
|
|
7
7
|
|
|
8
|
-
type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof
|
|
8
|
+
type CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroup>;
|
|
9
9
|
declare const CheckboxCards: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof
|
|
10
|
+
interface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupItem> {
|
|
11
11
|
checkboxClassName?: string;
|
|
12
12
|
}
|
|
13
13
|
declare const CheckboxCardsItem: React.ForwardRefExoticComponent<CheckboxCardsItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{b as c,c as s,d as m}from"../chunk-CAK5VDBY.js";import{a as e}from"../chunk-VRBUDJBH.js";import*as a from"react";import{CheckIcon as d}from"@radix-ui/react-icons";import{jsx as o,jsxs as l}from"react/jsx-runtime";var b=a.forwardRef(({className:r,...t},i)=>o(c,{className:e("grid gap-2",r),...t,ref:i}));b.displayName=c.displayName;var h=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>l("label",{className:e("flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,o(s,{ref:C,className:e("border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50",i),...p,children:o(m,{className:"flex size-full items-center justify-center text-current",children:o(d,{className:"size-3.5"})})})]}));h.displayName=s.displayName;export{b as CheckboxCards,h as CheckboxCardsItem};
|
|
2
2
|
//# sourceMappingURL=checkbox-cards.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/checkbox-group
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/primitive/checkbox-group';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(\n ({ className, ...props }, forwardedRef) => {\n return <CheckboxGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={forwardedRef} />;\n },\n);\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n ({ children, className, checkboxClassName, ...props }, forwardedRef) => {\n return (\n <label className={cn('flex items-center justify-center gap-4 rounded-md border p-4', className)}>\n {children}\n <CheckboxGroupPrimitive.Item\n ref={forwardedRef}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAaf,cAAAC,EAmBL,QAAAC,MAnBK,oBAFX,IAAMC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACjBL,EAAwBM,EAAvB,CAA4B,UAAWC,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAc,CAE9G,EAEAH,EAAc,YAAqCI,EAAK,YAYxD,IAAME,EAA0B,aAC9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAEnDJ,EAAC,SAAM,UAAWM,EAAG,+DAAgEJ,CAAS,EAC3F,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,sSACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACa,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAGN,EAEAL,EAAkB,YAAqCG,EAAK","names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","forwardedRef","CheckboxGroup","cn","CheckboxCardsItem","children","checkboxClassName","CheckboxGroupItem","CheckboxGroupIndicator","CheckIcon"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkOJI2FD2Tcjs = require('../chunk-OJI2FD2T.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var a=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.b,{ref:t,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.c,{ref:t,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:_jsxruntime.jsx.call(void 0, _chunkOJI2FD2Tcjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";exports.CheckboxGroup = a; exports.CheckboxGroupItem = b;
|
|
2
2
|
//# sourceMappingURL=checkbox-group.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-group.cjs","../../src/react/checkbox-group.tsx"],"names":["CheckboxGroup","className","props","forwardedRef","jsx","
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-group.cjs","../../src/react/checkbox-group.tsx"],"names":["CheckboxGroup","className","props","forwardedRef","jsx","cn","CheckboxGroupItem","CheckboxGroupIndicator","CheckIcon"],"mappings":"AAAA,uWAAY,CAAC,yDAAuD,yDAA0C,uECEvF,mDACG,+CAaf,IAFLA,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACjBC,6BAAAA,mBAAwBJ,CAAvB,CAA4B,GAAA,CAAKG,CAAAA,CAAc,SAAA,CAAWE,iCAAAA,YAAG,CAAcJ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,CAE9G,CAAA,CAEAF,CAAAA,CAAc,WAAA,CAAc,eAAA,CAS5B,IAAMM,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEtBC,6BAAAA,mBAAwBE,CAAvB,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWE,iCAAAA,gTACT,CACAJ,CACF,CAAA,CACC,GAAGC,CAAAA,CAEJ,QAAA,CAAAE,6BAAAA,mBAAwBG,CAAvB,CAA8C,SAAA,CAAU,yDAAA,CACvD,QAAA,CAAAH,6BAAAA,qBAACI,CAAA,CAAU,SAAA,CAAU,UAAA,CAAW,CAAA,CAClC,CAAA,CACF,CAGN,CAAA,CAEAF,CAAAA,CAAkB,WAAA,CAAc,mBAAA,CAAA,yDAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/checkbox-group.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/primitive/checkbox-group';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n ({ className, ...props }, forwardedRef) => {\n return <CheckboxGroupPrimitive.Root ref={forwardedRef} className={cn('grid gap-2', className)} {...props} />;\n },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={forwardedRef}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n },\n);\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxGroupItem as CheckboxGroupItem$1, CheckboxGroupItemProps as CheckboxGroupItemProps$1 } from './primitive/checkbox-group.cjs';
|
|
3
3
|
import '@radix-ui/react-context';
|
|
4
4
|
import '@radix-ui/react-checkbox';
|
|
5
5
|
import '@radix-ui/react-roving-focus';
|
|
6
6
|
import '@radix-ui/react-primitive';
|
|
7
7
|
|
|
8
|
-
type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof
|
|
8
|
+
type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroup$1>;
|
|
9
9
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof
|
|
10
|
+
type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupItem$1>;
|
|
11
11
|
declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<CheckboxGroupItemProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
|
|
13
13
|
export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxGroupItem as CheckboxGroupItem$1, CheckboxGroupItemProps as CheckboxGroupItemProps$1 } from './primitive/checkbox-group.js';
|
|
3
3
|
import '@radix-ui/react-context';
|
|
4
4
|
import '@radix-ui/react-checkbox';
|
|
5
5
|
import '@radix-ui/react-roving-focus';
|
|
6
6
|
import '@radix-ui/react-primitive';
|
|
7
7
|
|
|
8
|
-
type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof
|
|
8
|
+
type CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroup$1>;
|
|
9
9
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof
|
|
10
|
+
type CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupItem$1>;
|
|
11
11
|
declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<CheckboxGroupItemProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
12
|
|
|
13
13
|
export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{b as c,c as m,d as u}from"../chunk-CAK5VDBY.js";import{a as i}from"../chunk-VRBUDJBH.js";import*as p from"react";import{CheckIcon as s}from"@radix-ui/react-icons";import{jsx as e}from"react/jsx-runtime";var a=p.forwardRef(({className:o,...r},t)=>e(c,{ref:t,className:i("grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>e(m,{ref:t,className:i("border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:e(u,{className:"flex size-full items-center justify-center text-current",children:e(s,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";export{a as CheckboxGroup,b as CheckboxGroupItem};
|
|
2
2
|
//# sourceMappingURL=checkbox-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/checkbox-group
|
|
1
|
+
{"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport * as CheckboxGroupPrimitive from '@/react/primitive/checkbox-group';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n ({ className, ...props }, forwardedRef) => {\n return <CheckboxGroupPrimitive.Root ref={forwardedRef} className={cn('grid gap-2', className)} {...props} />;\n },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={forwardedRef}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n },\n);\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAaf,cAAAC,MAAA,oBAFX,IAAMC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACjBJ,EAAwBC,EAAvB,CAA4B,IAAKG,EAAc,UAAWC,EAAG,aAAcH,CAAS,EAAI,GAAGC,EAAO,CAE9G,EAEAF,EAAc,YAAc,gBAS5B,IAAMK,EAA0B,aAC9B,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IAEtBJ,EAAwBM,EAAvB,CACC,IAAKF,EACL,UAAWC,EACT,iTACAH,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBO,EAAvB,CAA8C,UAAU,0DACvD,SAAAP,EAACQ,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAGN,EAEAF,EAAkB,YAAc","names":["React","CheckIcon","jsx","CheckboxGroup","className","props","forwardedRef","cn","CheckboxGroupItem","CheckboxGroupIndicator","CheckIcon"]}
|
package/dist/react/checkbox.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactcheckbox = require('@radix-ui/react-checkbox'); var e = _interopRequireWildcard(_reactcheckbox);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var m=r.forwardRef(({className:t,...c},s)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:s,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-default disabled:opacity-50",t),...c,children:_jsxruntime.jsx.call(void 0, e.Indicator,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));m.displayName=e.Root.displayName;exports.Checkbox = m;
|
|
2
2
|
//# sourceMappingURL=checkbox.cjs.map
|