@crossangle-org/cs-ui 0.2.5 → 0.2.7

package/dist/index.js

@@ -0,0 +1,287 @@
+/* empty css                   */
+import { useIsMobile } from "./hooks/use-mobile.js";
+import { useIsLaptop } from "./hooks/use-laptop.js";
+import { useAccordion } from "./hooks/use-accordion.js";
+import { cn } from "./lib/utils.js";
+import { CsAccordion, CsAccordionContent, CsAccordionItem, CsAccordionTrigger, csAccordionItemVariants } from "./components/accordion/cs-accordion.js";
+import { CsAlertDialog, CsAlertDialogAction, CsAlertDialogCancel, CsAlertDialogContent, CsAlertDialogDescription, CsAlertDialogFooter, CsAlertDialogHeader, CsAlertDialogOverlay, CsAlertDialogPortal, CsAlertDialogTitle, CsAlertDialogTrigger } from "./components/alert-dialog/cs-alert-dialog.js";
+import { CsAvatar, CsAvatarFallback, CsAvatarImage } from "./components/avatar/cs-avatar.js";
+import { CsBadge, csBadgeVariants } from "./components/badge/cs-badge.js";
+import { CsBox, csBoxVariants } from "./components/box/cs-box.js";
+import { CsButton, csButtonVariants } from "./components/button/cs-button.js";
+import { CsCalendar, CsCalendarDayButton } from "./components/calendar/cs-calendar.js";
+import { CsCard, CsCardAction, CsCardContent, CsCardDescription, CsCardFooter, CsCardHeader, CsCardTitle } from "./components/card/cs-card.js";
+import { CsLineChartTheme } from "./constants/cs-chart-option.constant.js";
+import { CsAreaChart, CsBarChart, CsChartBase, CsChartBase as CsChartBase2, CsLineChart, CsPieChart } from "./components/chart/cs-chart.js";
+import { CsCheckbox, csCheckboxVariants } from "./components/checkbox/cs-checkbox.js";
+import { CsCodeBlock, csCodeBlockVariants } from "./components/code-block/cs-code-block.js";
+import { CsCodeHighlighter } from "./components/code-block/cs-code-highlighter.js";
+import { CsCollapsible, CsCollapsibleContent, CsCollapsibleTrigger } from "./components/collapsible/cs-collapsible.js";
+import { CsDatePicker } from "./components/date-picker/cs-date-picker.js";
+import { CsDialog, CsDialogClose, CsDialogContent, CsDialogDescription, CsDialogFooter, CsDialogHeader, CsDialogOverlay, CsDialogPortal, CsDialogTitle, CsDialogTrigger } from "./components/dialog/cs-dialog.js";
+import { CsDrawer, CsDrawerClose, CsDrawerContent, CsDrawerDescription, CsDrawerFooter, CsDrawerHeader, CsDrawerOverlay, CsDrawerPortal, CsDrawerTitle, CsDrawerTrigger } from "./components/drawer/cs-drawer.js";
+export * from "vaul";
+import { CsDropdownMenu, CsDropdownMenuCheckboxItem, CsDropdownMenuContent, CsDropdownMenuGroup, CsDropdownMenuItem, CsDropdownMenuLabel, CsDropdownMenuPortal, CsDropdownMenuRadioGroup, CsDropdownMenuRadioItem, CsDropdownMenuSeparator, CsDropdownMenuShortcut, CsDropdownMenuSub, CsDropdownMenuSubContent, CsDropdownMenuSubTrigger, CsDropdownMenuTrigger, csDropdownMenuItemCommonClassName } from "./components/dropdown-menu/cs-dropdown-menu.js";
+import { CsDropzone, CsDropzoneContent, CsDropzoneEmptyState } from "./components/dropzone/cs-dropzone.js";
+export * from "react-dropzone";
+import { CsEmpty, CsEmptyContent, CsEmptyDescription, CsEmptyHeader, CsEmptyMedia, CsEmptyTitle, csEmptyMediaVariants } from "./components/empty/cs-empty.js";
+import { CsField, CsFieldContent, CsFieldDescription, CsFieldError, CsFieldGroup, CsFieldLabel, CsFieldLegend, CsFieldSeparator, CsFieldSet, CsFieldTitle } from "./components/field/cs-field.js";
+import { CsInput, CsTextarea } from "./components/input/cs-input.js";
+import { CsInputGroup, CsInputGroupAddon, CsInputGroupButton, CsInputGroupInput, CsInputGroupText, CsInputGroupTextarea, csInputGroupVariants } from "./components/input/cs-input-group.js";
+import { CsLabel } from "./components/label/cs-label.js";
+import { CsNavigationMenu, CsNavigationMenuContent, CsNavigationMenuIndicator, CsNavigationMenuItem, CsNavigationMenuLink, CsNavigationMenuList, CsNavigationMenuTrigger, CsNavigationMenuViewport, csNavigationMenuLinkVariants, csNavigationMenuTriggerStyle } from "./components/navigation-menu/cs-navigation-menu.js";
+import { CsPagination, CsPaginationContent, CsPaginationEllipsis, CsPaginationItem, CsPaginationLink, CsPaginationNext, CsPaginationPrevious } from "./components/pagination/cs-pagination.js";
+import { CsPopover, CsPopoverAnchor, CsPopoverContent, CsPopoverTrigger, csPopoverVariants } from "./components/popover/cs-popover.js";
+import { CsProgress, csProgressIndicatorVariants, csProgressVariants } from "./components/progress/cs-progress.js";
+import { CsScrollArea, CsScrollBar } from "./components/scroll-area/cs-scroll-area.js";
+import { CsSelect, CsSelectContent, CsSelectGroup, CsSelectItem, CsSelectLabel, CsSelectScrollDownButton, CsSelectScrollUpButton, CsSelectSeparator, CsSelectTrigger, CsSelectValue, csSelectTriggerVariants } from "./components/select/cs-select.js";
+import { CsSimpleSelect } from "./components/select/cs-simple-select.js";
+import { CsSeparator } from "./components/separator/cs-separator.js";
+import { CsSheet, CsSheetClose, CsSheetContent, CsSheetDescription, CsSheetFooter, CsSheetHeader, CsSheetTitle, CsSheetTrigger } from "./components/sheet/cs-sheet.js";
+import { CsSidebar, CsSidebarContent, CsSidebarFooter, CsSidebarGroup, CsSidebarGroupAction, CsSidebarGroupCollapsible, CsSidebarGroupContent, CsSidebarGroupLabel, CsSidebarHeader, CsSidebarInput, CsSidebarInset, CsSidebarMenu, CsSidebarMenuAction, CsSidebarMenuBadge, CsSidebarMenuButton, CsSidebarMenuItem, CsSidebarMenuSkeleton, CsSidebarMenuSub, CsSidebarMenuSubButton, CsSidebarMenuSubItem, CsSidebarProvider, CsSidebarRail, CsSidebarSeparator, CsSidebarTrigger, useSidebar } from "./components/sidebar/cs-sidebar.js";
+import { CsSkeleton, csSkeletonVariants } from "./components/skeleton/cs-skeleton.js";
+import { CsSonner } from "./components/sonner/cs-sonner.js";
+export * from "sonner";
+import { CsSpinner, csSpinnerVariants } from "./components/spinner/cs-spinner.js";
+import { CsSwitch } from "./components/switch/cs-switch.js";
+import { CsDataTable } from "./components/table/cs-data-table.js";
+import { CsDataBaseTable } from "./components/table/cs-data-base-table.js";
+import { CsSkeletonTable } from "./components/table/cs-skeleton-table.js";
+import { CsTable, CsTableBody, CsTableCaption, CsTableCell, CsTableFooter, CsTableHead, CsTableHeader, CsTableRow } from "./components/table/cs-table.js";
+export * from "@tanstack/react-table";
+import { CsTabs, CsTabsContent, CsTabsList, CsTabsTrigger, csTabsListVariants } from "./components/tabs/cs-tabs.js";
+import { CsSimpleTabs } from "./components/tabs/cs-simple-tabs.js";
+import { CsToggle, csToggleVariants } from "./components/toggle/cs-toggle.js";
+import { CsToggleGroup, CsToggleGroupItem } from "./components/toggle/cs-toggle-group.js";
+import { CsTooltip, CsTooltipContent, CsTooltipProvider, CsTooltipTrigger, csChartTooltipStyle, csTooltipContentVariants } from "./components/tooltip/cs-tooltip.js";
+import { CsSimpleTooltip } from "./components/tooltip/cs-simple-tooltip.js";
+export {
+  CsAccordion,
+  CsAccordionContent,
+  CsAccordionItem,
+  CsAccordionTrigger,
+  CsAlertDialog,
+  CsAlertDialogAction,
+  CsAlertDialogCancel,
+  CsAlertDialogContent,
+  CsAlertDialogDescription,
+  CsAlertDialogFooter,
+  CsAlertDialogHeader,
+  CsAlertDialogOverlay,
+  CsAlertDialogPortal,
+  CsAlertDialogTitle,
+  CsAlertDialogTrigger,
+  CsAreaChart,
+  CsAvatar,
+  CsAvatarFallback,
+  CsAvatarImage,
+  CsBadge,
+  CsBarChart,
+  CsBox,
+  CsButton,
+  CsCalendar,
+  CsCalendarDayButton,
+  CsCard,
+  CsCardAction,
+  CsCardContent,
+  CsCardDescription,
+  CsCardFooter,
+  CsCardHeader,
+  CsCardTitle,
+  CsChartBase as CsChart,
+  CsChartBase2 as CsChartBase,
+  CsCheckbox,
+  CsCodeBlock,
+  CsCodeHighlighter,
+  CsCollapsible,
+  CsCollapsibleContent,
+  CsCollapsibleTrigger,
+  CsDataBaseTable,
+  CsDataTable,
+  CsDatePicker,
+  CsDialog,
+  CsDialogClose,
+  CsDialogContent,
+  CsDialogDescription,
+  CsDialogFooter,
+  CsDialogHeader,
+  CsDialogOverlay,
+  CsDialogPortal,
+  CsDialogTitle,
+  CsDialogTrigger,
+  CsDrawer,
+  CsDrawerClose,
+  CsDrawerContent,
+  CsDrawerDescription,
+  CsDrawerFooter,
+  CsDrawerHeader,
+  CsDrawerOverlay,
+  CsDrawerPortal,
+  CsDrawerTitle,
+  CsDrawerTrigger,
+  CsDropdownMenu,
+  CsDropdownMenuCheckboxItem,
+  CsDropdownMenuContent,
+  CsDropdownMenuGroup,
+  CsDropdownMenuItem,
+  CsDropdownMenuLabel,
+  CsDropdownMenuPortal,
+  CsDropdownMenuRadioGroup,
+  CsDropdownMenuRadioItem,
+  CsDropdownMenuSeparator,
+  CsDropdownMenuShortcut,
+  CsDropdownMenuSub,
+  CsDropdownMenuSubContent,
+  CsDropdownMenuSubTrigger,
+  CsDropdownMenuTrigger,
+  CsDropzone,
+  CsDropzoneContent,
+  CsDropzoneEmptyState,
+  CsEmpty,
+  CsEmptyContent,
+  CsEmptyDescription,
+  CsEmptyHeader,
+  CsEmptyMedia,
+  CsEmptyTitle,
+  CsField,
+  CsFieldContent,
+  CsFieldDescription,
+  CsFieldError,
+  CsFieldGroup,
+  CsFieldLabel,
+  CsFieldLegend,
+  CsFieldSeparator,
+  CsFieldSet,
+  CsFieldTitle,
+  CsInput,
+  CsInputGroup,
+  CsInputGroupAddon,
+  CsInputGroupButton,
+  CsInputGroupInput,
+  CsInputGroupText,
+  CsInputGroupTextarea,
+  CsLabel,
+  CsLineChart,
+  CsLineChartTheme,
+  CsNavigationMenu,
+  CsNavigationMenuContent,
+  CsNavigationMenuIndicator,
+  CsNavigationMenuItem,
+  CsNavigationMenuLink,
+  CsNavigationMenuList,
+  CsNavigationMenuTrigger,
+  CsNavigationMenuViewport,
+  CsPagination,
+  CsPaginationContent,
+  CsPaginationEllipsis,
+  CsPaginationItem,
+  CsPaginationLink,
+  CsPaginationNext,
+  CsPaginationPrevious,
+  CsPieChart,
+  CsPopover,
+  CsPopoverAnchor,
+  CsPopoverContent,
+  CsPopoverTrigger,
+  CsProgress,
+  CsScrollArea,
+  CsScrollBar,
+  CsSelect,
+  CsSelectContent,
+  CsSelectGroup,
+  CsSelectItem,
+  CsSelectLabel,
+  CsSelectScrollDownButton,
+  CsSelectScrollUpButton,
+  CsSelectSeparator,
+  CsSelectTrigger,
+  CsSelectValue,
+  CsSeparator,
+  CsSheet,
+  CsSheetClose,
+  CsSheetContent,
+  CsSheetDescription,
+  CsSheetFooter,
+  CsSheetHeader,
+  CsSheetTitle,
+  CsSheetTrigger,
+  CsSidebar,
+  CsSidebarContent,
+  CsSidebarFooter,
+  CsSidebarGroup,
+  CsSidebarGroupAction,
+  CsSidebarGroupCollapsible,
+  CsSidebarGroupContent,
+  CsSidebarGroupLabel,
+  CsSidebarHeader,
+  CsSidebarInput,
+  CsSidebarInset,
+  CsSidebarMenu,
+  CsSidebarMenuAction,
+  CsSidebarMenuBadge,
+  CsSidebarMenuButton,
+  CsSidebarMenuItem,
+  CsSidebarMenuSkeleton,
+  CsSidebarMenuSub,
+  CsSidebarMenuSubButton,
+  CsSidebarMenuSubItem,
+  CsSidebarProvider,
+  CsSidebarRail,
+  CsSidebarSeparator,
+  CsSidebarTrigger,
+  CsSimpleSelect,
+  CsSimpleTabs,
+  CsSimpleTooltip,
+  CsSkeleton,
+  CsSkeletonTable,
+  CsSonner,
+  CsSpinner,
+  CsSwitch,
+  CsTable,
+  CsTableBody,
+  CsTableCaption,
+  CsTableCell,
+  CsTableFooter,
+  CsTableHead,
+  CsTableHeader,
+  CsTableRow,
+  CsTabs,
+  CsTabsContent,
+  CsTabsList,
+  CsTabsTrigger,
+  CsTextarea,
+  CsToggle,
+  CsToggleGroup,
+  CsToggleGroupItem,
+  CsTooltip,
+  CsTooltipContent,
+  CsTooltipProvider,
+  CsTooltipTrigger,
+  cn,
+  csAccordionItemVariants,
+  csBadgeVariants,
+  csBoxVariants,
+  csButtonVariants,
+  csChartTooltipStyle,
+  csCheckboxVariants,
+  csCodeBlockVariants,
+  csDropdownMenuItemCommonClassName,
+  csEmptyMediaVariants,
+  csInputGroupVariants,
+  csNavigationMenuLinkVariants,
+  csNavigationMenuTriggerStyle,
+  csPopoverVariants,
+  csProgressIndicatorVariants,
+  csProgressVariants,
+  csSelectTriggerVariants,
+  csSkeletonVariants,
+  csSpinnerVariants,
+  csTabsListVariants,
+  csToggleVariants,
+  csTooltipContentVariants,
+  useAccordion,
+  useIsLaptop,
+  useIsMobile,
+  useSidebar
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/chart.util.js

@@ -0,0 +1,48 @@
+import { getCssVariable, convertOpacity, addOpacityToColor } from "./style.util.js";
+import { merge } from "es-toolkit";
+const mergeOptions = (...options) => {
+  return options.reduce((acc, obj) => merge(acc, obj || {}), {});
+};
+const getPieChartColors = () => {
+  const primary = getCssVariable("--color-chart-data-vis-brand-1");
+  const secondary = getCssVariable("--color-chart-data-vis-brand-2");
+  const tertiary = getCssVariable("--color-chart-data-vis-brand-3");
+  return [
+    primary,
+    addOpacityToColor(primary, 0.6),
+    addOpacityToColor(primary, 0.4),
+    secondary,
+    addOpacityToColor(secondary, 0.6),
+    addOpacityToColor(secondary, 0.4),
+    tertiary,
+    addOpacityToColor(tertiary, 0.6),
+    addOpacityToColor(tertiary, 0.4),
+    addOpacityToColor(tertiary, 0.2)
+  ];
+};
+const getChartColors = (seriesCount) => {
+  const primary = getCssVariable("--color-chart-data-vis-brand-1");
+  const secondary = getCssVariable("--color-chart-data-vis-brand-2");
+  const tertiary = getCssVariable("--color-chart-data-vis-brand-3");
+  if (seriesCount <= 3) {
+    return [primary, secondary, tertiary];
+  }
+  return void 0;
+};
+const getAreaOpacity = () => {
+  const areaOpacity = getCssVariable("--opacity-state-muted");
+  return convertOpacity(areaOpacity);
+};
+const getFillerColor = () => {
+  const fillerColor = getCssVariable("--color-chart-control-thumb");
+  const fillerOpacity = getCssVariable("--opacity-state-muted");
+  return addOpacityToColor(fillerColor, convertOpacity(fillerOpacity));
+};
+export {
+  getAreaOpacity,
+  getChartColors,
+  getFillerColor,
+  getPieChartColors,
+  mergeOptions
+};
+//# sourceMappingURL=chart.util.js.map

package/dist/lib/chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.util.js","sources":["../../src/lib/chart.util.ts"],"sourcesContent":["import { CsChartBaseOptions } from \"@/constants/cs-chart-option.constant\"\nimport { addOpacityToColor, convertOpacity, getCssVariable } from \"./style.util\"\nimport { merge } from 'es-toolkit';\n\nexport const mergeOptions = (...options: any[]) => {\n    return options.reduce((acc, obj) => merge(acc, obj || {}), {});\n}\n\nexport const getPieChartColors = () => {\n  const primary = getCssVariable('--color-chart-data-vis-brand-1')\n  const secondary = getCssVariable('--color-chart-data-vis-brand-2')\n  const tertiary = getCssVariable('--color-chart-data-vis-brand-3')\n\n  return [\n        primary,\n        addOpacityToColor(primary, 0.6),\n        addOpacityToColor(primary, 0.4),\n        secondary,\n        addOpacityToColor(secondary, 0.6),\n        addOpacityToColor(secondary, 0.4),\n        tertiary,\n        addOpacityToColor(tertiary, 0.6),\n        addOpacityToColor(tertiary, 0.4),\n        addOpacityToColor(tertiary, 0.2)\n    ]\n}\n\nexport const getChartColors = (seriesCount: number) => {\n  const primary = getCssVariable('--color-chart-data-vis-brand-1')\n  const secondary = getCssVariable('--color-chart-data-vis-brand-2')\n  const tertiary = getCssVariable('--color-chart-data-vis-brand-3')\n\n  if (seriesCount <= 3) {\n    return [primary, secondary, tertiary]\n  }\n\n  return undefined\n}\n\nexport const getAreaOpacity = () => {\n    const areaOpacity = getCssVariable('--opacity-state-muted')\n\n    return convertOpacity(areaOpacity)\n}\n\nexport const getFillerColor = () => {\n    const fillerColor = getCssVariable('--color-chart-control-thumb')\n    const fillerOpacity = getCssVariable('--opacity-state-muted')\n    \n    return addOpacityToColor(fillerColor, convertOpacity(fillerOpacity))\n}"],"names":[],"mappings":";;AAIO,MAAM,eAAe,IAAI,YAAmB;AAC/C,SAAO,QAAQ,OAAO,CAAC,KAAK,QAAQ,MAAM,KAAK,OAAO,EAAE,GAAG,EAAE;AACjE;AAEO,MAAM,oBAAoB,MAAM;AACrC,QAAM,UAAU,eAAe,gCAAgC;AAC/D,QAAM,YAAY,eAAe,gCAAgC;AACjE,QAAM,WAAW,eAAe,gCAAgC;AAEhE,SAAO;AAAA,IACD;AAAA,IACA,kBAAkB,SAAS,GAAG;AAAA,IAC9B,kBAAkB,SAAS,GAAG;AAAA,IAC9B;AAAA,IACA,kBAAkB,WAAW,GAAG;AAAA,IAChC,kBAAkB,WAAW,GAAG;AAAA,IAChC;AAAA,IACA,kBAAkB,UAAU,GAAG;AAAA,IAC/B,kBAAkB,UAAU,GAAG;AAAA,IAC/B,kBAAkB,UAAU,GAAG;AAAA,EAAA;AAEvC;AAEO,MAAM,iBAAiB,CAAC,gBAAwB;AACrD,QAAM,UAAU,eAAe,gCAAgC;AAC/D,QAAM,YAAY,eAAe,gCAAgC;AACjE,QAAM,WAAW,eAAe,gCAAgC;AAEhE,MAAI,eAAe,GAAG;AACpB,WAAO,CAAC,SAAS,WAAW,QAAQ;AAAA,EACtC;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,MAAM;AAChC,QAAM,cAAc,eAAe,uBAAuB;AAE1D,SAAO,eAAe,WAAW;AACrC;AAEO,MAAM,iBAAiB,MAAM;AAChC,QAAM,cAAc,eAAe,6BAA6B;AAChE,QAAM,gBAAgB,eAAe,uBAAuB;AAE5D,SAAO,kBAAkB,aAAa,eAAe,aAAa,CAAC;AACvE;"}

package/dist/lib/style.util.js

@@ -0,0 +1,19 @@
+function getCssVariable(name) {
+  if (typeof window === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+}
+function addOpacityToColor(color, opacity) {
+  if (!color?.startsWith("#")) return color;
+  const hex = color.length === 4 ? "#" + color.slice(1).split("").map((c) => c + c).join("") : color;
+  const alpha = Math.round(opacity * 255).toString(16).padStart(2, "0");
+  return `${hex}${alpha}`;
+}
+function convertOpacity(opacity) {
+  return Number(opacity.replace("%", "")) / 100;
+}
+export {
+  addOpacityToColor,
+  convertOpacity,
+  getCssVariable
+};
+//# sourceMappingURL=style.util.js.map

package/dist/lib/style.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.util.js","sources":["../../src/lib/style.util.ts"],"sourcesContent":["export function getCssVariable(name: string) {\n  if (typeof window === 'undefined') return ''\n  return getComputedStyle(document.documentElement).getPropertyValue(name).trim()\n}\n\nexport function addOpacityToColor(color: string, opacity: number) {\n  if (!color?.startsWith('#')) return color\n  \n  const hex = color.length === 4 \n    ? '#' + color.slice(1).split('').map((c) => c + c).join('') \n    : color\n\n  const alpha = Math.round(opacity * 255).toString(16).padStart(2, '0')\n  return `${hex}${alpha}`\n}\n\nexport function convertOpacity(opacity: string) {\n  return Number(opacity.replace('%', '')) / 100\n}"],"names":[],"mappings":"AAAO,SAAS,eAAe,MAAc;AAC3C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,IAAI,EAAE,KAAA;AAC3E;AAEO,SAAS,kBAAkB,OAAe,SAAiB;AAChE,MAAI,CAAC,OAAO,WAAW,GAAG,EAAG,QAAO;AAEpC,QAAM,MAAM,MAAM,WAAW,IACzB,MAAM,MAAM,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,KAAK,EAAE,IACxD;AAEJ,QAAM,QAAQ,KAAK,MAAM,UAAU,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AACpE,SAAO,GAAG,GAAG,GAAG,KAAK;AACvB;AAEO,SAAS,eAAe,SAAiB;AAC9C,SAAO,OAAO,QAAQ,QAAQ,KAAK,EAAE,CAAC,IAAI;AAC5C;"}

package/dist/lib/utils.js

@@ -0,0 +1,27 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+const isComponentPadding = (value) => /(component-padding-).*/.test(value);
+const isComponentGap = (value) => /(component-gap-).*/.test(value);
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "p": [{ "p": [isComponentPadding] }],
+      "px": [{ "px": [isComponentPadding] }],
+      "py": [{ "py": [isComponentPadding] }],
+      "pt": [{ "pt": [isComponentPadding] }],
+      "pr": [{ "pr": [isComponentPadding] }],
+      "pb": [{ "pb": [isComponentPadding] }],
+      "pl": [{ "pl": [isComponentPadding] }],
+      "gap": [{ "gap": [isComponentGap] }],
+      "gap-x": [{ "gap-x": [isComponentGap] }],
+      "gap-y": [{ "gap-y": [isComponentGap] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return customTwMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { extendTailwindMerge } from \"tailwind-merge\"\n\nconst isComponentPadding = (value: string) => /(component-padding-).*/.test(value)\nconst isComponentGap = (value: string) => /(component-gap-).*/.test(value)\n\nconst customTwMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'p': [{ 'p': [isComponentPadding] }],\n      'px': [{ 'px': [isComponentPadding] }],\n      'py': [{ 'py': [isComponentPadding] }],\n      'pt': [{ 'pt': [isComponentPadding] }],\n      'pr': [{ 'pr': [isComponentPadding] }],\n      'pb': [{ 'pb': [isComponentPadding] }],\n      'pl': [{ 'pl': [isComponentPadding] }],\n      'gap': [{ 'gap': [isComponentGap] }],\n      'gap-x': [{ 'gap-x': [isComponentGap] }],\n      'gap-y': [{ 'gap-y': [isComponentGap] }],\n    }\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return customTwMerge(clsx(inputs))\n}\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAqB,CAAC,UAAkB,yBAAyB,KAAK,KAAK;AACjF,MAAM,iBAAiB,CAAC,UAAkB,qBAAqB,KAAK,KAAK;AAEzE,MAAM,gBAAgB,oBAAoB;AAAA,EACxC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,GAAG;AAAA,MACnC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,MAAM,CAAC,EAAE,MAAM,CAAC,kBAAkB,GAAG;AAAA,MACrC,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG;AAAA,MACnC,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG;AAAA,MACvC,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG;AAAA,IAAA;AAAA,EACzC;AAEJ,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC1C,SAAO,cAAc,KAAK,MAAM,CAAC;AACnC;"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@crossangle-org/cs-ui",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Common React UI Component Library for Xangle Services.",
   "type": "module",
   "private": false,
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
@@ -97,8 +97,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "import": "./dist/index.js"
     },
     "./globals.css": "./dist/cs-ui.css"
   },