npm - @sth87/shadcn-design-system - Versions diffs - 0.0.35 → 0.1.0 - Mend

@sth87/shadcn-design-system 0.0.35 → 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.

Files changed (421) hide show

package/dist/cjs/packages/ui/src/components/calendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.cjs","sources":["../../../../../../../../packages/ui/src/components/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\ntype CalendarColor =\n \| \"primary\"\n \| \"secondary\"\n \| \"accent\"\n \| \"destructive\"\n \| \"muted\"\n \| \"success\"\n \| \"error\"\n \| \"warning\"\n \| \"foreground\";\n\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n variant = \"default\",\n color = \"primary\",\n formatters,\n components,\n ...props\n}: CalendarProps) {\n const defaultClassNames = getDefaultClassNames();\n const colorClasses = getColorClasses(color);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl::[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl::[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n \"absolute bg-popover inset-0 opacity-0\",\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number\n ),\n day: cn(\n \"relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n props.showWeekNumber\n ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-l-md\"\n : \"[&:first-child[data-selected=true]_button]:rounded-l-md\",\n defaultClassNames.day\n ),\n range_start: cn(\n variant === \"rounded\"\n ? `${colorClasses.rangeBg} rounded-l-full`\n : \"rounded-l-md bg-accent\",\n defaultClassNames.range_start\n ),\n range_middle: cn(\n variant === \"rounded\" ? \"rounded-none\" : \"rounded-none\",\n defaultClassNames.range_middle\n ),\n range_end: cn(\n variant === \"rounded\"\n ? `${colorClasses.rangeBg} rounded-r-full`\n : \"rounded-r-md bg-accent\",\n defaultClassNames.range_end\n ),\n today: cn(\n variant === \"rounded\"\n ? `rounded-full bg-accent data-[selected=true]:rounded-l-none data-[selected=true]:${colorClasses.rangeBg} [&_button[data-range-middle=true]]:bg-transparent`\n : \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n );\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n );\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n );\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n );\n },\n DayButton: (props) => (\n <CalendarDayButton {...props} variant={variant} color={color} />\n ),\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n );\n },\n ...components,\n }}\n {...props}\n />\n );\n}\n\ntype CalendarDayButtonProps = Omit<\n React.ComponentProps<typeof DayButton>,\n \"color\"\n> & {\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\n\n// Color variants for calendar day buttons\nconst getColorClasses = (color: CalendarColor = \"foreground\") => {\n const colorMap = {\n primary: {\n selected: \"bg-primary text-primary-foreground\",\n selectedHover: \"hover:bg-primary/90\",\n rangeBg: \"bg-primary/20 dark:bg-primary/10\",\n focusRing: \"ring-primary/20 dark:ring-primary/40\",\n },\n secondary: {\n selected: \"bg-secondary text-secondary-foreground\",\n selectedHover: \"hover:bg-secondary/90\",\n rangeBg: \"bg-secondary/20 dark:bg-secondary/10\",\n focusRing: \"ring-secondary/20 dark:ring-secondary/40\",\n },\n accent: {\n selected: \"bg-accent text-accent-foreground\",\n selectedHover: \"hover:bg-accent/90\",\n rangeBg: \"bg-accent/20 dark:bg-accent/10\",\n focusRing: \"ring-accent/20 dark:ring-accent/40\",\n },\n destructive: {\n selected: \"bg-destructive text-destructive-foreground\",\n selectedHover: \"hover:bg-destructive/90\",\n rangeBg: \"bg-destructive/20 dark:bg-destructive/10\",\n focusRing: \"ring-destructive/20 dark:ring-destructive/40\",\n },\n muted: {\n selected: \"bg-muted text-muted-foreground\",\n selectedHover: \"hover:bg-muted/90\",\n rangeBg: \"bg-muted/30 dark:bg-muted/20\",\n focusRing: \"ring-muted/20 dark:ring-muted/40\",\n },\n success: {\n selected: \"bg-success text-success-foreground\",\n selectedHover: \"hover:bg-success/90\",\n rangeBg: \"bg-success/20 dark:bg-success/10\",\n focusRing: \"ring-success/20 dark:ring-success/40\",\n },\n error: {\n selected: \"bg-error text-error-foreground\",\n selectedHover: \"hover:bg-error/90\",\n rangeBg: \"bg-error/20 dark:bg-error/10\",\n focusRing: \"ring-error/20 dark:ring-error/40\",\n },\n warning: {\n selected: \"bg-warning text-warning-foreground\",\n selectedHover: \"hover:bg-warning/90\",\n rangeBg: \"bg-warning/20 dark:bg-warning/10\",\n focusRing: \"ring-warning/20 dark:ring-warning/40\",\n },\n foreground: {\n selected: \"bg-foreground text-background\",\n selectedHover: \"hover:bg-foreground/90\",\n rangeBg: \"bg-foreground/10 dark:bg-foreground/5\",\n focusRing: \"ring-foreground/20 dark:ring-foreground/40\",\n },\n };\n\n return colorMap[color];\n};\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n variant = \"default\",\n color = \"foreground\",\n ...props\n}: CalendarDayButtonProps) {\n const defaultClassNames = getDefaultClassNames();\n const colorClasses = getColorClasses(color);\n\n const ref = React.useRef<HTMLButtonElement>(null);\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal\",\n \"group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px]\",\n \"group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50\",\n \"[&>span]:text-xs [&>span]:opacity-70\",\n // Hover effect chỉ khi chưa selected\n !modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n \"hover:bg-accent hover:text-accent-foreground dark:hover:text-accent-foreground\",\n // Selected single day - chỉ apply color khi selected\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n colorClasses.selected,\n // Range start/end - chỉ apply color khi là range start/end\n modifiers.range_start && colorClasses.selected,\n modifiers.range_end && colorClasses.selected,\n // Range middle - apply rangeBg nhưng giữ text color mặc định\n modifiers.range_middle &&\n `${colorClasses.rangeBg} text-accent-foreground`,\n variant === \"default\" && [\n \"data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md\",\n \"data-[range-middle=true]:rounded-none\",\n \"data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md\",\n ],\n variant === \"rounded\" && [\n \"data-[selected-single=true]:rounded-full\",\n \"data-[range-end=true]:rounded-full\",\n \"data-[range-start=true]:rounded-full\",\n modifiers.range_start &&\n `group-data-[focused=true]/day:${colorClasses.focusRing}`,\n modifiers.range_end &&\n `group-data-[focused=true]/day:${colorClasses.focusRing}`,\n modifiers.range_middle && \"rounded-none\",\n // Chỉ hover:rounded-full khi chưa selected\n !modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n \"hover:rounded-full\",\n ],\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Calendar,\n CalendarDayButton,\n type CalendarProps,\n type CalendarDayButtonProps,\n type CalendarColor,\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","variant","color","formatters","components","props","defaultClassNames","getDefaultClassNames","colorClasses","getColorClasses","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
1	+ {"version":3,"file":"calendar.cjs","sources":["../../../../../../../../packages/ui/src/components/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\ntype CalendarColor =\n \| \"primary\"\n \| \"secondary\"\n \| \"accent\"\n \| \"destructive\"\n \| \"muted\"\n \| \"success\"\n \| \"error\"\n \| \"warning\"\n \| \"foreground\";\n\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n variant = \"default\",\n color = \"primary\",\n formatters,\n components,\n ...props\n}: CalendarProps) {\n const defaultClassNames = getDefaultClassNames();\n const colorClasses = getColorClasses(color);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"ds:bg-background ds:group/calendar ds:p-3 ds:[--cell-size:--spacing(8)] ds:[[data-slot=card-content]_&]:bg-transparent ds:[[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`ds:rtl::[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`ds:rtl::[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"ds:w-fit\", defaultClassNames.root),\n months: cn(\n \"ds:flex ds:gap-4 ds:flex-col ds:md:flex-row ds:relative\",\n defaultClassNames.months\n ),\n month: cn(\"ds:flex ds:flex-col ds:w-full ds:gap-4\", defaultClassNames.month),\n nav: cn(\n \"ds:flex ds:items-center ds:gap-1 ds:w-full ds:absolute ds:top-0 ds:inset-x-0 ds:justify-between\",\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n defaultClassNames.button_next\n ),\n month_caption: cn(\n \"ds:flex ds:items-center ds:justify-center ds:h-(--cell-size) ds:w-full ds:px-(--cell-size)\",\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n \"ds:w-full ds:flex ds:items-center ds:text-sm ds:font-medium ds:justify-center ds:h-(--cell-size) ds:gap-1.5\",\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n \"ds:relative ds:has-focus:border-ring ds:border ds:border-input ds:shadow-xs ds:has-focus:ring-ring/50 ds:has-focus:ring-[3px] ds:rounded-md\",\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n \"ds:absolute ds:bg-popover ds:inset-0 ds:opacity-0\",\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n \"ds:select-none ds:font-medium\",\n captionLayout === \"label\"\n ? \"ds:text-sm\"\n : \"ds:rounded-md ds:pl-2 ds:pr-1 ds:flex ds:items-center ds:gap-1 ds:text-sm ds:h-8 ds:[&>svg]:text-muted-foreground ds:[&>svg]:size-3.5\",\n defaultClassNames.caption_label\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"ds:flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"ds:text-muted-foreground ds:rounded-md ds:flex-1 ds:font-normal ds:text-[0.8rem] ds:select-none\",\n defaultClassNames.weekday\n ),\n week: cn(\"ds:flex ds:w-full ds:mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"ds:select-none ds:w-(--cell-size)\",\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n \"ds:text-[0.8rem] ds:select-none ds:text-muted-foreground\",\n defaultClassNames.week_number\n ),\n day: cn(\n \"ds:relative ds:w-full ds:h-full ds:p-0 ds:text-center ds:[&:last-child[data-selected=true]_button]:rounded-r-md ds:group/day ds:aspect-square ds:select-none\",\n props.showWeekNumber\n ? \"ds:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md\"\n : \"ds:[&:first-child[data-selected=true]_button]:rounded-l-md\",\n defaultClassNames.day\n ),\n range_start: cn(\n variant === \"rounded\"\n ? `${colorClasses.rangeBg} ds:rounded-l-full`\n : \"ds:rounded-l-md ds:bg-accent\",\n defaultClassNames.range_start\n ),\n range_middle: cn(\n variant === \"rounded\" ? \"ds:rounded-none\" : \"ds:rounded-none\",\n defaultClassNames.range_middle\n ),\n range_end: cn(\n variant === \"rounded\"\n ? `${colorClasses.rangeBg} ds:rounded-r-full`\n : \"ds:rounded-r-md ds:bg-accent\",\n defaultClassNames.range_end\n ),\n today: cn(\n variant === \"rounded\"\n ? `ds:rounded-full ds:bg-accent ds:data-[selected=true]:rounded-l-none ds:data-[selected=true]:${colorClasses.rangeBg} ds:[&_button[data-range-middle=true]]:bg-transparent`\n : \"ds:bg-accent ds:text-accent-foreground ds:rounded-md ds:data-[selected=true]:rounded-none\",\n defaultClassNames.today\n ),\n outside: cn(\n \"ds:text-muted-foreground ds:aria-selected:text-muted-foreground\",\n defaultClassNames.outside\n ),\n disabled: cn(\n \"ds:text-muted-foreground ds:opacity-50\",\n defaultClassNames.disabled\n ),\n hidden: cn(\"ds:invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n );\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"ds:size-4\", className)} {...props} />\n );\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"ds:size-4\", className)}\n {...props}\n />\n );\n }\n\n return (\n <ChevronDownIcon className={cn(\"ds:size-4\", className)} {...props} />\n );\n },\n DayButton: (props) => (\n <CalendarDayButton {...props} variant={variant} color={color} />\n ),\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"ds:flex ds:size-(--cell-size) ds:items-center ds:justify-center ds:text-center\">\n {children}\n </div>\n </td>\n );\n },\n ...components,\n }}\n {...props}\n />\n );\n}\n\ntype CalendarDayButtonProps = Omit<\n React.ComponentProps<typeof DayButton>,\n \"color\"\n> & {\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\n\n// Color variants for calendar day buttons\nconst getColorClasses = (color: CalendarColor = \"foreground\") => {\n const colorMap = {\n primary: {\n selected: \"bg-primary text-primary-foreground\",\n selectedHover: \"hover:bg-primary/90\",\n rangeBg: \"bg-primary/20 dark:bg-primary/10\",\n focusRing: \"ring-primary/20 dark:ring-primary/40\",\n },\n secondary: {\n selected: \"bg-secondary text-secondary-foreground\",\n selectedHover: \"hover:bg-secondary/90\",\n rangeBg: \"bg-secondary/20 dark:bg-secondary/10\",\n focusRing: \"ring-secondary/20 dark:ring-secondary/40\",\n },\n accent: {\n selected: \"bg-accent text-accent-foreground\",\n selectedHover: \"hover:bg-accent/90\",\n rangeBg: \"bg-accent/20 dark:bg-accent/10\",\n focusRing: \"ring-accent/20 dark:ring-accent/40\",\n },\n destructive: {\n selected: \"bg-destructive text-destructive-foreground\",\n selectedHover: \"hover:bg-destructive/90\",\n rangeBg: \"bg-destructive/20 dark:bg-destructive/10\",\n focusRing: \"ring-destructive/20 dark:ring-destructive/40\",\n },\n muted: {\n selected: \"bg-muted text-muted-foreground\",\n selectedHover: \"hover:bg-muted/90\",\n rangeBg: \"bg-muted/30 dark:bg-muted/20\",\n focusRing: \"ring-muted/20 dark:ring-muted/40\",\n },\n success: {\n selected: \"bg-success text-success-foreground\",\n selectedHover: \"hover:bg-success/90\",\n rangeBg: \"bg-success/20 dark:bg-success/10\",\n focusRing: \"ring-success/20 dark:ring-success/40\",\n },\n error: {\n selected: \"bg-error text-error-foreground\",\n selectedHover: \"hover:bg-error/90\",\n rangeBg: \"bg-error/20 dark:bg-error/10\",\n focusRing: \"ring-error/20 dark:ring-error/40\",\n },\n warning: {\n selected: \"bg-warning text-warning-foreground\",\n selectedHover: \"hover:bg-warning/90\",\n rangeBg: \"bg-warning/20 dark:bg-warning/10\",\n focusRing: \"ring-warning/20 dark:ring-warning/40\",\n },\n foreground: {\n selected: \"bg-foreground text-background\",\n selectedHover: \"hover:bg-foreground/90\",\n rangeBg: \"bg-foreground/10 dark:bg-foreground/5\",\n focusRing: \"ring-foreground/20 dark:ring-foreground/40\",\n },\n };\n\n return colorMap[color];\n};\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n variant = \"default\",\n color = \"foreground\",\n ...props\n}: CalendarDayButtonProps) {\n const defaultClassNames = getDefaultClassNames();\n const colorClasses = getColorClasses(color);\n\n const ref = React.useRef<HTMLButtonElement>(null);\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"ds:flex ds:aspect-square ds:size-auto ds:w-full ds:min-w-(--cell-size) ds:flex-col ds:gap-1 ds:leading-none ds:font-normal\",\n \"ds:group-data-[focused=true]/day:relative ds:group-data-[focused=true]/day:z-10 ds:group-data-[focused=true]/day:ring-[3px]\",\n \"ds:group-data-[focused=true]/day:border-ring ds:group-data-[focused=true]/day:ring-ring/50\",\n \"ds:[&>span]:text-xs ds:[&>span]:opacity-70\",\n // Hover effect chỉ khi chưa selected\n !modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n \"ds:hover:bg-accent ds:hover:text-accent-foreground ds:dark:hover:text-accent-foreground\",\n // Selected single day - chỉ apply color khi selected\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n colorClasses.selected,\n // Range start/end - chỉ apply color khi là range start/end\n modifiers.range_start && colorClasses.selected,\n modifiers.range_end && colorClasses.selected,\n // Range middle - apply rangeBg nhưng giữ text color mặc định\n modifiers.range_middle &&\n `${colorClasses.rangeBg} ds:text-accent-foreground`,\n variant === \"default\" && [\n \"ds:data-[range-end=true]:rounded-md ds:data-[range-end=true]:rounded-r-md\",\n \"ds:data-[range-middle=true]:rounded-none\",\n \"ds:data-[range-start=true]:rounded-md ds:data-[range-start=true]:rounded-l-md\",\n ],\n variant === \"rounded\" && [\n \"ds:data-[selected-single=true]:rounded-full\",\n \"ds:data-[range-end=true]:rounded-full\",\n \"ds:data-[range-start=true]:rounded-full\",\n modifiers.range_start &&\n `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n modifiers.range_end &&\n `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n modifiers.range_middle && \"ds:rounded-none\",\n // Chỉ hover:rounded-full khi chưa selected\n !modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle &&\n \"ds:hover:rounded-full\",\n ],\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Calendar,\n CalendarDayButton,\n type CalendarProps,\n type CalendarDayButtonProps,\n type CalendarColor,\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","variant","color","formatters","components","props","defaultClassNames","getDefaultClassNames","colorClasses","getColorClasses","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}

package/dist/cjs/packages/ui/src/components/checkbox.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("react"),f=require("@radix-ui/react-checkbox"),n=require("lucide-react"),b=require("class-variance-authority"),i=require("../lib/utils.cjs");function k(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const u=k(g),l=k(f),s={primary:{default:"data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors"},secondary:{default:"data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors"},accent:{default:"data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors"},destructive:{default:"data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors"},muted:{default:"data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors"},success:{default:"data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors"},error:{default:"data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors"},warning:{default:"data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors",circle:"rounded-full data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors"}},p={primary:{default:"group-data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 group-data-[state=unchecked]:fill-transparent hover:stroke-primary hover:fill-primary/20 dark:hover:fill-primary/20 group-data-[state=checked]:fill-primary group-data-[state=checked]:hover:fill-primary group-data-[state=checked]:stroke-primary stroke-1 dark:fill-primary dark:stroke-primary"},secondary:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-secondary hover:fill-secondary/20 dark:hover:fill-secondary/20 group-data-[state=checked]:fill-secondary group-data-[state=checked]:hover:fill-secondary group-data-[state=checked]:stroke-secondary stroke-1 dark:fill-secondary dark:stroke-secondary"},accent:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-accent hover:fill-accent/20 dark:hover:fill-accent/20 group-data-[state=checked]:fill-accent group-data-[state=checked]:hover:fill-accent group-data-[state=checked]:stroke-accent stroke-1 dark:fill-accent dark:stroke-accent"},destructive:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-destructive hover:fill-destructive/20 dark:hover:fill-destructive/20 group-data-[state=checked]:fill-destructive group-data-[state=checked]:hover:fill-destructive group-data-[state=checked]:stroke-destructive stroke-1 dark:fill-destructive dark:stroke-destructive"},muted:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-muted hover:fill-muted/20 dark:hover:fill-muted/20 group-data-[state=checked]:fill-muted group-data-[state=checked]:hover:fill-muted group-data-[state=checked]:stroke-muted stroke-1 dark:fill-muted dark:stroke-muted"},success:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-success hover:fill-success/20 dark:hover:fill-success/20 group-data-[state=checked]:fill-success group-data-[state=checked]:hover:fill-success group-data-[state=checked]:stroke-success stroke-1 dark:fill-success dark:stroke-success"},error:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-error hover:fill-error/20 dark:hover:fill-error/20 group-data-[state=checked]:fill-error group-data-[state=checked]:hover:fill-error group-data-[state=checked]:stroke-error stroke-1 dark:fill-error dark:stroke-error"},warning:{default:"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-warning hover:fill-warning/20 dark:hover:fill-warning/20 group-data-[state=checked]:fill-warning group-data-[state=checked]:hover:fill-warning group-data-[state=checked]:stroke-warning stroke-1 dark:fill-warning dark:stroke-warning"}},v=()=>{const e=[];return Object.keys(s).forEach(a=>{Object.keys(s[a]).forEach(t=>{e.push({variant:t,color:a,className:s[a][t]})})}),e},y=b.cva("peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",{variants:{variant:{default:"",circle:"border-2"},size:{sm:"min-w-4 min-h-4 [&_svg]:min-w-3 [&_svg]:min-h-3",default:"min-w-5 min-h-5 [&_svg]:min-w-4 [&_svg]:min-h-4",lg:"min-w-6 min-h-6 [&_svg]:min-w-5 [&_svg]:min-h-5"},color:{primary:"",secondary:"",accent:"",destructive:"",muted:"",success:"",error:"",warning:""}},compoundVariants:v(),defaultVariants:{variant:"default",size:"default",color:null}});function x({className:e,variant:a,size:t,color:r,icon:d,...o}){const h=r?p[r].default:"",m={sm:"min-w-5 min-h-5",default:"min-w-6 min-h-6",lg:"min-w-7 min-h-7"}[t||"default"];return c.jsx(l.Root,{"data-slot":"checkbox",className:i.cn(y({variant:a,size:t,color:r,className:e}),{"group focus-visible:ring-ring/50 outline-none focus-visible:ring-3 !border-none !bg-transparent shadow-none":d}),...o,children:d?u.isValidElement(d)?u.cloneElement(d,{className:i.cn(d.props.className,r?h:"",m)}):d:c.jsx(l.Indicator,{"data-slot":"checkbox-indicator",className:"grid place-content-center text-current transition-none",children:o.checked==="indeterminate"?c.jsx(n.MinusIcon,{className:"size-3.5"}):c.jsx(n.CheckIcon,{className:"size-3.5"})})})}exports.Checkbox=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),g=require("react"),f=require("@radix-ui/react-checkbox"),n=require("lucide-react"),b=require("class-variance-authority"),i=require("../lib/utils.cjs");function k(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(d,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return d.default=e,Object.freeze(d)}const u=k(g),l=k(f),c={primary:{default:"ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors"},secondary:{default:"ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors"},accent:{default:"ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors"},destructive:{default:"ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors"},muted:{default:"ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors"},success:{default:"ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors"},error:{default:"ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors"},warning:{default:"ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors",circle:"ds:rounded-full ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors"}},p={primary:{default:"ds:group-data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:group-data-[state=unchecked]:fill-transparent ds:hover:stroke-primary ds:hover:fill-primary/20 ds:dark:hover:fill-primary/20 ds:group-data-[state=checked]:fill-primary ds:group-data-[state=checked]:hover:fill-primary ds:group-data-[state=checked]:stroke-primary ds:stroke-1 ds:dark:fill-primary ds:dark:stroke-primary"},secondary:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-secondary ds:hover:fill-secondary/20 ds:dark:hover:fill-secondary/20 ds:group-data-[state=checked]:fill-secondary ds:group-data-[state=checked]:hover:fill-secondary ds:group-data-[state=checked]:stroke-secondary ds:stroke-1 ds:dark:fill-secondary ds:dark:stroke-secondary"},accent:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-accent ds:hover:fill-accent/20 ds:dark:hover:fill-accent/20 ds:group-data-[state=checked]:fill-accent ds:group-data-[state=checked]:hover:fill-accent ds:group-data-[state=checked]:stroke-accent ds:stroke-1 ds:dark:fill-accent ds:dark:stroke-accent"},destructive:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-destructive ds:hover:fill-destructive/20 ds:dark:hover:fill-destructive/20 ds:group-data-[state=checked]:fill-destructive ds:group-data-[state=checked]:hover:fill-destructive ds:group-data-[state=checked]:stroke-destructive ds:stroke-1 ds:dark:fill-destructive ds:dark:stroke-destructive"},muted:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-muted ds:hover:fill-muted/20 ds:dark:hover:fill-muted/20 ds:group-data-[state=checked]:fill-muted ds:group-data-[state=checked]:hover:fill-muted ds:group-data-[state=checked]:stroke-muted ds:stroke-1 ds:dark:fill-muted ds:dark:stroke-muted"},success:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-success ds:hover:fill-success/20 ds:dark:hover:fill-success/20 ds:group-data-[state=checked]:fill-success ds:group-data-[state=checked]:hover:fill-success ds:group-data-[state=checked]:stroke-success ds:stroke-1 ds:dark:fill-success ds:dark:stroke-success"},error:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-error ds:hover:fill-error/20 ds:dark:hover:fill-error/20 ds:group-data-[state=checked]:fill-error ds:group-data-[state=checked]:hover:fill-error ds:group-data-[state=checked]:stroke-error ds:stroke-1 ds:dark:fill-error ds:dark:stroke-error"},warning:{default:"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-warning ds:hover:fill-warning/20 ds:dark:hover:fill-warning/20 ds:group-data-[state=checked]:fill-warning ds:group-data-[state=checked]:hover:fill-warning ds:group-data-[state=checked]:stroke-warning ds:stroke-1 ds:dark:fill-warning ds:dark:stroke-warning"}},v=()=>{const e=[];return Object.keys(c).forEach(d=>{Object.keys(c[d]).forEach(t=>{e.push({variant:t,color:d,className:c[d][t]})})}),e},y=b.cva("ds:peer ds:border-input ds:dark:bg-input/30 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:shrink-0 ds:rounded-[4px] ds:border ds:shadow-xs ds:transition-shadow ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50",{variants:{variant:{default:"",circle:"ds:border-2"},size:{sm:"ds:min-w-4 ds:min-h-4 ds:[&_svg]:min-w-3 ds:[&_svg]:min-h-3",default:"ds:min-w-5 ds:min-h-5 ds:[&_svg]:min-w-4 ds:[&_svg]:min-h-4",lg:"ds:min-w-6 ds:min-h-6 ds:[&_svg]:min-w-5 ds:[&_svg]:min-h-5"},color:{primary:"",secondary:"",accent:"",destructive:"",muted:"",success:"",error:"",warning:""}},compoundVariants:v(),defaultVariants:{variant:"default",size:"default",color:null}});function x({className:e,variant:d,size:t,color:a,icon:r,...o}){const h=a?p[a].default:"",m={sm:"min-w-5 min-h-5",default:"min-w-6 min-h-6",lg:"min-w-7 min-h-7"}[t||"default"];return s.jsx(l.Root,{"data-slot":"checkbox",className:i.cn(y({variant:d,size:t,color:a,className:e}),{"ds:group ds:focus-visible:ring-ring/50 ds:outline-none ds:focus-visible:ring-3 ds:!border-none ds:!bg-transparent ds:shadow-none":r}),...o,children:r?u.isValidElement(r)?u.cloneElement(r,{className:i.cn(r.props.className,a?h:"",m)}):r:s.jsx(l.Indicator,{"data-slot":"checkbox-indicator",className:"ds:grid ds:place-content-center ds:text-current ds:transition-none",children:o.checked==="indeterminate"?s.jsx(n.MinusIcon,{className:"ds:size-3.5"}):s.jsx(n.CheckIcon,{className:"ds:size-3.5"})})})}exports.Checkbox=x;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/cjs/packages/ui/src/components/checkbox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.cjs","sources":["../../../../../../../../packages/ui/src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n default:\n \"data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors\",\n },\n secondary: {\n default:\n \"data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors\",\n },\n accent: {\n default:\n \"data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors\",\n },\n destructive: {\n default:\n \"data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors\",\n },\n muted: {\n default:\n \"data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors\",\n },\n success: {\n default:\n \"data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors\",\n },\n error: {\n default:\n \"data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors\",\n },\n warning: {\n default:\n \"data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors\",\n },\n};\n\nconst iconColorVariants = {\n primary: {\n default:\n \"group-data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 group-data-[state=unchecked]:fill-transparent hover:stroke-primary hover:fill-primary/20 dark:hover:fill-primary/20 group-data-[state=checked]:fill-primary group-data-[state=checked]:hover:fill-primary group-data-[state=checked]:stroke-primary stroke-1 dark:fill-primary dark:stroke-primary\",\n },\n secondary: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-secondary hover:fill-secondary/20 dark:hover:fill-secondary/20 group-data-[state=checked]:fill-secondary group-data-[state=checked]:hover:fill-secondary group-data-[state=checked]:stroke-secondary stroke-1 dark:fill-secondary dark:stroke-secondary\",\n },\n accent: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-accent hover:fill-accent/20 dark:hover:fill-accent/20 group-data-[state=checked]:fill-accent group-data-[state=checked]:hover:fill-accent group-data-[state=checked]:stroke-accent stroke-1 dark:fill-accent dark:stroke-accent\",\n },\n destructive: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-destructive hover:fill-destructive/20 dark:hover:fill-destructive/20 group-data-[state=checked]:fill-destructive group-data-[state=checked]:hover:fill-destructive group-data-[state=checked]:stroke-destructive stroke-1 dark:fill-destructive dark:stroke-destructive\",\n },\n muted: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-muted hover:fill-muted/20 dark:hover:fill-muted/20 group-data-[state=checked]:fill-muted group-data-[state=checked]:hover:fill-muted group-data-[state=checked]:stroke-muted stroke-1 dark:fill-muted dark:stroke-muted\",\n },\n success: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-success hover:fill-success/20 dark:hover:fill-success/20 group-data-[state=checked]:fill-success group-data-[state=checked]:hover:fill-success group-data-[state=checked]:stroke-success stroke-1 dark:fill-success dark:stroke-success\",\n },\n error: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-error hover:fill-error/20 dark:hover:fill-error/20 group-data-[state=checked]:fill-error group-data-[state=checked]:hover:fill-error group-data-[state=checked]:stroke-error stroke-1 dark:fill-error dark:stroke-error\",\n },\n warning: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-warning hover:fill-warning/20 dark:hover:fill-warning/20 group-data-[state=checked]:fill-warning group-data-[state=checked]:hover:fill-warning group-data-[state=checked]:stroke-warning stroke-1 dark:fill-warning dark:stroke-warning\",\n },\n};\n\nconst generateCompoundVariants = () => {\n const variants: Array<{\n variant: keyof typeof colorVariants.primary;\n color: keyof typeof colorVariants;\n className: string;\n }> = [];\n\n (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n (color) => {\n (\n Object.keys(colorVariants[color]) as Array<\n keyof typeof colorVariants.primary\n >\n ).forEach((variant) => {\n variants.push({\n variant,\n color,\n className: colorVariants[color][variant],\n });\n });\n }\n );\n\n return variants;\n};\n\nconst checkboxVariants = cva(\n \"peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"\",\n circle: \"border-2\",\n },\n size: {\n sm: \"min-w-4 min-h-4 [&_svg]:min-w-3 [&_svg]:min-h-3\",\n default: \"min-w-5 min-h-5 [&_svg]:min-w-4 [&_svg]:min-h-4\",\n lg: \"min-w-6 min-h-6 [&_svg]:min-w-5 [&_svg]:min-h-5\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: generateCompoundVariants(),\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n color: null,\n },\n }\n);\n\nfunction Checkbox({\n className,\n variant,\n size,\n color,\n icon,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants> & {\n icon?: React.ReactNode;\n }) {\n const iconClass = color ? iconColorVariants[color].default : \"\";\n const iconSizeClass = {\n sm: \"min-w-5 min-h-5\",\n default: \"min-w-6 min-h-6\",\n lg: \"min-w-7 min-h-7\",\n }[size \|\| \"default\"];\n\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n checkboxVariants({\n variant,\n size,\n color,\n className,\n }),\n {\n \"group focus-visible:ring-ring/50 outline-none focus-visible:ring-3 !border-none !bg-transparent shadow-none\":\n icon,\n }\n )}\n {...props}\n >\n {icon ? (\n React.isValidElement(icon) ? (\n React.cloneElement(\n icon as React.ReactElement<{ className?: string }>,\n {\n className: cn(\n (icon as React.ReactElement<{ className?: string }>).props\n .className,\n color ? iconClass : \"\",\n iconSizeClass\n ),\n }\n )\n ) : (\n icon\n )\n ) : (\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"grid place-content-center text-current transition-none\"\n >\n {props.checked === \"indeterminate\" ? (\n <MinusIcon className=\"size-3.5\" />\n ) : (\n <CheckIcon className=\"size-3.5\" />\n )}\n </CheckboxPrimitive.Indicator>\n )}\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"names":["colorVariants","iconColorVariants","generateCompoundVariants","variants","color","variant","checkboxVariants","cva","Checkbox","className","size","icon","props","iconClass","iconSizeClass","jsx","CheckboxPrimitive","cn","React","MinusIcon","CheckIcon"],"mappings":"6iBASMA,EAAgB,CACpB,QAAS,CACP,QACE,6RACF,OACE,ySAAA,EAEJ,UAAW,CACT,QACE,ySACF,OACE,qTAAA,EAEJ,OAAQ,CACN,QACE,uRACF,OACE,mSAAA,EAEJ,YAAa,CACX,QACE,qTACF,OACE,iUAAA,EAEJ,MAAO,CACL,QACE,iRACF,OACE,6RAAA,EAEJ,QAAS,CACP,QACE,6RACF,OACE,ySAAA,EAEJ,MAAO,CACL,QACE,iRACF,OACE,6RAAA,EAEJ,QAAS,CACP,QACE,6RACF,OACE,ySAAA,CAEN,EAEMC,EAAoB,CACxB,QAAS,CACP,QACE,uXAAA,EAEJ,UAAW,CACT,QACE,2XAAA,EAEJ,OAAQ,CACN,QACE,mWAAA,EAEJ,YAAa,CACX,QACE,2YAAA,EAEJ,MAAO,CACL,QACE,2VAAA,EAEJ,QAAS,CACP,QACE,2WAAA,EAEJ,MAAO,CACL,QACE,2VAAA,EAEJ,QAAS,CACP,QACE,2WAAA,CAEN,EAEMC,EAA2B,IAAM,CACrC,MAAMC,EAID,CAAA,EAEJ,cAAO,KAAKH,CAAa,EAAwC,QAC/DI,GAAU,CAEP,OAAO,KAAKJ,EAAcI,CAAK,CAAC,EAGhC,QAASC,GAAY,CACrBF,EAAS,KAAK,CACZ,QAAAE,EACA,MAAAD,EACA,UAAWJ,EAAcI,CAAK,EAAEC,CAAO,CAAA,CACxC,CACH,CAAC,CACH,CAAA,EAGKF,CACT,EAEMG,EAAmBC,EAAAA,IACvB,iVACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,OAAQ,UAAA,EAEV,KAAM,CACJ,GAAI,kDACJ,QAAS,kDACT,GAAI,iDAAA,EAEN,MAAO,CACL,QAAS,GACT,UAAW,GACX,OAAQ,GACR,YAAa,GACb,MAAO,GACP,QAAS,GACT,MAAO,GACP,QAAS,EAAA,CACX,EAEF,iBAAkBL,EAAA,EAClB,gBAAiB,CACf,QAAS,UACT,KAAM,UACN,MAAO,IAAA,CACT,CAEJ,EAEA,SAASM,EAAS,CAChB,UAAAC,EACA,QAAAJ,EACA,KAAAK,EACA,MAAAN,EACA,KAAAO,EACA,GAAGC,CACL,EAGK,CACH,MAAMC,EAAYT,EAAQH,EAAkBG,CAAK,EAAE,QAAU,GACvDU,EAAgB,CACpB,GAAI,kBACJ,QAAS,kBACT,GAAI,iBAAA,EACJJ,GAAQ,SAAS,EAEnB,OACEK,EAAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACTX,EAAiB,CACf,QAAAD,EACA,KAAAK,EACA,MAAAN,EACA,UAAAK,CAAA,CACD,EACD,CACE,8GACEE,CAAA,CACJ,EAED,GAAGC,EAEH,SAAAD,EACCO,EAAM,eAAeP,CAAI,EACvBO,EAAM,aACJP,EACA,CACE,UAAWM,EAAAA,GACRN,EAAoD,MAClD,UACHP,EAAQS,EAAY,GACpBC,CAAA,CACF,CACF,EAGFH,EAGFI,EAAAA,IAACC,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,yDAET,SAAAJ,EAAM,UAAY,gBACjBG,EAAAA,IAACI,EAAAA,UAAA,CAAU,UAAU,UAAA,CAAW,EAEhCJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,UAAA,CAAW,CAAA,CAAA,CAEpC,CAAA,CAIR"}
1	+ {"version":3,"file":"checkbox.cjs","sources":["../../../../../../../../packages/ui/src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n default:\n \"ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n },\n secondary: {\n default:\n \"ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors\",\n },\n accent: {\n default:\n \"ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors\",\n },\n destructive: {\n default:\n \"ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors\",\n },\n muted: {\n default:\n \"ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors\",\n },\n success: {\n default:\n \"ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors\",\n },\n error: {\n default:\n \"ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors\",\n },\n warning: {\n default:\n \"ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors\",\n },\n};\n\nconst iconColorVariants = {\n primary: {\n default:\n \"ds:group-data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:group-data-[state=unchecked]:fill-transparent ds:hover:stroke-primary ds:hover:fill-primary/20 ds:dark:hover:fill-primary/20 ds:group-data-[state=checked]:fill-primary ds:group-data-[state=checked]:hover:fill-primary ds:group-data-[state=checked]:stroke-primary ds:stroke-1 ds:dark:fill-primary ds:dark:stroke-primary\",\n },\n secondary: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-secondary ds:hover:fill-secondary/20 ds:dark:hover:fill-secondary/20 ds:group-data-[state=checked]:fill-secondary ds:group-data-[state=checked]:hover:fill-secondary ds:group-data-[state=checked]:stroke-secondary ds:stroke-1 ds:dark:fill-secondary ds:dark:stroke-secondary\",\n },\n accent: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-accent ds:hover:fill-accent/20 ds:dark:hover:fill-accent/20 ds:group-data-[state=checked]:fill-accent ds:group-data-[state=checked]:hover:fill-accent ds:group-data-[state=checked]:stroke-accent ds:stroke-1 ds:dark:fill-accent ds:dark:stroke-accent\",\n },\n destructive: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-destructive ds:hover:fill-destructive/20 ds:dark:hover:fill-destructive/20 ds:group-data-[state=checked]:fill-destructive ds:group-data-[state=checked]:hover:fill-destructive ds:group-data-[state=checked]:stroke-destructive ds:stroke-1 ds:dark:fill-destructive ds:dark:stroke-destructive\",\n },\n muted: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-muted ds:hover:fill-muted/20 ds:dark:hover:fill-muted/20 ds:group-data-[state=checked]:fill-muted ds:group-data-[state=checked]:hover:fill-muted ds:group-data-[state=checked]:stroke-muted ds:stroke-1 ds:dark:fill-muted ds:dark:stroke-muted\",\n },\n success: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-success ds:hover:fill-success/20 ds:dark:hover:fill-success/20 ds:group-data-[state=checked]:fill-success ds:group-data-[state=checked]:hover:fill-success ds:group-data-[state=checked]:stroke-success ds:stroke-1 ds:dark:fill-success ds:dark:stroke-success\",\n },\n error: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-error ds:hover:fill-error/20 ds:dark:hover:fill-error/20 ds:group-data-[state=checked]:fill-error ds:group-data-[state=checked]:hover:fill-error ds:group-data-[state=checked]:stroke-error ds:stroke-1 ds:dark:fill-error ds:dark:stroke-error\",\n },\n warning: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-warning ds:hover:fill-warning/20 ds:dark:hover:fill-warning/20 ds:group-data-[state=checked]:fill-warning ds:group-data-[state=checked]:hover:fill-warning ds:group-data-[state=checked]:stroke-warning ds:stroke-1 ds:dark:fill-warning ds:dark:stroke-warning\",\n },\n};\n\nconst generateCompoundVariants = () => {\n const variants: Array<{\n variant: keyof typeof colorVariants.primary;\n color: keyof typeof colorVariants;\n className: string;\n }> = [];\n\n (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n (color) => {\n (\n Object.keys(colorVariants[color]) as Array<\n keyof typeof colorVariants.primary\n >\n ).forEach((variant) => {\n variants.push({\n variant,\n color,\n className: colorVariants[color][variant],\n });\n });\n }\n );\n\n return variants;\n};\n\nconst checkboxVariants = cva(\n \"ds:peer ds:border-input ds:dark:bg-input/30 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:shrink-0 ds:rounded-[4px] ds:border ds:shadow-xs ds:transition-shadow ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"\",\n circle: \"ds:border-2\",\n },\n size: {\n sm: \"ds:min-w-4 ds:min-h-4 ds:[&_svg]:min-w-3 ds:[&_svg]:min-h-3\",\n default: \"ds:min-w-5 ds:min-h-5 ds:[&_svg]:min-w-4 ds:[&_svg]:min-h-4\",\n lg: \"ds:min-w-6 ds:min-h-6 ds:[&_svg]:min-w-5 ds:[&_svg]:min-h-5\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: generateCompoundVariants(),\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n color: null,\n },\n }\n);\n\nfunction Checkbox({\n className,\n variant,\n size,\n color,\n icon,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants> & {\n icon?: React.ReactNode;\n }) {\n const iconClass = color ? iconColorVariants[color].default : \"\";\n const iconSizeClass = {\n sm: \"min-w-5 min-h-5\",\n default: \"min-w-6 min-h-6\",\n lg: \"min-w-7 min-h-7\",\n }[size \|\| \"default\"];\n\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n checkboxVariants({\n variant,\n size,\n color,\n className,\n }),\n {\n \"ds:group ds:focus-visible:ring-ring/50 ds:outline-none ds:focus-visible:ring-3 ds:!border-none ds:!bg-transparent ds:shadow-none\":\n icon,\n }\n )}\n {...props}\n >\n {icon ? (\n React.isValidElement(icon) ? (\n React.cloneElement(\n icon as React.ReactElement<{ className?: string }>,\n {\n className: cn(\n (icon as React.ReactElement<{ className?: string }>).props\n .className,\n color ? iconClass : \"\",\n iconSizeClass\n ),\n }\n )\n ) : (\n icon\n )\n ) : (\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"ds:grid ds:place-content-center ds:text-current ds:transition-none\"\n >\n {props.checked === \"indeterminate\" ? (\n <MinusIcon className=\"ds:size-3.5\" />\n ) : (\n <CheckIcon className=\"ds:size-3.5\" />\n )}\n </CheckboxPrimitive.Indicator>\n )}\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"names":["colorVariants","iconColorVariants","generateCompoundVariants","variants","color","variant","checkboxVariants","cva","Checkbox","className","size","icon","props","iconClass","iconSizeClass","jsx","CheckboxPrimitive","cn","React","MinusIcon","CheckIcon"],"mappings":"6iBASMA,EAAgB,CACpB,QAAS,CACP,QACE,qTACF,OACE,oUAAA,EAEJ,UAAW,CACT,QACE,iUACF,OACE,gVAAA,EAEJ,OAAQ,CACN,QACE,+SACF,OACE,8TAAA,EAEJ,YAAa,CACX,QACE,6UACF,OACE,4VAAA,EAEJ,MAAO,CACL,QACE,ySACF,OACE,wTAAA,EAEJ,QAAS,CACP,QACE,qTACF,OACE,oUAAA,EAEJ,MAAO,CACL,QACE,ySACF,OACE,wTAAA,EAEJ,QAAS,CACP,QACE,qTACF,OACE,oUAAA,CAEN,EAEMC,EAAoB,CACxB,QAAS,CACP,QACE,2ZAAA,EAEJ,UAAW,CACT,QACE,+ZAAA,EAEJ,OAAQ,CACN,QACE,uYAAA,EAEJ,YAAa,CACX,QACE,+aAAA,EAEJ,MAAO,CACL,QACE,+XAAA,EAEJ,QAAS,CACP,QACE,+YAAA,EAEJ,MAAO,CACL,QACE,+XAAA,EAEJ,QAAS,CACP,QACE,+YAAA,CAEN,EAEMC,EAA2B,IAAM,CACrC,MAAMC,EAID,CAAA,EAEJ,cAAO,KAAKH,CAAa,EAAwC,QAC/DI,GAAU,CAEP,OAAO,KAAKJ,EAAcI,CAAK,CAAC,EAGhC,QAASC,GAAY,CACrBF,EAAS,KAAK,CACZ,QAAAE,EACA,MAAAD,EACA,UAAWJ,EAAcI,CAAK,EAAEC,CAAO,CAAA,CACxC,CACH,CAAC,CACH,CAAA,EAGKF,CACT,EAEMG,EAAmBC,EAAAA,IACvB,oYACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,OAAQ,aAAA,EAEV,KAAM,CACJ,GAAI,8DACJ,QAAS,8DACT,GAAI,6DAAA,EAEN,MAAO,CACL,QAAS,GACT,UAAW,GACX,OAAQ,GACR,YAAa,GACb,MAAO,GACP,QAAS,GACT,MAAO,GACP,QAAS,EAAA,CACX,EAEF,iBAAkBL,EAAA,EAClB,gBAAiB,CACf,QAAS,UACT,KAAM,UACN,MAAO,IAAA,CACT,CAEJ,EAEA,SAASM,EAAS,CAChB,UAAAC,EACA,QAAAJ,EACA,KAAAK,EACA,MAAAN,EACA,KAAAO,EACA,GAAGC,CACL,EAGK,CACH,MAAMC,EAAYT,EAAQH,EAAkBG,CAAK,EAAE,QAAU,GACvDU,EAAgB,CACpB,GAAI,kBACJ,QAAS,kBACT,GAAI,iBAAA,EACJJ,GAAQ,SAAS,EAEnB,OACEK,EAAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACTX,EAAiB,CACf,QAAAD,EACA,KAAAK,EACA,MAAAN,EACA,UAAAK,CAAA,CACD,EACD,CACE,mIACEE,CAAA,CACJ,EAED,GAAGC,EAEH,SAAAD,EACCO,EAAM,eAAeP,CAAI,EACvBO,EAAM,aACJP,EACA,CACE,UAAWM,EAAAA,GACRN,EAAoD,MAClD,UACHP,EAAQS,EAAY,GACpBC,CAAA,CACF,CACF,EAGFH,EAGFI,EAAAA,IAACC,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,qEAET,SAAAJ,EAAM,UAAY,gBACjBG,EAAAA,IAACI,EAAAA,UAAA,CAAU,UAAU,aAAA,CAAc,EAEnCJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,aAAA,CAAc,CAAA,CAAA,CAEvC,CAAA,CAIR"}

package/dist/cjs/packages/ui/src/components/combobox.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),k=require("react"),l=require("lucide-react"),O=require("class-variance-authority"),c=require("./command.cjs"),u=require("./popover.cjs"),n=require("../lib/utils.cjs"),f=require("./label.cjs");function q(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>s[a]})}}return i.default=s,Object.freeze(i)}const v=q(k),P=O.cva("justify-between relative dark:bg-background dark:hover:bg-input/50 border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{size:{xs:"h-6 text-xs px-2 py-0.5",sm:"h-8 text-sm px-2.5 py-1",normal:"h-9 px-3 py-1",lg:"h-11 px-4 py-2",xl:"h-14 px-5 py-3"},state:{default:"",success:"border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50",error:"border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50",warning:"border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}});function S({value:s,options:i,placeHolder:a,emptyText:o,onChange:m,clearable:b,className:h,dropdownClassName:g,children:j,size:t,state:y="default",searchable:w=!0,tagRender:p,...C}){const[d,x]=v.useState(!1),N=v.useCallback(e=>{x(e)},[]);return r.jsxs(u.Popover,{open:d,onOpenChange:N,modal:!0,children:[r.jsx(u.PopoverTrigger,{asChild:!0,...C,children:j??r.jsxs(f.Label,{className:n.cn(P({size:t,state:y}),h),children:[r.jsx("span",{className:n.cn("truncate w-full inline-block align-middle text-left",{"pr-8":b}),children:s?i?.find(e=>e.value===s)?.label:a}),d&&r.jsx(l.ChevronUp,{className:n.cn("z-10 opacity-50",{"size-4 min-w-4":t==="sm"||t==="xs","size-5 min-w-5":t==="lg"||t==="xl"},g)}),!d&&r.jsx(l.ChevronDown,{className:n.cn("z-10 opacity-50",{"size-4 min-w-4":t==="sm"||t==="xs","size-5 min-w-5":t==="lg"||t==="xl"},g)})]})}),b&&s&&r.jsx(f.Label,{onClick:e=>{e.stopPropagation(),m?.("")},className:"absolute right-11 top-1/2 -translate-y-1/2 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer size-6 opacity-50",children:r.jsx(l.X,{className:"h-4 w-4"})}),r.jsx(u.PopoverContent,{className:n.cn("p-0 w-(--radix-popover-trigger-width)"),onInteractOutside:e=>{e.target.closest('[data-slot="popover-trigger"]')&&e.preventDefault()},children:r.jsxs(c.Command,{children:[w&&r.jsx(c.CommandInput,{placeholder:a,className:"h-9"}),r.jsxs(c.CommandList,{children:[r.jsx(c.CommandEmpty,{children:o||"Not found"}),r.jsx(c.CommandGroup,{children:i?.map(e=>r.jsxs(c.CommandItem,{value:String(e.label),onSelect:e?.disabled?void 0:()=>{m?.(e.value),x(!1)},className:n.cn(e?.disabled&&"opacity-50 cursor-not-allowed grayscale",s===e.value&&"bg-primary/10 dark:bg-primary/20"),children:[p?p(e):r.jsxs(r.Fragment,{children:[e.icon&&r.jsx("span",{className:"mr-2 max-w-4 max-h-4",children:e.icon}),e.label]}),r.jsx(l.Check,{className:n.cn("ml-auto",s===e.value?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})}exports.Combobox=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),o=require("lucide-react"),O=require("class-variance-authority"),i=require("./command.cjs"),u=require("./popover.cjs"),a=require("../lib/utils.cjs"),f=require("./label.cjs");function q(d){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>d[t]})}}return n.default=d,Object.freeze(n)}const v=q(k),P=O.cva("ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",{variants:{size:{xs:"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5",sm:"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1",normal:"ds:h-9 ds:px-3 ds:py-1",lg:"ds:h-11 ds:px-4 ds:py-2",xl:"ds:h-14 ds:px-5 ds:py-3"},state:{default:"",success:"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",error:"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",warning:"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"}},defaultVariants:{size:"normal",state:"default"}});function S({value:d,options:n,placeHolder:t,emptyText:c,onChange:m,clearable:b,className:h,dropdownClassName:g,children:j,size:r,state:y="default",searchable:w=!0,tagRender:p,...C}){const[l,x]=v.useState(!1),N=v.useCallback(s=>{x(s)},[]);return e.jsxs(u.Popover,{open:l,onOpenChange:N,modal:!0,children:[e.jsx(u.PopoverTrigger,{asChild:!0,...C,children:j??e.jsxs(f.Label,{className:a.cn(P({size:r,state:y}),h),children:[e.jsx("span",{className:a.cn("ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",{"ds:pr-8":b}),children:d?n?.find(s=>s.value===d)?.label:t}),l&&e.jsx(o.ChevronUp,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},g)}),!l&&e.jsx(o.ChevronDown,{className:a.cn("ds:z-10 ds:opacity-50",{"ds:size-4 ds:min-w-4":r==="sm"||r==="xs","ds:size-5 ds:min-w-5":r==="lg"||r==="xl"},g)})]})}),b&&d&&e.jsx(f.Label,{onClick:s=>{s.stopPropagation(),m?.("")},className:"ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50",children:e.jsx(o.X,{className:"ds:h-4 ds:w-4"})}),e.jsx(u.PopoverContent,{className:a.cn("ds:p-0 ds:w-(--radix-popover-trigger-width)"),onInteractOutside:s=>{s.target.closest('[data-slot="popover-trigger"]')&&s.preventDefault()},children:e.jsxs(i.Command,{children:[w&&e.jsx(i.CommandInput,{placeholder:t,className:"ds:h-9"}),e.jsxs(i.CommandList,{children:[e.jsx(i.CommandEmpty,{children:c||"Not found"}),e.jsx(i.CommandGroup,{children:n?.map(s=>e.jsxs(i.CommandItem,{value:String(s.label),onSelect:s?.disabled?void 0:()=>{m?.(s.value),x(!1)},className:a.cn(s?.disabled&&"ds:opacity-50 ds:cursor-not-allowed ds:grayscale",d===s.value&&"ds:bg-primary/10 ds:dark:bg-primary/20"),children:[p?p(s):e.jsxs(e.Fragment,{children:[s.icon&&e.jsx("span",{className:"ds:mr-2 ds:max-w-4 ds:max-h-4",children:s.icon}),s.label]}),e.jsx(o.Check,{className:a.cn("ds:ml-auto",d===s.value?"ds:opacity-100":"ds:opacity-0")})]},s.value))})]})]})})]})}exports.Combobox=S;
 //# sourceMappingURL=combobox.cjs.map

package/dist/cjs/packages/ui/src/components/combobox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.cjs","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../lib/utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Label } from \"./label\";\n\nconst comboboxVariants = cva(\n \"justify-between relative dark:bg-background dark:hover:bg-input/50 border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n size: {\n xs: \"h-6 text-xs px-2 py-0.5\",\n sm: \"h-8 text-sm px-2.5 py-1\",\n normal: \"h-9 px-3 py-1\",\n lg: \"h-11 px-4 py-2\",\n xl: \"h-14 px-5 py-3\",\n },\n state: {\n default: \"\",\n success:\n \"border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50\",\n error:\n \"border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50\",\n warning:\n \"border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50\",\n },\n },\n defaultVariants: {\n size: \"normal\",\n state: \"default\",\n },\n }\n);\n\ntype SelectOption = {\n label: React.ReactNode;\n value: string;\n group?: string;\n icon?: React.ReactNode;\n disabled?: boolean;\n};\n\ntype ComboboxProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Trigger>,\n \"onChange\"\n> & {\n value?: string;\n options?: SelectOption[];\n placeHolder?: string;\n onChange?: (value?: string \| null) => void;\n clearable?: boolean;\n emptyText?: string;\n className?: string;\n dropdownClassName?: string;\n children?: React.ReactNode;\n size?: \"normal\" \| \"sm\" \| \"xs\" \| \"lg\" \| \"xl\";\n state?: \"default\" \| \"success\" \| \"error\" \| \"warning\";\n searchable?: boolean;\n tagRender?: (\n option: SelectOption & { onClick?: () => void }\n ) => React.ReactNode;\n} & VariantProps<typeof comboboxVariants>;\n\nfunction Combobox({\n value,\n options,\n placeHolder,\n emptyText,\n onChange,\n clearable,\n className,\n dropdownClassName,\n children,\n size,\n state = \"default\",\n searchable = true,\n tagRender,\n ...props\n}: ComboboxProps) {\n const [open, setOpen] = React.useState(false);\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen);\n }, []);\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange} modal={true}>\n <PopoverTrigger asChild {...props}>\n {children ?? (\n <Label className={cn(comboboxVariants({ size, state }), className)}>\n <span\n className={cn(\n \"truncate w-full inline-block align-middle text-left\",\n {\n \"pr-8\": clearable,\n }\n )}\n >\n {value\n ? options?.find((option) => option.value === value)?.label\n : placeHolder}\n </span>\n {open && (\n <ChevronUp\n className={cn(\n \"z-10 opacity-50\",\n {\n \"size-4 min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"size-5 min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n {!open && (\n <ChevronDown\n className={cn(\n \"z-10 opacity-50\",\n {\n \"size-4 min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"size-5 min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n </Label>\n )}\n </PopoverTrigger>\n\n {clearable && value && (\n <Label\n onClick={(e) => {\n e.stopPropagation();\n onChange?.(\"\");\n }}\n className=\"absolute right-11 top-1/2 -translate-y-1/2 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer size-6 opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </Label>\n )}\n <PopoverContent\n className={cn(\"p-0 w-(--radix-popover-trigger-width)\")}\n onInteractOutside={(e) => {\n // Prevent closing when clicking the trigger\n const target = e.target as HTMLElement;\n if (target.closest('[data-slot=\"popover-trigger\"]')) {\n e.preventDefault();\n }\n }}\n >\n <Command>\n {searchable && (\n <CommandInput placeholder={placeHolder} className=\"h-9\" />\n )}\n <CommandList>\n <CommandEmpty>{emptyText \|\| \"Not found\"}</CommandEmpty>\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n key={option.value}\n value={String(option.label)} // Để Command search theo label\n onSelect={\n option?.disabled\n ? undefined\n : () => {\n onChange?.(option.value); // Lưu value thực sự\n setOpen(false);\n }\n }\n className={cn(\n option?.disabled &&\n \"opacity-50 cursor-not-allowed grayscale\",\n value === option.value && \"bg-primary/10 dark:bg-primary/20\"\n )}\n >\n {tagRender ? (\n tagRender(option)\n ) : (\n <>\n {option.icon && (\n <span className=\"mr-2 max-w-4 max-h-4\">\n {option.icon}\n </span>\n )}\n {option.label}\n </>\n )}\n <Check\n className={cn(\n \"ml-auto\",\n value === option.value ? \"opacity-100\" : \"opacity-0\" // So sánh theo value\n )}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport { Combobox, type ComboboxProps, type SelectOption };\n"],"names":["comboboxVariants","cva","Combobox","value","options","placeHolder","emptyText","onChange","clearable","className","dropdownClassName","children","size","state","searchable","tagRender","props","open","setOpen","React","handleOpenChange","newOpen","Popover","jsx","PopoverTrigger","jsxs","Label","cn","option","ChevronUp","ChevronDown","X","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Fragment","Check"],"mappings":"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"}
1	+ {"version":3,"file":"combobox.cjs","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../lib/utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Label } from \"./label\";\n\nconst comboboxVariants = cva(\n \"ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive\",\n {\n variants: {\n size: {\n xs: \"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5\",\n sm: \"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1\",\n normal: \"ds:h-9 ds:px-3 ds:py-1\",\n lg: \"ds:h-11 ds:px-4 ds:py-2\",\n xl: \"ds:h-14 ds:px-5 ds:py-3\",\n },\n state: {\n default: \"\",\n success:\n \"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50\",\n error:\n \"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50\",\n warning:\n \"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50\",\n },\n },\n defaultVariants: {\n size: \"normal\",\n state: \"default\",\n },\n }\n);\n\ntype SelectOption = {\n label: React.ReactNode;\n value: string;\n group?: string;\n icon?: React.ReactNode;\n disabled?: boolean;\n};\n\ntype ComboboxProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Trigger>,\n \"onChange\"\n> & {\n value?: string;\n options?: SelectOption[];\n placeHolder?: string;\n onChange?: (value?: string \| null) => void;\n clearable?: boolean;\n emptyText?: string;\n className?: string;\n dropdownClassName?: string;\n children?: React.ReactNode;\n size?: \"normal\" \| \"sm\" \| \"xs\" \| \"lg\" \| \"xl\";\n state?: \"default\" \| \"success\" \| \"error\" \| \"warning\";\n searchable?: boolean;\n tagRender?: (\n option: SelectOption & { onClick?: () => void }\n ) => React.ReactNode;\n} & VariantProps<typeof comboboxVariants>;\n\nfunction Combobox({\n value,\n options,\n placeHolder,\n emptyText,\n onChange,\n clearable,\n className,\n dropdownClassName,\n children,\n size,\n state = \"default\",\n searchable = true,\n tagRender,\n ...props\n}: ComboboxProps) {\n const [open, setOpen] = React.useState(false);\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen);\n }, []);\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange} modal={true}>\n <PopoverTrigger asChild {...props}>\n {children ?? (\n <Label className={cn(comboboxVariants({ size, state }), className)}>\n <span\n className={cn(\n \"ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left\",\n {\n \"ds:pr-8\": clearable,\n }\n )}\n >\n {value\n ? options?.find((option) => option.value === value)?.label\n : placeHolder}\n </span>\n {open && (\n <ChevronUp\n className={cn(\n \"ds:z-10 ds:opacity-50\",\n {\n \"ds:size-4 ds:min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"ds:size-5 ds:min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n {!open && (\n <ChevronDown\n className={cn(\n \"ds:z-10 ds:opacity-50\",\n {\n \"ds:size-4 ds:min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"ds:size-5 ds:min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n </Label>\n )}\n </PopoverTrigger>\n\n {clearable && value && (\n <Label\n onClick={(e) => {\n e.stopPropagation();\n onChange?.(\"\");\n }}\n className=\"ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50\"\n >\n <X className=\"ds:h-4 ds:w-4\" />\n </Label>\n )}\n <PopoverContent\n className={cn(\"ds:p-0 ds:w-(--radix-popover-trigger-width)\")}\n onInteractOutside={(e) => {\n // Prevent closing when clicking the trigger\n const target = e.target as HTMLElement;\n if (target.closest('[data-slot=\"popover-trigger\"]')) {\n e.preventDefault();\n }\n }}\n >\n <Command>\n {searchable && (\n <CommandInput placeholder={placeHolder} className=\"ds:h-9\" />\n )}\n <CommandList>\n <CommandEmpty>{emptyText \|\| \"Not found\"}</CommandEmpty>\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n key={option.value}\n value={String(option.label)} // Để Command search theo label\n onSelect={\n option?.disabled\n ? undefined\n : () => {\n onChange?.(option.value); // Lưu value thực sự\n setOpen(false);\n }\n }\n className={cn(\n option?.disabled &&\n \"ds:opacity-50 ds:cursor-not-allowed ds:grayscale\",\n value === option.value && \"ds:bg-primary/10 ds:dark:bg-primary/20\"\n )}\n >\n {tagRender ? (\n tagRender(option)\n ) : (\n <>\n {option.icon && (\n <span className=\"ds:mr-2 ds:max-w-4 ds:max-h-4\">\n {option.icon}\n </span>\n )}\n {option.label}\n </>\n )}\n <Check\n className={cn(\n \"ds:ml-auto\",\n value === option.value ? \"ds:opacity-100\" : \"ds:opacity-0\" // So sánh theo value\n )}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport { Combobox, type ComboboxProps, type SelectOption };\n"],"names":["comboboxVariants","cva","Combobox","value","options","placeHolder","emptyText","onChange","clearable","className","dropdownClassName","children","size","state","searchable","tagRender","props","open","setOpen","React","handleOpenChange","newOpen","Popover","jsx","PopoverTrigger","jsxs","Label","cn","option","ChevronUp","ChevronDown","e","X","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Fragment","Check"],"mappings":"+kBAmBMA,EAAmBC,EAAAA,IACvB,umBACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,sCACJ,GAAI,sCACJ,OAAQ,yBACR,GAAI,0BACJ,GAAI,yBAAA,EAEN,MAAO,CACL,QAAS,GACT,QACE,wGACF,MACE,wHACF,QACE,uGAAA,CACJ,EAEF,gBAAiB,CACf,KAAM,SACN,MAAO,SAAA,CACT,CAEJ,EA+BA,SAASC,EAAS,CAChB,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,WAAAC,EAAa,GACb,UAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EAEtCC,EAAmBD,EAAM,YAAaE,GAAqB,CAC/DH,EAAQG,CAAO,CACjB,EAAG,CAAA,CAAE,EAEL,cACGC,EAAAA,QAAA,CAAQ,KAAAL,EAAY,aAAcG,EAAkB,MAAO,GAC1D,SAAA,CAAAG,MAACC,EAAAA,gBAAe,QAAO,GAAE,GAAGR,EACzB,YACCS,OAACC,EAAAA,MAAA,CAAM,UAAWC,EAAAA,GAAG3B,EAAiB,CAAE,KAAAY,EAAM,MAAAC,EAAO,EAAGJ,CAAS,EAC/D,SAAA,CAAAc,EAAAA,IAAC,OAAA,CACC,UAAWI,EAAAA,GACT,qEACA,CACE,UAAWnB,CAAA,CACb,EAGD,SAAAL,EACGC,GAAS,KAAMwB,GAAWA,EAAO,QAAUzB,CAAK,GAAG,MACnDE,CAAA,CAAA,EAELY,GACCM,EAAAA,IAACM,EAAAA,UAAA,CACC,UAAWF,EAAAA,GACT,wBACA,CACE,uBAAwBf,IAAS,MAAQA,IAAS,KAClD,uBAAwBA,IAAS,MAAQA,IAAS,IAAA,EAEpDF,CAAA,CACF,CAAA,EAGH,CAACO,GACAM,EAAAA,IAACO,EAAAA,YAAA,CACC,UAAWH,EAAAA,GACT,wBACA,CACE,uBAAwBf,IAAS,MAAQA,IAAS,KAClD,uBAAwBA,IAAS,MAAQA,IAAS,IAAA,EAEpDF,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,CAAA,CAEJ,EAECF,GAAaL,GACZoB,EAAAA,IAACG,EAAAA,MAAA,CACC,QAAUK,GAAM,CACdA,EAAE,gBAAA,EACFxB,IAAW,EAAE,CACf,EACA,UAAU,oMAEV,SAAAgB,EAAAA,IAACS,EAAAA,EAAA,CAAE,UAAU,eAAA,CAAgB,CAAA,CAAA,EAGjCT,EAAAA,IAACU,EAAAA,eAAA,CACC,UAAWN,EAAAA,GAAG,6CAA6C,EAC3D,kBAAoBI,GAAM,CAETA,EAAE,OACN,QAAQ,+BAA+B,GAChDA,EAAE,eAAA,CAEN,EAEA,gBAACG,UAAA,CACE,SAAA,CAAApB,GACCS,EAAAA,IAACY,eAAA,CAAa,YAAa9B,EAAa,UAAU,SAAS,SAE5D+B,EAAAA,YAAA,CACC,SAAA,CAAAb,EAAAA,IAACc,EAAAA,aAAA,CAAc,YAAa,WAAA,CAAY,EACxCd,EAAAA,IAACe,EAAAA,aAAA,CACE,SAAAlC,GAAS,IAAKwB,GACbH,EAAAA,KAACc,EAAAA,YAAA,CAEC,MAAO,OAAOX,EAAO,KAAK,EAC1B,SACEA,GAAQ,SACJ,OACA,IAAM,CACJrB,IAAWqB,EAAO,KAAK,EACvBV,EAAQ,EAAK,CACf,EAEN,UAAWS,EAAAA,GACTC,GAAQ,UACN,mDACFzB,IAAUyB,EAAO,OAAS,wCAAA,EAG3B,SAAA,CAAAb,EACCA,EAAUa,CAAM,EAEhBH,EAAAA,KAAAe,EAAAA,SAAA,CACG,SAAA,CAAAZ,EAAO,MACNL,EAAAA,IAAC,OAAA,CAAK,UAAU,gCACb,WAAO,KACV,EAEDK,EAAO,KAAA,EACV,EAEFL,EAAAA,IAACkB,EAAAA,MAAA,CACC,UAAWd,EAAAA,GACT,aACAxB,IAAUyB,EAAO,MAAQ,iBAAmB,cAAA,CAC9C,CAAA,CACF,CAAA,EAjCKA,EAAO,KAAA,CAmCf,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,EACF,CAEJ"}

package/dist/cjs/packages/ui/src/components/command.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("cmdk"),u=require("lucide-react"),n=require("../lib/utils.cjs"),d=require("./dialog.cjs");function m({className:e,...o}){return t.jsx(a.Command,{"data-slot":"command",className:n.cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...o})}function l({title:e="Command Palette",description:o="Search for a command to run...",children:r,className:s,showCloseButton:c=!0,...i}){return t.jsxs(d.Dialog,{...i,children:[t.jsxs(d.DialogHeader,{className:"sr-only",children:[t.jsx(d.DialogTitle,{children:e}),t.jsx(d.DialogDescription,{children:o})]}),t.jsx(d.DialogContent,{className:n.cn("overflow-hidden p-0",s),showCloseButton:c,children:t.jsx(m,{className:"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:r})})]})}function p({className:e,...o}){return t.jsxs("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[t.jsx(u.SearchIcon,{className:"size-4 shrink-0 opacity-50"}),t.jsx(a.Command.Input,{"data-slot":"command-input",className:n.cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",e),...o})]})}function g({className:e,...o}){return t.jsx(a.Command.List,{"data-slot":"command-list",className:n.cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...o})}function x({...e}){return t.jsx(a.Command.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function h({className:e,...o}){return t.jsx(a.Command.Group,{"data-slot":"command-group",className:n.cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...o})}function f({className:e,...o}){return t.jsx(a.Command.Separator,{"data-slot":"command-separator",className:n.cn("bg-border -mx-1 h-px",e),...o})}function C({className:e,...o}){return t.jsx(a.Command.Item,{"data-slot":"command-item",className:n.cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o})}function _({className:e,...o}){return t.jsx("span",{"data-slot":"command-shortcut",className:n.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...o})}exports.Command=m;exports.CommandDialog=l;exports.CommandEmpty=x;exports.CommandGroup=h;exports.CommandInput=p;exports.CommandItem=C;exports.CommandList=g;exports.CommandSeparator=f;exports.CommandShortcut=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("cmdk"),u=require("lucide-react"),t=require("../lib/utils.cjs"),n=require("./dialog.cjs");function a({className:d,...e}){return s.jsx(o.Command,{"data-slot":"command",className:t.cn("ds:bg-popover ds:text-popover-foreground ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden ds:rounded-md",d),...e})}function l({title:d="Command Palette",description:e="Search for a command to run...",children:m,className:r,showCloseButton:c=!0,...i}){return s.jsxs(n.Dialog,{...i,children:[s.jsxs(n.DialogHeader,{className:"ds:sr-only",children:[s.jsx(n.DialogTitle,{children:d}),s.jsx(n.DialogDescription,{children:e})]}),s.jsx(n.DialogContent,{className:t.cn("ds:overflow-hidden ds:p-0",r),showCloseButton:c,children:s.jsx(a,{className:"ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:**:data-[slot=command-input-wrapper]:h-12 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:font-medium ds:[&_[cmdk-group]]:px-2 ds:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 ds:[&_[cmdk-input-wrapper]_svg]:h-5 ds:[&_[cmdk-input-wrapper]_svg]:w-5 ds:[&_[cmdk-input]]:h-12 ds:[&_[cmdk-item]]:px-2 ds:[&_[cmdk-item]]:py-3 ds:[&_[cmdk-item]_svg]:h-5 ds:[&_[cmdk-item]_svg]:w-5",children:m})})]})}function p({className:d,...e}){return s.jsxs("div",{"data-slot":"command-input-wrapper",className:"ds:flex ds:h-9 ds:items-center ds:gap-2 ds:border-b ds:px-3",children:[s.jsx(u.SearchIcon,{className:"ds:size-4 ds:shrink-0 ds:opacity-50"}),s.jsx(o.Command.Input,{"data-slot":"command-input",className:t.cn("ds:placeholder:text-muted-foreground ds:flex ds:h-10 ds:w-full ds:rounded-md ds:bg-transparent ds:py-3 ds:text-sm ds:outline-hidden ds:disabled:cursor-not-allowed ds:disabled:opacity-50",d),...e})]})}function g({className:d,...e}){return s.jsx(o.Command.List,{"data-slot":"command-list",className:t.cn("ds:max-h-[300px] ds:scroll-py-1 ds:overflow-x-hidden ds:overflow-y-auto",d),...e})}function x({...d}){return s.jsx(o.Command.Empty,{"data-slot":"command-empty",className:"ds:py-6 ds:text-center ds:text-sm",...d})}function h({className:d,...e}){return s.jsx(o.Command.Group,{"data-slot":"command-group",className:t.cn("ds:text-foreground ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:overflow-hidden ds:p-1 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:py-1.5 ds:[&_[cmdk-group-heading]]:text-xs ds:[&_[cmdk-group-heading]]:font-medium",d),...e})}function f({className:d,...e}){return s.jsx(o.Command.Separator,{"data-slot":"command-separator",className:t.cn("ds:bg-border ds:-mx-1 ds:h-px",d),...e})}function C({className:d,...e}){return s.jsx(o.Command.Item,{"data-slot":"command-item",className:t.cn("ds:data-[selected=true]:bg-accent ds:data-[selected=true]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",d),...e})}function _({className:d,...e}){return s.jsx("span",{"data-slot":"command-shortcut",className:t.cn("ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest",d),...e})}exports.Command=a;exports.CommandDialog=l;exports.CommandEmpty=x;exports.CommandGroup=h;exports.CommandInput=p;exports.CommandItem=C;exports.CommandList=g;exports.CommandSeparator=f;exports.CommandShortcut=_;
 //# sourceMappingURL=command.cjs.map

package/dist/cjs/packages/ui/src/components/command.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"command.cjs","sources":["../../../../../../../../packages/ui/src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"@dsui/ui/components/dialog\";\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string;\n description?: string;\n className?: string;\n showCloseButton?: boolean;\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"overflow-hidden p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground *:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n );\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n};\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"yNAeA,SAASA,EAAQ,CACf,UAAAC,EACA,GAAGC,CACL,EAAkD,CAChD,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,YAAU,UACV,UAAWC,EAAAA,GACT,~~4FACAJ~~,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAc,CACrB,MAAAC,EAAQ,kBACR,YAAAC,EAAc,iCACd,SAAAC,EACA,UAAAR,EACA,gBAAAS,EAAkB,GAClB,GAAGR,CACL,EAKG,CACD,OACES,EAAAA,KAACC,EAAAA,OAAA,CAAQ,GAAGV,EACV,SAAA,CAAAS,EAAAA,KAACE,EAAAA,aAAA,CAAa,UAAU,~~UACtB~~,SAAA,CAAAV,EAAAA,IAACW,EAAAA,aAAa,SAAAP,CAAA,CAAM,EACpBJ,EAAAA,IAACY,EAAAA,mBAAmB,SAAAP,CAAA,CAAY,CAAA,EAClC,EACAL,EAAAA,IAACa,EAAAA,cAAA,CACC,UAAWX,EAAAA,GAAG,~~sBAAuBJ~~,CAAS,~~EAC9C~~,gBAAAS,EAEA,SAAAP,EAAAA,IAACH,EAAA,CAAQ,UAAU,~~wZAChB,~~SAAAS,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,SAASQ,EAAa,CACpB,UAAAhB,EACA,GAAGC,CACL,EAAwD,CACtD,OACES,EAAAA,KAAC,MAAA,CACC,YAAU,wBACV,UAAU,~~4CAEV~~,SAAA,CAAAR,EAAAA,IAACe,EAAAA,WAAA,CAAW,UAAU,~~4BAAA~~,~~CAA6B~~,~~EACnDf~~,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,~~2JACAJ~~,CAAA,EAED,GAAGC,CAAA,CAAA,CACN,CAAA,CAAA,CAGN,CAEA,SAASiB,EAAY,CACnB,UAAAlB,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,~~8DACAJ~~,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAa,CACpB,GAAGlB,CACL,EAAwD,CACtD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAU,~~2BACT~~,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASmB,EAAa,CACpB,UAAApB,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,~~yNACAJ~~,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASoB,EAAiB,CACxB,UAAArB,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEC,EAAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,YAAU,oBACV,UAAWC,EAAAA,GAAG,~~uBAAwBJ~~,CAAS,~~EAC9C~~,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASqB,EAAY,CACnB,UAAAtB,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,~~sYACAJ,~~CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASsB,EAAgB,CACvB,UAAAvB,EACA,GAAGC,CACL,EAAiC,CAC/B,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,mBACV,UAAWE,EAAAA,GACT,~~wDACAJ~~,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}
1	+ {"version":3,"file":"command.cjs","sources":["../../../../../../../../packages/ui/src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"@dsui/ui/components/dialog\";\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"ds:bg-popover ds:text-popover-foreground ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden ds:rounded-md\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string;\n description?: string;\n className?: string;\n showCloseButton?: boolean;\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"ds:sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"ds:overflow-hidden ds:p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command className=\"ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:*:data-[slot=command-input-wrapper]:h-12 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:font-medium ds:[&_[cmdk-group]]:px-2 ds:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 ds:[&_[cmdk-input-wrapper]_svg]:h-5 ds:[&_[cmdk-input-wrapper]_svg]:w-5 ds:[&_[cmdk-input]]:h-12 ds:[&_[cmdk-item]]:px-2 ds:[&_[cmdk-item]]:py-3 ds:[&_[cmdk-item]_svg]:h-5 ds:[&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"ds:flex ds:h-9 ds:items-center ds:gap-2 ds:border-b ds:px-3\"\n >\n <SearchIcon className=\"ds:size-4 ds:shrink-0 ds:opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"ds:placeholder:text-muted-foreground ds:flex ds:h-10 ds:w-full ds:rounded-md ds:bg-transparent ds:py-3 ds:text-sm ds:outline-hidden ds:disabled:cursor-not-allowed ds:disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"ds:max-h-[300px] ds:scroll-py-1 ds:overflow-x-hidden ds:overflow-y-auto\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"ds:py-6 ds:text-center ds:text-sm\"\n {...props}\n />\n );\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"ds:text-foreground ds:[&_[cmdk-group-heading]]:text-muted-foreground ds:overflow-hidden ds:p-1 ds:[&_[cmdk-group-heading]]:px-2 ds:[&_[cmdk-group-heading]]:py-1.5 ds:[&_[cmdk-group-heading]]:text-xs ds:[&_[cmdk-group-heading]]:font-medium\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"ds:bg-border ds:-mx-1 ds:h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"ds:data-[selected=true]:bg-accent ds:data-[selected=true]:text-accent-foreground ds:[&_svg:not([class='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n};\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"yNAeA,SAASA,EAAQ,CACf,UAAAC,EACA,GAAGC,CACL,EAAkD,CAChD,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,YAAU,UACV,UAAWC,EAAAA,GACT,oHACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAc,CACrB,MAAAC,EAAQ,kBACR,YAAAC,EAAc,iCACd,SAAAC,EACA,UAAAR,EACA,gBAAAS,EAAkB,GAClB,GAAGR,CACL,EAKG,CACD,OACES,EAAAA,KAACC,EAAAA,OAAA,CAAQ,GAAGV,EACV,SAAA,CAAAS,EAAAA,KAACE,EAAAA,aAAA,CAAa,UAAU,aACtB,SAAA,CAAAV,EAAAA,IAACW,EAAAA,aAAa,SAAAP,CAAA,CAAM,EACpBJ,EAAAA,IAACY,EAAAA,mBAAmB,SAAAP,CAAA,CAAY,CAAA,EAClC,EACAL,EAAAA,IAACa,EAAAA,cAAA,CACC,UAAWX,EAAAA,GAAG,4BAA6BJ,CAAS,EACpD,gBAAAS,EAEA,SAAAP,EAAAA,IAACH,EAAA,CAAQ,UAAU,+bAChB,SAAAS,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,SAASQ,EAAa,CACpB,UAAAhB,EACA,GAAGC,CACL,EAAwD,CACtD,OACES,EAAAA,KAAC,MAAA,CACC,YAAU,wBACV,UAAU,8DAEV,SAAA,CAAAR,EAAAA,IAACe,EAAAA,WAAA,CAAW,UAAU,qCAAA,CAAsC,EAC5Df,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,4LACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CACN,CAAA,CAAA,CAGN,CAEA,SAASiB,EAAY,CACnB,UAAAlB,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0EACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAa,CACpB,GAAGlB,CACL,EAAwD,CACtD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAU,oCACT,GAAGF,CAAA,CAAA,CAGV,CAEA,SAASmB,EAAa,CACpB,UAAApB,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,iPACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASoB,EAAiB,CACxB,UAAArB,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEC,EAAAA,IAACC,EAAAA,QAAiB,UAAjB,CACC,YAAU,oBACV,UAAWC,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASqB,EAAY,CACnB,UAAAtB,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,KAAjB,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,+bACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASsB,EAAgB,CACvB,UAAAvB,EACA,GAAGC,CACL,EAAiC,CAC/B,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,mBACV,UAAWE,EAAAA,GACT,oEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}

package/dist/cjs/packages/ui/src/components/context-menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@radix-ui/react-context-menu"),i=require("lucide-react"),s=require("../lib/utils.cjs");function d(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const o=d(u);function c({...t}){return e.jsx(o.Root,{"data-slot":"context-menu",...t})}function l({...t}){return e.jsx(o.Trigger,{"data-slot":"context-menu-trigger",...t})}function x({...t}){return e.jsx(o.Group,{"data-slot":"context-menu-group",...t})}function m({...t}){return e.jsx(o.Portal,{"data-slot":"context-menu-portal",...t})}function f({...t}){return e.jsx(o.Sub,{"data-slot":"context-menu-sub",...t})}function g({...t}){return e.jsx(o.RadioGroup,{"data-slot":"context-menu-radio-group",...t})}function p({className:t,inset:n,children:a,...r}){return e.jsxs(o.SubTrigger,{"data-slot":"context-menu-sub-trigger","data-inset":n,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 gap-2",t),...r,children:[a,e.jsx(i.ChevronRightIcon,{className:"ml-auto"})]})}function v({className:t,...n}){return e.jsx(o.SubContent,{"data-slot":"context-menu-sub-content",className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",t),...n})}function b({className:t,...n}){return e.jsx(o.Portal,{children:e.jsx(o.Content,{"data-slot":"context-menu-content",updatePositionStrategy:"always",className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",t),...n})})}function C({className:t,inset:n,variant:a="default",...r}){return e.jsx(o.Item,{"data-slot":"context-menu-item","data-inset":n,"data-variant":a,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...r})}function h({className:t,children:n,checked:a,...r}){return e.jsxs(o.CheckboxItem,{"data-slot":"context-menu-checkbox-item",className:s.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:a,...r,children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(o.ItemIndicator,{children:e.jsx(i.CheckIcon,{className:"size-4"})})}),n]})}function M({className:t,children:n,...a}){return e.jsxs(o.RadioItem,{"data-slot":"context-menu-radio-item",className:s.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...a,children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(o.ItemIndicator,{children:e.jsx(i.CircleIcon,{className:"size-2 fill-current"})})}),n]})}function j({className:t,inset:n,...a}){return e.jsx(o.Label,{"data-slot":"context-menu-label","data-inset":n,className:s.cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...a})}function y({className:t,...n}){return e.jsx(o.Separator,{"data-slot":"context-menu-separator",className:s.cn("bg-border -mx-1 my-1 h-px",t),...n})}function z({className:t,...n}){return e.jsx("span",{"data-slot":"context-menu-shortcut",className:s.cn("text-muted-foreground ml-auto text-xs tracking-widest",t),...n})}exports.ContextMenu=c;exports.ContextMenuCheckboxItem=h;exports.ContextMenuContent=b;exports.ContextMenuGroup=x;exports.ContextMenuItem=C;exports.ContextMenuLabel=j;exports.ContextMenuPortal=m;exports.ContextMenuRadioGroup=g;exports.ContextMenuRadioItem=M;exports.ContextMenuSeparator=y;exports.ContextMenuShortcut=z;exports.ContextMenuSub=f;exports.ContextMenuSubContent=v;exports.ContextMenuSubTrigger=p;exports.ContextMenuTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@radix-ui/react-context-menu"),r=require("lucide-react"),o=require("../lib/utils.cjs");function u(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const d in t)if(d!=="default"){const a=Object.getOwnPropertyDescriptor(t,d);Object.defineProperty(s,d,a.get?a:{enumerable:!0,get:()=>t[d]})}}return s.default=t,Object.freeze(s)}const n=u(i);function c({...t}){return e.jsx(n.Root,{"data-slot":"context-menu",...t})}function l({...t}){return e.jsx(n.Trigger,{"data-slot":"context-menu-trigger",...t})}function x({...t}){return e.jsx(n.Group,{"data-slot":"context-menu-group",...t})}function m({...t}){return e.jsx(n.Portal,{"data-slot":"context-menu-portal",...t})}function f({...t}){return e.jsx(n.Sub,{"data-slot":"context-menu-sub",...t})}function g({...t}){return e.jsx(n.RadioGroup,{"data-slot":"context-menu-radio-group",...t})}function p({className:t,inset:s,children:d,...a}){return e.jsxs(n.SubTrigger,{"data-slot":"context-menu-sub-trigger","data-inset":s,className:o.cn("ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4 ds:gap-2",t),...a,children:[d,e.jsx(r.ChevronRightIcon,{className:"ds:ml-auto"})]})}function v({className:t,...s}){return e.jsx(n.SubContent,{"data-slot":"context-menu-sub-content",className:o.cn("ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg",t),...s})}function b({className:t,...s}){return e.jsx(n.Portal,{children:e.jsx(n.Content,{"data-slot":"context-menu-content",updatePositionStrategy:"always",className:o.cn("ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-context-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md",t),...s})})}function C({className:t,inset:s,variant:d="default",...a}){return e.jsx(n.Item,{"data-slot":"context-menu-item","data-inset":s,"data-variant":d,className:o.cn("ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]:*:[svg]:!text-destructive ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",t),...a})}function h({className:t,children:s,checked:d,...a}){return e.jsxs(n.CheckboxItem,{"data-slot":"context-menu-checkbox-item",className:o.cn("ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",t),checked:d,...a,children:[e.jsx("span",{className:"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center",children:e.jsx(n.ItemIndicator,{children:e.jsx(r.CheckIcon,{className:"ds:size-4"})})}),s]})}function M({className:t,children:s,...d}){return e.jsxs(n.RadioItem,{"data-slot":"context-menu-radio-item",className:o.cn("ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",t),...d,children:[e.jsx("span",{className:"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center",children:e.jsx(n.ItemIndicator,{children:e.jsx(r.CircleIcon,{className:"ds:size-2 ds:fill-current"})})}),s]})}function j({className:t,inset:s,...d}){return e.jsx(n.Label,{"data-slot":"context-menu-label","data-inset":s,className:o.cn("ds:text-foreground ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8",t),...d})}function y({className:t,...s}){return e.jsx(n.Separator,{"data-slot":"context-menu-separator",className:o.cn("ds:bg-border ds:-mx-1 ds:my-1 ds:h-px",t),...s})}function z({className:t,...s}){return e.jsx("span",{"data-slot":"context-menu-shortcut",className:o.cn("ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest",t),...s})}exports.ContextMenu=c;exports.ContextMenuCheckboxItem=h;exports.ContextMenuContent=b;exports.ContextMenuGroup=x;exports.ContextMenuItem=C;exports.ContextMenuLabel=j;exports.ContextMenuPortal=m;exports.ContextMenuRadioGroup=g;exports.ContextMenuRadioItem=M;exports.ContextMenuSeparator=y;exports.ContextMenuShortcut=z;exports.ContextMenuSub=f;exports.ContextMenuSubContent=v;exports.ContextMenuSubTrigger=p;exports.ContextMenuTrigger=l;
 //# sourceMappingURL=context-menu.cjs.map

package/dist/cjs/packages/ui/src/components/context-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-menu.cjs","sources":["../../../../../../../../packages/ui/src/components/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n );\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n );\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n return (\n <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n );\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.SubTrigger\n data-slot=\"context-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4 gap-2\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto\" />\n </ContextMenuPrimitive.SubTrigger>\n );\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n return (\n <ContextMenuPrimitive.SubContent\n data-slot=\"context-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n data-slot=\"context-menu-content\"\n updatePositionStrategy=\"always\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n );\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" \| \"destructive\";\n}) {\n return (\n <ContextMenuPrimitive.Item\n data-slot=\"context-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]::[svg]:!text-destructive [&_svg:not([class='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n return (\n <ContextMenuPrimitive.CheckboxItem\n data-slot=\"context-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n return (\n <ContextMenuPrimitive.RadioItem\n data-slot=\"context-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n );\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.Label\n data-slot=\"context-menu-label\"\n data-inset={inset}\n className={cn(\n \"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n return (\n <ContextMenuPrimitive.Separator\n data-slot=\"context-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"context-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","jsx","ContextMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","CheckIcon","ContextMenuRadioItem","CircleIcon","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}
1	+ {"version":3,"file":"context-menu.cjs","sources":["../../../../../../../../packages/ui/src/components/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n );\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n );\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n return (\n <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n );\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.SubTrigger\n data-slot=\"context-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class='size-'])]:size-4 ds:gap-2\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ds:ml-auto\" />\n </ContextMenuPrimitive.SubTrigger>\n );\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n return (\n <ContextMenuPrimitive.SubContent\n data-slot=\"context-menu-sub-content\"\n className={cn(\n \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n data-slot=\"context-menu-content\"\n updatePositionStrategy=\"always\"\n className={cn(\n \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-context-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-context-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md\",\n className\n )}\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n );\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" \| \"destructive\";\n}) {\n return (\n <ContextMenuPrimitive.Item\n data-slot=\"context-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]::[svg]:!text-destructive ds:[&_svg:not([class='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n return (\n <ContextMenuPrimitive.CheckboxItem\n data-slot=\"context-menu-checkbox-item\"\n className={cn(\n \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"ds:size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n return (\n <ContextMenuPrimitive.RadioItem\n data-slot=\"context-menu-radio-item\"\n className={cn(\n \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"ds:size-2 ds:fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n );\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <ContextMenuPrimitive.Label\n data-slot=\"context-menu-label\"\n data-inset={inset}\n className={cn(\n \"ds:text-foreground ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n return (\n <ContextMenuPrimitive.Separator\n data-slot=\"context-menu-separator\"\n className={cn(\"ds:bg-border ds:-mx-1 ds:my-1 ds:h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"context-menu-shortcut\"\n className={cn(\n \"ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuPortal","ContextMenuSub","ContextMenuRadioGroup","jsx","ContextMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","CheckIcon","ContextMenuRadioItem","CircleIcon","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut"],"mappings":"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"}

package/dist/cjs/packages/ui/src/components/dialog.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("@radix-ui/react-dialog"),f=require("lucide-react"),s=require("../lib/utils.cjs");function m(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,i.get?i:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=m(u);function p({...t}){return a.jsx(n.Root,{"data-slot":"dialog",...t})}function x({...t}){return a.jsx(n.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return a.jsx(n.Portal,{"data-slot":"dialog-portal",...t})}function d({className:t,backdropFilter:e,overlay:o="dark",...i}){const l=o==="dark"?"bg-black/50":"bg-white/50";return a.jsx(n.Overlay,{"data-slot":"dialog-overlay",className:s.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",l,t),style:e?{backdropFilter:`blur(${e}px)`}:void 0,...i})}function D({className:t,children:e,showCloseButton:o=!0,noDefaultAnimation:i,backdropFilter:l,overlay:c,...g}){return a.jsxs(r,{"data-slot":"dialog-portal",children:[a.jsx(d,{backdropFilter:l,overlay:c}),a.jsxs(n.Content,{"data-slot":"dialog-content",className:s.cn("bg-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",{"data-[state=open]:animate-in":!i},t),...g,children:[e,o&&a.jsxs(n.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[a.jsx(f.XIcon,{}),a.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function j({className:t,...e}){return a.jsx("div",{"data-slot":"dialog-header",className:s.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function b({className:t,...e}){return a.jsx("div",{"data-slot":"dialog-footer",className:s.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function v({className:t,...e}){return a.jsx(n.Title,{"data-slot":"dialog-title",className:s.cn("text-lg leading-none font-semibold",t),...e})}function y({className:t,...e}){return a.jsx(n.Description,{"data-slot":"dialog-description",className:s.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=p;exports.DialogContent=D;exports.DialogDescription=y;exports.DialogFooter=b;exports.DialogHeader=j;exports.DialogOverlay=d;exports.DialogPortal=r;exports.DialogTitle=v;exports.DialogTrigger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("@radix-ui/react-dialog"),f=require("lucide-react"),n=require("../lib/utils.cjs");function m(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,d.get?d:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const o=m(u);function p({...t}){return s.jsx(o.Root,{"data-slot":"dialog",...t})}function x({...t}){return s.jsx(o.Trigger,{"data-slot":"dialog-trigger",...t})}function l({...t}){return s.jsx(o.Portal,{"data-slot":"dialog-portal",...t})}function r({className:t,backdropFilter:e,overlay:a="dark",...d}){const i=a==="dark"?"bg-black/50":"bg-white/50";return s.jsx(o.Overlay,{"data-slot":"dialog-overlay",className:n.cn("ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50",i,t),style:e?{backdropFilter:`blur(${e}px)`}:void 0,...d})}function D({className:t,children:e,showCloseButton:a=!0,noDefaultAnimation:d,backdropFilter:i,overlay:c,...g}){return s.jsxs(l,{"data-slot":"dialog-portal",children:[s.jsx(r,{backdropFilter:i,overlay:c}),s.jsxs(o.Content,{"data-slot":"dialog-content",className:n.cn("ds:bg-background ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:fixed ds:top-[50%] ds:left-[50%] ds:z-50 ds:grid ds:w-full ds:max-w-[calc(100%-2rem)] ds:translate-x-[-50%] ds:translate-y-[-50%] ds:gap-4 ds:rounded-lg ds:border ds:p-6 ds:shadow-lg ds:duration-200 ds:sm:max-w-lg",{"ds:data-[state=open]:animate-in":!d},t),...g,children:[e,a&&s.jsxs(o.Close,{"data-slot":"dialog-close",className:"ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:data-[state=open]:text-muted-foreground ds:absolute ds:top-4 ds:right-4 ds:rounded-xs ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus:ring-2 ds:focus:ring-offset-2 ds:focus:outline-hidden ds:disabled:pointer-events-none ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",children:[s.jsx(f.XIcon,{}),s.jsx("span",{className:"ds:sr-only",children:"Close"})]})]})]})}function j({className:t,...e}){return s.jsx("div",{"data-slot":"dialog-header",className:n.cn("ds:flex ds:flex-col ds:gap-2 ds:text-center ds:sm:text-left",t),...e})}function b({className:t,...e}){return s.jsx("div",{"data-slot":"dialog-footer",className:n.cn("ds:flex ds:flex-col-reverse ds:gap-2 ds:sm:flex-row ds:sm:justify-end",t),...e})}function v({className:t,...e}){return s.jsx(o.Title,{"data-slot":"dialog-title",className:n.cn("ds:text-lg ds:leading-none ds:font-semibold",t),...e})}function y({className:t,...e}){return s.jsx(o.Description,{"data-slot":"dialog-description",className:n.cn("ds:text-muted-foreground ds:text-sm",t),...e})}exports.Dialog=p;exports.DialogContent=D;exports.DialogDescription=y;exports.DialogFooter=b;exports.DialogHeader=j;exports.DialogOverlay=r;exports.DialogPortal=l;exports.DialogTitle=v;exports.DialogTrigger=x;
 //# sourceMappingURL=dialog.cjs.map

package/dist/cjs/packages/ui/src/components/dialog.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.cjs","sources":["../../../../../../../../packages/ui/src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n className,\n backdropFilter,\n overlay = \"dark\",\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n backdropFilter?: number;\n overlay?: \"dark\" \| \"light\";\n}) {\n const overlayClass = overlay === \"dark\" ? \"bg-black/50\" : \"bg-white/50\";\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50\",\n overlayClass,\n className\n )}\n style={\n backdropFilter\n ? { backdropFilter: `blur(${backdropFilter}px)` }\n : undefined\n }\n {...props}\n />\n );\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n noDefaultAnimation,\n backdropFilter,\n overlay,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n noDefaultAnimation?: boolean;\n backdropFilter?: number;\n overlay?: \"dark\" \| \"light\";\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay backdropFilter={backdropFilter} overlay={overlay} />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"bg-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n {\n \"data-[state=open]:animate-in\": !noDefaultAnimation,\n },\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n >\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg leading-none font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","className","backdropFilter","overlay","overlayClass","jsx","cn","DialogContent","children","showCloseButton","noDefaultAnimation","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"2eAQA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,aAAQC,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,aAAQC,EAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE,CAEA,SAASG,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,aAAQC,EAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAQA,SAASI,EAAc,CACrB,UAAAC,EACA,eAAAC,EACA,QAAAC,EAAU,OACV,GAAGP,CACL,EAGG,CACD,MAAMQ,EAAeD,IAAY,OAAS,cAAgB,cAC1D,OACEE,EAAAA,IAACR,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWS,EAAAA,GACT,~~6IACAF~~,EACAH,CAAA,EAEF,MACEC,EACI,CAAE,eAAgB,QAAQA,CAAc,OACxC,OAEL,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASW,EAAc,CACrB,UAAAN,EACA,SAAAO,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EACA,eAAAR,EACA,QAAAC,EACA,GAAGP,CACL,EAKG,CACD,OACEe,EAAAA,KAACZ,EAAA,CAAa,YAAU,gBACtB,SAAA,CAAAM,EAAAA,IAACL,EAAA,CAAc,eAAAE,EAAgC,QAAAC,CAAA,CAAkB,EACjEQ,EAAAA,KAACd,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWS,EAAAA,GACT,~~iVACA~~,CACE~~,+BAAgC~~,CAACI,CAAA,~~EAEnCT~~,CAAA,EAED,GAAGL,EAEH,SAAA,CAAAY,EACAC,GACCE,EAAAA,KAACd,EAAgB,MAAhB,CACC,YAAU,eACV,UAAU,~~oWAEV~~,SAAA,CAAAQ,EAAAA,IAACO,EAAAA,MAAA,EAAM,EACPP,EAAAA,IAAC,OAAA,CAAK,UAAU,~~UAAU~~,SAAA,OAAA,CAAK,CAAA,CAAA,CAAA,~~CACjC~~,CAAA,CAAA,CAEJ,EACF,CAEJ,CAEA,SAASQ,EAAa,CAAE,UAAAZ,EAAW,GAAGL,GAAsC,CAC1E,OACES,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG~~,+CAAgDL~~,CAAS,~~EACtE~~,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAa,CAAE,UAAAb,EAAW,GAAGL,GAAsC,CAC1E,OACES,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,~~yDACAL~~,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASmB,EAAY,CACnB,UAAAd,EACA,GAAGL,CACL,EAAuD,CACrD,OACES,EAAAA,IAACR,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWS,EAAAA,GAAG,~~qCAAsCL~~,CAAS,~~EAC5D~~,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASoB,EAAkB,CACzB,UAAAf,EACA,GAAGL,CACL,EAA6D,CAC3D,OACES,EAAAA,IAACR,EAAgB,YAAhB,CACC,YAAU,qBACV,UAAWS,EAAAA,GAAG,~~gCAAiCL~~,CAAS,~~EACvD~~,GAAGL,CAAA,CAAA,CAGV"}
1	+ {"version":3,"file":"dialog.cjs","sources":["../../../../../../../../packages/ui/src/components/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n className,\n backdropFilter,\n overlay = \"dark\",\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n backdropFilter?: number;\n overlay?: \"dark\" \| \"light\";\n}) {\n const overlayClass = overlay === \"dark\" ? \"bg-black/50\" : \"bg-white/50\";\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:fixed ds:inset-0 ds:z-50\",\n overlayClass,\n className\n )}\n style={\n backdropFilter\n ? { backdropFilter: `blur(${backdropFilter}px)` }\n : undefined\n }\n {...props}\n />\n );\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n noDefaultAnimation,\n backdropFilter,\n overlay,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n noDefaultAnimation?: boolean;\n backdropFilter?: number;\n overlay?: \"dark\" \| \"light\";\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay backdropFilter={backdropFilter} overlay={overlay} />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"ds:bg-background ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:fixed ds:top-[50%] ds:left-[50%] ds:z-50 ds:grid ds:w-full ds:max-w-[calc(100%-2rem)] ds:translate-x-[-50%] ds:translate-y-[-50%] ds:gap-4 ds:rounded-lg ds:border ds:p-6 ds:shadow-lg ds:duration-200 ds:sm:max-w-lg\",\n {\n \"ds:data-[state=open]:animate-in\": !noDefaultAnimation,\n },\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className=\"ds:ring-offset-background ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:data-[state=open]:text-muted-foreground ds:absolute ds:top-4 ds:right-4 ds:rounded-xs ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus:ring-2 ds:focus:ring-offset-2 ds:focus:outline-hidden ds:disabled:pointer-events-none ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\"\n >\n <XIcon />\n <span className=\"ds:sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"ds:flex ds:flex-col ds:gap-2 ds:text-center ds:sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"ds:flex ds:flex-col-reverse ds:gap-2 ds:sm:flex-row ds:sm:justify-end\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"ds:text-lg ds:leading-none ds:font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"ds:text-muted-foreground ds:text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","className","backdropFilter","overlay","overlayClass","jsx","cn","DialogContent","children","showCloseButton","noDefaultAnimation","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"2eAQA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,aAAQC,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAc,CACrB,GAAGF,CACL,EAAyD,CACvD,aAAQC,EAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE,CAEA,SAASG,EAAa,CACpB,GAAGH,CACL,EAAwD,CACtD,aAAQC,EAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAQA,SAASI,EAAc,CACrB,UAAAC,EACA,eAAAC,EACA,QAAAC,EAAU,OACV,GAAGP,CACL,EAGG,CACD,MAAMQ,EAAeD,IAAY,OAAS,cAAgB,cAC1D,OACEE,EAAAA,IAACR,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWS,EAAAA,GACT,kKACAF,EACAH,CAAA,EAEF,MACEC,EACI,CAAE,eAAgB,QAAQA,CAAc,OACxC,OAEL,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASW,EAAc,CACrB,UAAAN,EACA,SAAAO,EACA,gBAAAC,EAAkB,GAClB,mBAAAC,EACA,eAAAR,EACA,QAAAC,EACA,GAAGP,CACL,EAKG,CACD,OACEe,EAAAA,KAACZ,EAAA,CAAa,YAAU,gBACtB,SAAA,CAAAM,EAAAA,IAACL,EAAA,CAAc,eAAAE,EAAgC,QAAAC,CAAA,CAAkB,EACjEQ,EAAAA,KAACd,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWS,EAAAA,GACT,mZACA,CACE,kCAAmC,CAACI,CAAA,EAEtCT,CAAA,EAED,GAAGL,EAEH,SAAA,CAAAY,EACAC,GACCE,EAAAA,KAACd,EAAgB,MAAhB,CACC,YAAU,eACV,UAAU,0ZAEV,SAAA,CAAAQ,EAAAA,IAACO,EAAAA,MAAA,EAAM,EACPP,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,OAAA,CAAK,CAAA,CAAA,CAAA,CACpC,CAAA,CAAA,CAEJ,EACF,CAEJ,CAEA,SAASQ,EAAa,CAAE,UAAAZ,EAAW,GAAGL,GAAsC,CAC1E,OACES,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,8DAA+DL,CAAS,EACrF,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAa,CAAE,UAAAb,EAAW,GAAGL,GAAsC,CAC1E,OACES,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,wEACAL,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASmB,EAAY,CACnB,UAAAd,EACA,GAAGL,CACL,EAAuD,CACrD,OACES,EAAAA,IAACR,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWS,EAAAA,GAAG,8CAA+CL,CAAS,EACrE,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASoB,EAAkB,CACzB,UAAAf,EACA,GAAGL,CACL,EAA6D,CAC3D,OACES,EAAAA,IAACR,EAAgB,YAAhB,CACC,YAAU,qBACV,UAAWS,EAAAA,GAAG,sCAAuCL,CAAS,EAC7D,GAAGL,CAAA,CAAA,CAGV"}