@karakuri-ui/react 0.3.4 → 0.3.5

package/dist/components/ui/accordion.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const DefaultChevronIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {

package/dist/components/ui/alert.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const InfoIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
   /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),

package/dist/components/ui/avatar.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const avatarVariants = cva(
   "relative inline-flex items-center justify-center overflow-hidden bg-background-muted select-none",
   {

package/dist/components/ui/badge.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const colorMap = {
   default: {
     solid: "bg-foreground text-background",

package/dist/components/ui/breadcrumb.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const BreadcrumbContext = React.createContext({});
 const useBreadcrumbContext = () => React.useContext(BreadcrumbContext);
 function ChevronRightIcon({ className }) {

package/dist/components/ui/button-group.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const ButtonGroupContext = React.createContext(null);
 function useButtonGroup() {
   return React.useContext(ButtonGroupContext);

package/dist/components/ui/button.mjs

@@ -3,8 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useButtonGroup } from "./button-group";
+import { cn } from "../../lib/utils.mjs";
+import { useButtonGroup } from "./button-group.mjs";
 const solidColorMap = {
   default: "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80",
   primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",

package/dist/components/ui/card.mjs

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const CardContext = React.createContext({
   size: "default",
   direction: "vertical"

package/dist/components/ui/chart.mjs

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const THEMES = { light: "", dark: ".dark" };
 const ChartContext = React.createContext(null);
 function useChart() {

package/dist/components/ui/checkbox.mjs

@@ -3,8 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useFieldContext } from "./field";
+import { cn } from "../../lib/utils.mjs";
+import { useFieldContext } from "./field.mjs";
 const checkboxColorMap = {
   default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background",
   primary: "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"

package/dist/components/ui/divider.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const dividerVariants = cva("shrink-0", {
   variants: {
     orientation: {

package/dist/components/ui/drawer.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {

package/dist/components/ui/dropdown.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const contentRadiusMap = {
   md: "rounded-md",
   // 6px

package/dist/components/ui/field.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const FieldContext = React.createContext(null);
 function useFieldContext() {
   return React.useContext(FieldContext);

package/dist/components/ui/icon-button.mjs

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useButtonGroup } from "./button-group";
+import { cn } from "../../lib/utils.mjs";
+import { useButtonGroup } from "./button-group.mjs";
 const solidColorMap = {
   default: "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80",
   primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",

package/dist/components/ui/index.mjs

@@ -1,39 +1,39 @@
 "use client";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionTriggerVariants, accordionVariants } from "./accordion";
-import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbSizeMap } from "./breadcrumb";
-import { Divider, dividerVariants } from "./divider";
-import { Button, buttonVariants } from "./button";
-import { IconButton, iconButtonVariants } from "./icon-button";
-import { ButtonGroup, useButtonGroup } from "./button-group";
-import { Toggle, toggleVariants } from "./toggle";
-import { ToggleGroup, ToggleGroupItem, toggleGroupItemVariants, toggleGroupVariants } from "./toggle-group";
-import { Segmented, SegmentedItem, segmentedItemVariants, segmentedVariants } from "./segmented";
-import { Input, inputVariants } from "./input";
-import { Textarea, textareaVariants } from "./textarea";
-import { Field, FieldCharCount, FieldError, FieldLabel, useFieldContext } from "./field";
-import { Checkbox, checkboxVariants } from "./checkbox";
-import { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants } from "./radio-group";
-import { Switch, switchVariants } from "./switch";
-import { Slider, sliderVariants } from "./slider";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./select";
-import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, avatarColors, avatarVariants, getAvatarColor, getAvatarInitials } from "./avatar";
-import { MetricCard, MetricCardDescription, MetricCardHeader, MetricCardSymbol, MetricCardTitle, MetricCardTrend, MetricCardValue, metricCardVariants } from "./metric-card";
-import { Badge, badgeVariants } from "./badge";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants } from "./card";
-import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table";
-import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./tabs";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuSizeMap } from "./navigation-menu";
-import { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationItems, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, paginationItemVariants, paginationSizeMap, usePagination } from "./pagination";
-import { AlertModal, AlertModalAction, AlertModalBody, AlertModalCancel, AlertModalContent, AlertModalDescription, AlertModalFooter, AlertModalHeader, AlertModalOverlay, AlertModalPortal, AlertModalTitle, AlertModalTrigger, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, alertModalContentVariants, modalContentVariants } from "./modal";
-import { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerSizeHorizontal, drawerSizeVertical } from "./drawer";
-import { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tooltipContentVariants } from "./tooltip";
-import { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, popoverContentVariants } from "./popover";
-import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
-import { Toaster, toast, toastVariants } from "./toast";
-import { Progress, linearTrackVariants } from "./progress";
-import { Spinner, spinnerVariants } from "./spinner";
-import { Skeleton, skeletonVariants } from "./skeleton";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionTriggerVariants, accordionVariants } from "./accordion.mjs";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbSizeMap } from "./breadcrumb.mjs";
+import { Divider, dividerVariants } from "./divider.mjs";
+import { Button, buttonVariants } from "./button.mjs";
+import { IconButton, iconButtonVariants } from "./icon-button.mjs";
+import { ButtonGroup, useButtonGroup } from "./button-group.mjs";
+import { Toggle, toggleVariants } from "./toggle.mjs";
+import { ToggleGroup, ToggleGroupItem, toggleGroupItemVariants, toggleGroupVariants } from "./toggle-group.mjs";
+import { Segmented, SegmentedItem, segmentedItemVariants, segmentedVariants } from "./segmented.mjs";
+import { Input, inputVariants } from "./input.mjs";
+import { Textarea, textareaVariants } from "./textarea.mjs";
+import { Field, FieldCharCount, FieldError, FieldLabel, useFieldContext } from "./field.mjs";
+import { Checkbox, checkboxVariants } from "./checkbox.mjs";
+import { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants } from "./radio-group.mjs";
+import { Switch, switchVariants } from "./switch.mjs";
+import { Slider, sliderVariants } from "./slider.mjs";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown.mjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./select.mjs";
+import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, avatarColors, avatarVariants, getAvatarColor, getAvatarInitials } from "./avatar.mjs";
+import { MetricCard, MetricCardDescription, MetricCardHeader, MetricCardSymbol, MetricCardTitle, MetricCardTrend, MetricCardValue, metricCardVariants } from "./metric-card.mjs";
+import { Badge, badgeVariants } from "./badge.mjs";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants } from "./card.mjs";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./tabs.mjs";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuSizeMap } from "./navigation-menu.mjs";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationItems, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, paginationItemVariants, paginationSizeMap, usePagination } from "./pagination.mjs";
+import { AlertModal, AlertModalAction, AlertModalBody, AlertModalCancel, AlertModalContent, AlertModalDescription, AlertModalFooter, AlertModalHeader, AlertModalOverlay, AlertModalPortal, AlertModalTitle, AlertModalTrigger, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, alertModalContentVariants, modalContentVariants } from "./modal.mjs";
+import { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerSizeHorizontal, drawerSizeVertical } from "./drawer.mjs";
+import { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tooltipContentVariants } from "./tooltip.mjs";
+import { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, popoverContentVariants } from "./popover.mjs";
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert.mjs";
+import { Toaster, toast, toastVariants } from "./toast.mjs";
+import { Progress, linearTrackVariants } from "./progress.mjs";
+import { Spinner, spinnerVariants } from "./spinner.mjs";
+import { Skeleton, skeletonVariants } from "./skeleton.mjs";
 export {
   Accordion,
   AccordionContent,

package/dist/components/ui/input.mjs

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useFieldContext } from "./field";
+import { cn } from "../../lib/utils.mjs";
+import { useFieldContext } from "./field.mjs";
 const inputVariants = cva(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",

package/dist/components/ui/metric-card.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const metricCardVariants = cva(
   "transition-colors",
   {

package/dist/components/ui/modal.mjs

@@ -4,7 +4,7 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {

package/dist/components/ui/navigation-menu.mjs

@@ -4,7 +4,7 @@ import * as React from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import { Slot } from "@radix-ui/react-slot";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 function ChevronDownIcon({ className }) {
   return /* @__PURE__ */ jsx("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
 }

package/dist/components/ui/pagination.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 function ChevronLeftIcon({ className }) {
   return /* @__PURE__ */ jsx(
     "svg",

package/dist/components/ui/popover.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {

package/dist/components/ui/progress.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const CIRCULAR_VIEWBOX = 100;
 const CIRCULAR_CENTER = 50;
 const CIRCULAR_SIZES = {

package/dist/components/ui/radio-group.mjs

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useFieldContext } from "./field";
+import { cn } from "../../lib/utils.mjs";
+import { useFieldContext } from "./field.mjs";
 const radioColorMap = {
   default: {
     border: "data-[state=checked]:border-foreground",

package/dist/components/ui/segmented.mjs

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const SegmentedContext = React.createContext({});
 const useSegmentedContext = () => React.useContext(SegmentedContext);
 const segmentedVariants = cva(

package/dist/components/ui/select.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const triggerRadiusMap = {
   none: "rounded-none",
   sm: "rounded-sm",

package/dist/components/ui/skeleton.mjs

@@ -2,7 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const PULSE_DURATION_MS = 2e3;
 const WAVE_DURATION_MS = 1800;
 const WAVE_GRADIENT = [

package/dist/components/ui/slider.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const sliderVariants = cva(
   "relative flex touch-none select-none",
   {

package/dist/components/ui/spinner.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const RING_SIZES = {
   sm: 16,
   default: 24,

package/dist/components/ui/switch.mjs

@@ -3,8 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useFieldContext } from "./field";
+import { cn } from "../../lib/utils.mjs";
+import { useFieldContext } from "./field.mjs";
 const switchVariants = cva(
   [
     "group peer inline-flex shrink-0 cursor-pointer items-center rounded-full",

package/dist/components/ui/table.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const TableContext = React.createContext({ size: "default", variant: "default", stickyHeader: false });
 const cellPaddingMap = {
   sm: "px-3 py-2 text-sm",

package/dist/components/ui/tabs.mjs

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const TabsStyleContext = React.createContext({});
 const useTabsStyleContext = () => React.useContext(TabsStyleContext);
 const tabsListVariants = cva(

package/dist/components/ui/textarea.mjs

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { useFieldContext } from "./field";
+import { cn } from "../../lib/utils.mjs";
+import { useFieldContext } from "./field.mjs";
 const textareaVariants = cva(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",

package/dist/components/ui/toast.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const InfoIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
   /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),

package/dist/components/ui/toggle-group.mjs

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const toggleGroupVariants = cva(
   "inline-flex items-center justify-center",
   {

package/dist/components/ui/toggle.mjs

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const toggleBaseStyles = "inline-flex items-center justify-center text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50";
 const toggleVariants = cva(
   toggleBaseStyles,

package/dist/components/ui/tooltip.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.mjs";
 const ANIMATION_CLASSES = {
   top: "data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit",
   bottom: "data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@karakuri-ui/react",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/karakuri-ai/design-system.git"