@sth87/shadcn-design-system 0.0.15 → 0.0.16

package/dist/cjs/components/Button/ButtonGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),r=require("react"),b=require("../../packages/ui/src/components/button-group.cjs"),v=require("../../packages/ui/src/lib/utils.cjs");require("class-variance-authority");const B=require("./Button.cjs"),n=r.forwardRef(({className:s,orientation:i="horizontal",variant:u,color:a,size:l,animation:o,isLoading:c,disabled:d,children:p,...m},f)=>{const g=r.Children.map(p,t=>{if(r.isValidElement(t)&&t.type===B.default){const e=t.props;return r.cloneElement(t,{variant:o==="glass"?"ghost":e.variant??u,color:e.color??a,size:e.size??l,animation:e.animation??o,isLoading:e.isLoading??c,disabled:e.disabled??d})}return t});return q.jsx(b.ButtonGroup,{ref:f,orientation:i,className:v.cn(s),...m,children:g})});n.displayName="ButtonGroup";exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),r=require("react"),o=require("../../packages/ui/src/components/button-group.cjs"),q=require("../../packages/ui/src/lib/utils.cjs");require("class-variance-authority");const b=require("./Button.cjs"),u=r.forwardRef(({className:s,orientation:i="horizontal",variant:a,color:l,size:p,animation:n,isLoading:c,disabled:d,children:m,...B},G)=>{const f=r.Children.map(m,e=>{if(r.isValidElement(e)&&e.type===b.default){const t=e.props;return r.cloneElement(e,{variant:n==="glass"?"ghost":t.variant??a,color:t.color??l,size:t.size??p,animation:t.animation??n,isLoading:t.isLoading??c,disabled:t.disabled??d})}return e});return g.jsx(o.ButtonGroup,{ref:G,orientation:i,className:q.cn(s),...B,children:f})});u.displayName="ButtonGroup";exports.ButtonGroupSeparator=o.ButtonGroupSeparator;exports.ButtonGroupText=o.ButtonGroupText;exports.default=u;
 //# sourceMappingURL=ButtonGroup.cjs.map

package/dist/cjs/components/Calendar/Calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("../../packages/ui/src/components/calendar.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const p=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("react");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const i=require("date-fns/locale");function f({language:u="vi",className:q,captionLayout:o="dropdown",formatters:t,buttonVariant:a,locale:e,variant:n="default",color:l="primary",...c}){const r=e||(u==="en"?i.enUS:i.vi);return d.jsx(m.Calendar,{...c,locale:r,buttonVariant:a,captionLayout:o,variant:n,color:l,formatters:{formatMonthDropdown:s=>s.toLocaleString(r.code,{month:"short"}),...t},className:p.cn("mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",q)})}exports.Calendar=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),i=require("../../packages/ui/src/components/calendar.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const p=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("react");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const u=require("date-fns/locale");function y({language:q="vi",className:a,captionLayout:t="dropdown",formatters:n,buttonVariant:o,locale:e,variant:l="default",color:c="primary",...s}){const r=e||(q==="en"?u.enUS:u.vi);return m.jsx(i.Calendar,{...s,locale:r,buttonVariant:o,captionLayout:t,variant:l,color:c,formatters:{formatMonthDropdown:d=>d.toLocaleString(r.code,{month:"short"}),...n},className:p.cn("mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",a)})}const C=i.CalendarDayButton;exports.Calendar=y;exports.CalendarDayButton=C;
 //# sourceMappingURL=Calendar.cjs.map

package/dist/cjs/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar as SCalendar,\n  type CalendarProps as SCalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n  from: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n  language?: \"vi\" | \"en\";\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function Calendar({\n  language = \"vi\",\n  className,\n  captionLayout = \"dropdown\",\n  formatters,\n  buttonVariant,\n  locale,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: CalendarProps) {\n  const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n  return (\n    <SCalendar\n      {...props}\n      locale={_locale}\n      buttonVariant={buttonVariant}\n      captionLayout={captionLayout}\n      variant={variant}\n      color={color}\n      formatters={{\n        formatMonthDropdown: (date: Date) =>\n          date.toLocaleString(_locale.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      className={cn(\n        \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n        className\n      )}\n    />\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn"],"mappings":"smDAqBO,SAASA,EAAS,CACvB,SAAAC,EAAW,KACX,UAAAC,EACA,cAAAC,EAAgB,WAChB,WAAAC,EACA,cAAAC,EAAA,OACAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAUJ,IAAkBL,IAAa,KAAOU,EAAAA,KAAOC,EAAAA,IAE7D,OACEC,EAAAA,IAACC,EAAAA,SAAA,CACE,GAAGL,EACJ,OAAQC,EACR,cAAAL,EACA,cAAAF,EACA,QAAAI,EACA,MAAAC,EACA,WAAY,CACV,oBAAsBO,GACpBA,EAAK,eAAeL,EAAQ,KAAM,CAAE,MAAO,QAAS,EACtD,GAAGN,CAAA,EAEL,UAAWY,EAAAA,GACT,wDACAd,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar as SCalendar,\n  type CalendarProps as SCalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n  from: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n  language?: \"vi\" | \"en\";\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function Calendar({\n  language = \"vi\",\n  className,\n  captionLayout = \"dropdown\",\n  formatters,\n  buttonVariant,\n  locale,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: CalendarProps) {\n  const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n  return (\n    <SCalendar\n      {...props}\n      locale={_locale}\n      buttonVariant={buttonVariant}\n      captionLayout={captionLayout}\n      variant={variant}\n      color={color}\n      formatters={{\n        formatMonthDropdown: (date: Date) =>\n          date.toLocaleString(_locale.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      className={cn(\n        \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n        className\n      )}\n    />\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn","CalendarDayButton","SCalendarDayButton"],"mappings":"smDAqBO,SAASA,EAAS,CACvB,SAAAC,EAAW,KACX,UAAAC,EACA,cAAAC,EAAgB,WAChB,WAAAC,EACA,cAAAC,EAAA,OACAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAUJ,IAAkBL,IAAa,KAAOU,EAAAA,KAAOC,EAAAA,IAE7D,OACEC,EAAAA,IAACC,EAAAA,SAAA,CACE,GAAGL,EACJ,OAAQC,EACR,cAAAL,EACA,cAAAF,EACA,QAAAI,EACA,MAAAC,EACA,WAAY,CACV,oBAAsBO,GACpBA,EAAK,eAAeL,EAAQ,KAAM,CAAE,MAAO,QAAS,EACtD,GAAGN,CAAA,EAEL,UAAWY,EAAAA,GACT,wDACAd,CAAA,CACF,CAAA,CAGN,CAEO,MAAMe,EAAoBC,EAAAA"}

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./components/Command/index.cjs"),p=require("./components/Popover/index.cjs"),T=require("./components/Tour/index.cjs"),c=require("./components/QrCode/index.cjs"),C=require("./components/Stepper/index.cjs"),g=require("./components/Pagination/index.cjs"),m=require("./components/DropdownMenu/index.cjs"),x=require("./components/ContextMenu/index.cjs"),f=require("./components/FloatLabel.cjs"),R=require("./components/TimeGridView.cjs"),I=require("./components/WheelColumn.cjs"),M=require("./components/Marquee/index.cjs");require("@radix-ui/react-slot");require("./packages/ui/src/components/button.cjs");require("./packages/ui/src/components/button-group.cjs");require("./packages/ui/src/components/input.cjs");require("./packages/ui/src/components/textarea.cjs");const P=require("./packages/ui/src/components/label.cjs");require("./packages/ui/src/components/select.cjs");require("./packages/ui/src/components/combobox.cjs");require("react/jsx-runtime");require("@radix-ui/react-tooltip");const k=require("./packages/ui/src/lib/utils.cjs");require("react");require("lucide-react");require("react-day-picker");require("./packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("./packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");const G=require("./packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("./packages/ui/src/components/badge.cjs");require("./packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("./packages/ui/src/components/input-otp.cjs");require("./packages/ui/src/components/radio-group.cjs");const w=require("./packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("./packages/ui/src/components/tabs.cjs");require("./packages/ui/src/components/toggle.cjs");const A=require("./hooks/use-callback-ref.cjs"),v=require("./hooks/use-debounced-callback.cjs"),B=require("./hooks/use-debounced-value.cjs"),y=require("./hooks/use-intersection-observer.cjs"),V=require("./hooks/use-script.cjs"),F=require("./hooks/use-scroll-lock.cjs"),D=require("./hooks/use-on-click-outside.cjs"),E=require("./hooks/use-event-listener.cjs"),O=require("./hooks/use-media-query.cjs"),z=require("./components/Badge/Badge.cjs"),L=require("./components/Breadcrumb/Breadcrumb.cjs"),h=require("./components/Button/Button.cjs"),W=require("./components/Button/ButtonGroup.cjs"),Q=require("./components/Checkbox/Checkbox.cjs"),H=require("./components/Collapsible/Collapsible.cjs"),$=require("./components/Dialog/Dialog.cjs"),N=require("./components/Glass/Glass.cjs"),U=require("./components/Input/Input.cjs"),_=require("./components/InputOTP/InputOTP.cjs"),j=require("./components/Radio/Radio.cjs"),J=require("./components/ScrollArea/ScrollArea.cjs"),K=require("./components/Select/Select.cjs"),X=require("./components/Separator/Separator.cjs"),Y=require("./components/Sheet/Sheet.cjs"),Z=require("./components/Skeleton/Skeleton.cjs"),ee=require("./components/Slider/Slider.cjs"),re=require("./components/Switch/Switch.cjs"),oe=require("./components/Tabs/Tabs.cjs"),ie=require("./components/Textarea/Textarea.cjs"),te=require("./components/Toggle/Toggle.cjs"),ue=require("./components/Rate/Rate.cjs"),t=require("./components/Resizable/Resizable.cjs"),ae=require("./components/Accordion/Accordion.cjs"),ne=require("./lib/TextAnimation/BlurText.cjs"),se=require("./lib/TextAnimation/CircularText.cjs"),le=require("./lib/TextAnimation/TextPressureEffect.cjs"),ce=require("./lib/TextAnimation/TypingText.cjs"),de=require("./components/Table/data-table.cjs"),qe=require("./components/Avatar/Avatar.cjs"),be=require("./components/Calendar/Calendar.cjs"),Se=require("./components/DatePicker/DatePicker.cjs"),pe=require("./components/DatePicker/RangePicker.cjs"),Te=require("./components/DatePicker/TimePicker.cjs"),e=require("./components/Sidebar/Sidebar.cjs"),a=require("./components/Toast/Toast.cjs"),Ce=require("./components/Tooltip/Tooltip.cjs"),ge=require("./components/Upload/Upload.cjs"),me=require("./components/QrCode/QrCode.cjs"),xe=require("./components/Stepper/Stepper.cjs"),n=require("./packages/ui/src/components/resizable.cjs"),s=require("./packages/ui/src/components/accordion.cjs"),l=require("./components/ImageViewer/ImageViewer.cjs"),d=require("./components/Carousel/Carousel.cjs"),o=require("./components/Cropper/Cropper.cjs"),q=require("./components/Cropper/CropperTool.cjs"),i=require("./components/Cropper/utils.cjs"),r=require("./components/Interactive/CursorFollow.cjs"),u=require("./components/Masonry/Masonry.cjs"),b=require("./components/Masonry/MasonryWrapper.cjs"),fe=require("./lib/TextAnimation/RotatingText.cjs"),Re=require("./lib/TextAnimation/FlipWords.cjs"),Ie=require("./lib/TextAnimation/GradientText.cjs"),Me=require("./lib/TextAnimation/RollingText.cjs"),Pe=require("./lib/TextAnimation/ShimmeringText.cjs"),ke=require("./lib/TextAnimation/SplittingText.cjs"),Ge=require("./lib/TextAnimation/TextGenerateEffect.cjs"),we=require("./lib/TextAnimation/TextHoverEffect.cjs"),Ae=require("./lib/TextAnimation/WritingText.cjs");exports.Command=S.Command;exports.Popover=p.Popover;exports.Tour=T.Tour;exports.QRCode=c.QRCode;exports.QrCode=c.QRCode;exports.Stepper=C.Stepper;exports.Pagination=g.Pagination;exports.DropdownMenu=m.DropdownMenu;exports.ContextMenu=x.ContextMenu;exports.FloatingLabel=f.FloatingLabel;exports.TimeGridView=R.TimeGridView;exports.WheelColumn=I.TimeColumnwheel;exports.Marquee=M.Marquee;exports.Label=P.Label;exports.cn=k.cn;exports.TreeSelect=G.TreeView;exports.useSidebar=w.useSidebar;exports.useCallbackRef=A.useCallbackRef;exports.useDebouncedCallback=v.useDebouncedCallback;exports.useDebounceValue=B.useDebounceValue;exports.useIntersectionObserver=y.useIntersectionObserver;exports.useScript=V.useScript;exports.useScrollLock=F.useScrollLock;exports.useOnClickOutside=D.useOnClickOutside;exports.useEventListener=E.useEventListener;exports.useMediaQuery=O.useMediaQuery;exports.Badge=z.default;exports.Breadcrumb=L.default;exports.Button=h.default;exports.ButtonGroup=W.default;exports.Checkbox=Q.default;exports.Collapsible=H.default;exports.Dialog=$.default;exports.Glass=N.default;exports.Input=U.default;exports.InputOTP=_.default;exports.Radio=j.default;exports.ScrollArea=J.ScrollArea;exports.Select=K.default;exports.Separator=X.default;exports.Sheet=Y.default;exports.Skeleton=Z.default;exports.Slider=ee.default;exports.Switch=re.default;exports.Tabs=oe.default;exports.Textarea=ie.default;exports.Toggle=te.default;exports.Rate=ue.default;exports.Handle=t.Handle;exports.Panel=t.Panel;exports.Resizable=t.default;exports.ResizableWrapper=t.ResizableWrapper;exports.Accordion=ae.default;exports.BlurText=ne.default;exports.CircularText=se.default;exports.TextPressure=le.default;exports.TypingText=ce.default;exports.Table=de.DataTable;exports.Avatar=qe.Avatar;exports.Calendar=be.Calendar;exports.DatePicker=Se.DatePicker;exports.RangePicker=pe.RangePicker;exports.TimePicker=Te.TimePicker;exports.Sidebar=e.Sidebar;exports.SidebarContent=e.SidebarContent;exports.SidebarFooter=e.SidebarFooter;exports.SidebarGroup=e.SidebarGroup;exports.SidebarGroupAction=e.SidebarGroupAction;exports.SidebarGroupContent=e.SidebarGroupContent;exports.SidebarGroupLabel=e.SidebarGroupLabel;exports.SidebarHeader=e.SidebarHeader;exports.SidebarInput=e.SidebarInput;exports.SidebarInset=e.SidebarInset;exports.SidebarMenu=e.SidebarMenu;exports.SidebarMenuAction=e.SidebarMenuAction;exports.SidebarMenuBadge=e.SidebarMenuBadge;exports.SidebarMenuButton=e.SidebarMenuButton;exports.SidebarMenuItem=e.SidebarMenuItem;exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton;exports.SidebarMenuSub=e.SidebarMenuSub;exports.SidebarMenuSubButton=e.SidebarMenuSubButton;exports.SidebarMenuSubItem=e.SidebarMenuSubItem;exports.SidebarProvider=e.SidebarProvider;exports.SidebarRail=e.SidebarRail;exports.SidebarSeparator=e.SidebarSeparator;exports.SidebarTrigger=e.SidebarTrigger;exports.Toast=a.toast;exports.Toaster=a.Toaster;exports.toast=a.toast;exports.Tooltip=Ce.Tooltip;exports.Upload=ge.Upload;exports.useQRCode=me.useQRCode;exports.useStepper=xe.useStepper;exports.ResizableHandle=n.ResizableHandle;exports.ResizablePanel=n.ResizablePanel;exports.ResizablePanelGroup=n.ResizablePanelGroup;exports.AccordionContent=s.AccordionContent;exports.AccordionItem=s.AccordionItem;exports.AccordionTrigger=s.AccordionTrigger;exports.ImageViewer=l.ImageViewer;exports.ImageViewerGroup=l.ImageViewerGroup;exports.ImageViewerImage=l.ImageViewerImage;exports.Carousel=d.Carousel;exports.CarouselSlide=d.CarouselSlide;exports.Cropper=o.Root;exports.CropperArea=o.Area;exports.CropperImage=o.Image;exports.CropperVideo=o.Video;exports.useCropper=o.useCropper;exports.CropperTool=q.CropperTool;exports.useCropperTool=q.useCropperTool;exports.base64ToBlob=i.base64ToBlob;exports.base64ToFile=i.base64ToFile;exports.downloadImage=i.downloadImage;exports.getCroppedImg=i.getCroppedImg;exports.rotateSize=i.rotateSize;exports.Cursor=r.Cursor;exports.CursorFollow=r.CursorFollow;exports.CursorProvider=r.CursorProvider;exports.TRANSITION_PRESETS=r.TRANSITION_PRESETS;exports.useCursor=r.useCursor;exports.useCursorFollow=r.useCursorFollow;exports.Item=u.Item;exports.MasonryItem=u.MasonryItem;exports.MasonryRoot=u.MasonryRoot;exports.Root=u.Root;exports.Masonry=b.Masonry;exports.MasonryComponent=b.MasonryComponent;exports.RotatingText=fe.RotatingText;exports.FlipWords=Re.FlipWords;exports.GradientText=Ie.GradientText;exports.RollingText=Me.RollingText;exports.ShimmeringText=Pe.ShimmeringText;exports.SplittingText=ke.SplittingText;exports.TextGenerateEffect=Ge.TextGenerateEffect;exports.TextHoverEffect=we.TextHoverEffect;exports.WritingText=Ae.WritingText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./components/Command/index.cjs"),C=require("./components/Popover/index.cjs"),g=require("./components/Tour/index.cjs"),c=require("./components/QrCode/index.cjs"),m=require("./components/Stepper/index.cjs"),x=require("./components/Pagination/index.cjs"),f=require("./components/DropdownMenu/index.cjs"),R=require("./components/ContextMenu/index.cjs"),I=require("./components/FloatLabel.cjs"),M=require("./components/TimeGridView.cjs"),G=require("./components/WheelColumn.cjs"),P=require("./components/Marquee/index.cjs");require("@radix-ui/react-slot");require("./packages/ui/src/components/button.cjs");const d=require("./packages/ui/src/components/button-group.cjs");require("./packages/ui/src/components/input.cjs");require("./packages/ui/src/components/textarea.cjs");const k=require("./packages/ui/src/components/label.cjs");require("./packages/ui/src/components/select.cjs");require("./packages/ui/src/components/combobox.cjs");require("react/jsx-runtime");require("@radix-ui/react-tooltip");const w=require("./packages/ui/src/lib/utils.cjs");require("react");require("lucide-react");require("react-day-picker");require("./packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("./packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");const B=require("./packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("./packages/ui/src/components/badge.cjs");require("./packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("./packages/ui/src/components/input-otp.cjs");require("./packages/ui/src/components/radio-group.cjs");const A=require("./packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("./packages/ui/src/components/tabs.cjs");require("./packages/ui/src/components/toggle.cjs");const v=require("./hooks/use-callback-ref.cjs"),y=require("./hooks/use-debounced-callback.cjs"),V=require("./hooks/use-debounced-value.cjs"),D=require("./hooks/use-intersection-observer.cjs"),F=require("./hooks/use-script.cjs"),E=require("./hooks/use-scroll-lock.cjs"),O=require("./hooks/use-on-click-outside.cjs"),z=require("./hooks/use-event-listener.cjs"),L=require("./hooks/use-media-query.cjs"),h=require("./components/Badge/Badge.cjs"),W=require("./components/Breadcrumb/Breadcrumb.cjs"),Q=require("./components/Button/Button.cjs"),H=require("./components/Button/ButtonGroup.cjs"),$=require("./components/Checkbox/Checkbox.cjs"),N=require("./components/Collapsible/Collapsible.cjs"),U=require("./components/Dialog/Dialog.cjs"),_=require("./components/Glass/Glass.cjs"),j=require("./components/Input/Input.cjs"),J=require("./components/InputOTP/InputOTP.cjs"),K=require("./components/Radio/Radio.cjs"),X=require("./components/ScrollArea/ScrollArea.cjs"),Y=require("./components/Select/Select.cjs"),Z=require("./components/Separator/Separator.cjs"),ee=require("./components/Sheet/Sheet.cjs"),re=require("./components/Skeleton/Skeleton.cjs"),oe=require("./components/Slider/Slider.cjs"),te=require("./components/Switch/Switch.cjs"),ie=require("./components/Tabs/Tabs.cjs"),ue=require("./components/Textarea/Textarea.cjs"),ae=require("./components/Toggle/Toggle.cjs"),ne=require("./components/Rate/Rate.cjs"),i=require("./components/Resizable/Resizable.cjs"),se=require("./components/Accordion/Accordion.cjs"),le=require("./lib/TextAnimation/BlurText.cjs"),ce=require("./lib/TextAnimation/CircularText.cjs"),de=require("./lib/TextAnimation/TextPressureEffect.cjs"),qe=require("./lib/TextAnimation/TypingText.cjs"),be=require("./components/Table/data-table.cjs"),Se=require("./components/Avatar/Avatar.cjs"),q=require("./components/Calendar/Calendar.cjs"),pe=require("./components/DatePicker/DatePicker.cjs"),Te=require("./components/DatePicker/RangePicker.cjs"),Ce=require("./components/DatePicker/TimePicker.cjs"),e=require("./components/Sidebar/Sidebar.cjs"),a=require("./components/Toast/Toast.cjs"),ge=require("./components/Tooltip/Tooltip.cjs"),me=require("./components/Upload/Upload.cjs"),xe=require("./components/QrCode/QrCode.cjs"),fe=require("./components/Stepper/Stepper.cjs"),n=require("./packages/ui/src/components/resizable.cjs"),s=require("./packages/ui/src/components/accordion.cjs"),l=require("./components/ImageViewer/ImageViewer.cjs"),b=require("./components/Carousel/Carousel.cjs"),o=require("./components/Cropper/Cropper.cjs"),S=require("./components/Cropper/CropperTool.cjs"),t=require("./components/Cropper/utils.cjs"),r=require("./components/Interactive/CursorFollow.cjs"),u=require("./components/Masonry/Masonry.cjs"),p=require("./components/Masonry/MasonryWrapper.cjs"),Re=require("./lib/TextAnimation/RotatingText.cjs"),Ie=require("./lib/TextAnimation/FlipWords.cjs"),Me=require("./lib/TextAnimation/GradientText.cjs"),Ge=require("./lib/TextAnimation/RollingText.cjs"),Pe=require("./lib/TextAnimation/ShimmeringText.cjs"),ke=require("./lib/TextAnimation/SplittingText.cjs"),we=require("./lib/TextAnimation/TextGenerateEffect.cjs"),Be=require("./lib/TextAnimation/TextHoverEffect.cjs"),Ae=require("./lib/TextAnimation/WritingText.cjs");exports.Command=T.Command;exports.Popover=C.Popover;exports.Tour=g.Tour;exports.QRCode=c.QRCode;exports.QrCode=c.QRCode;exports.Stepper=m.Stepper;exports.Pagination=x.Pagination;exports.DropdownMenu=f.DropdownMenu;exports.ContextMenu=R.ContextMenu;exports.FloatingLabel=I.FloatingLabel;exports.TimeGridView=M.TimeGridView;exports.WheelColumn=G.TimeColumnwheel;exports.Marquee=P.Marquee;exports.ButtonGroupSeparator=d.ButtonGroupSeparator;exports.ButtonGroupText=d.ButtonGroupText;exports.Label=k.Label;exports.cn=w.cn;exports.TreeSelect=B.TreeView;exports.useSidebar=A.useSidebar;exports.useCallbackRef=v.useCallbackRef;exports.useDebouncedCallback=y.useDebouncedCallback;exports.useDebounceValue=V.useDebounceValue;exports.useIntersectionObserver=D.useIntersectionObserver;exports.useScript=F.useScript;exports.useScrollLock=E.useScrollLock;exports.useOnClickOutside=O.useOnClickOutside;exports.useEventListener=z.useEventListener;exports.useMediaQuery=L.useMediaQuery;exports.Badge=h.default;exports.Breadcrumb=W.default;exports.Button=Q.default;exports.ButtonGroup=H.default;exports.Checkbox=$.default;exports.Collapsible=N.default;exports.Dialog=U.default;exports.Glass=_.default;exports.Input=j.default;exports.InputOTP=J.default;exports.Radio=K.default;exports.ScrollArea=X.ScrollArea;exports.Select=Y.default;exports.Separator=Z.default;exports.Sheet=ee.default;exports.Skeleton=re.default;exports.Slider=oe.default;exports.Switch=te.default;exports.Tabs=ie.default;exports.Textarea=ue.default;exports.Toggle=ae.default;exports.Rate=ne.default;exports.Handle=i.Handle;exports.Panel=i.Panel;exports.Resizable=i.default;exports.ResizableWrapper=i.ResizableWrapper;exports.Accordion=se.default;exports.BlurText=le.default;exports.CircularText=ce.default;exports.TextPressure=de.default;exports.TypingText=qe.default;exports.Table=be.DataTable;exports.Avatar=Se.Avatar;exports.Calendar=q.Calendar;exports.CalendarDayButton=q.CalendarDayButton;exports.DatePicker=pe.DatePicker;exports.RangePicker=Te.RangePicker;exports.TimePicker=Ce.TimePicker;exports.Sidebar=e.Sidebar;exports.SidebarContent=e.SidebarContent;exports.SidebarFooter=e.SidebarFooter;exports.SidebarGroup=e.SidebarGroup;exports.SidebarGroupAction=e.SidebarGroupAction;exports.SidebarGroupContent=e.SidebarGroupContent;exports.SidebarGroupLabel=e.SidebarGroupLabel;exports.SidebarHeader=e.SidebarHeader;exports.SidebarInput=e.SidebarInput;exports.SidebarInset=e.SidebarInset;exports.SidebarMenu=e.SidebarMenu;exports.SidebarMenuAction=e.SidebarMenuAction;exports.SidebarMenuBadge=e.SidebarMenuBadge;exports.SidebarMenuButton=e.SidebarMenuButton;exports.SidebarMenuItem=e.SidebarMenuItem;exports.SidebarMenuSkeleton=e.SidebarMenuSkeleton;exports.SidebarMenuSub=e.SidebarMenuSub;exports.SidebarMenuSubButton=e.SidebarMenuSubButton;exports.SidebarMenuSubItem=e.SidebarMenuSubItem;exports.SidebarProvider=e.SidebarProvider;exports.SidebarRail=e.SidebarRail;exports.SidebarSeparator=e.SidebarSeparator;exports.SidebarTrigger=e.SidebarTrigger;exports.Toast=a.toast;exports.Toaster=a.Toaster;exports.toast=a.toast;exports.Tooltip=ge.Tooltip;exports.Upload=me.Upload;exports.useQRCode=xe.useQRCode;exports.useStepper=fe.useStepper;exports.ResizableHandle=n.ResizableHandle;exports.ResizablePanel=n.ResizablePanel;exports.ResizablePanelGroup=n.ResizablePanelGroup;exports.AccordionContent=s.AccordionContent;exports.AccordionItem=s.AccordionItem;exports.AccordionTrigger=s.AccordionTrigger;exports.ImageViewer=l.ImageViewer;exports.ImageViewerGroup=l.ImageViewerGroup;exports.ImageViewerImage=l.ImageViewerImage;exports.Carousel=b.Carousel;exports.CarouselSlide=b.CarouselSlide;exports.Cropper=o.Root;exports.CropperArea=o.Area;exports.CropperImage=o.Image;exports.CropperVideo=o.Video;exports.useCropper=o.useCropper;exports.CropperTool=S.CropperTool;exports.useCropperTool=S.useCropperTool;exports.base64ToBlob=t.base64ToBlob;exports.base64ToFile=t.base64ToFile;exports.downloadImage=t.downloadImage;exports.getCroppedImg=t.getCroppedImg;exports.rotateSize=t.rotateSize;exports.Cursor=r.Cursor;exports.CursorFollow=r.CursorFollow;exports.CursorProvider=r.CursorProvider;exports.TRANSITION_PRESETS=r.TRANSITION_PRESETS;exports.useCursor=r.useCursor;exports.useCursorFollow=r.useCursorFollow;exports.Item=u.Item;exports.MasonryItem=u.MasonryItem;exports.MasonryRoot=u.MasonryRoot;exports.Root=u.Root;exports.Masonry=p.Masonry;exports.MasonryComponent=p.MasonryComponent;exports.RotatingText=Re.RotatingText;exports.FlipWords=Ie.FlipWords;exports.GradientText=Me.GradientText;exports.RollingText=Ge.RollingText;exports.ShimmeringText=Pe.ShimmeringText;exports.SplittingText=ke.SplittingText;exports.TextGenerateEffect=we.TextGenerateEffect;exports.TextHoverEffect=Be.TextHoverEffect;exports.WritingText=Ae.WritingText;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/packages/ui/src/components/button-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@radix-ui/react-slot");const i=require("class-variance-authority"),a=require("../lib/utils.cjs");require("@radix-ui/react-separator");const o=i.cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}});function s({className:r,orientation:t,...e}){return n.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:a.cn(o({orientation:t}),r),...e})}exports.ButtonGroup=s;exports.buttonGroupVariants=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@radix-ui/react-slot"),u=require("class-variance-authority"),n=require("../lib/utils.cjs"),l=require("./separator.cjs"),a=u.cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}});function c({className:e,orientation:t,...o}){return r.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:n.cn(a({orientation:t}),e),...o})}function d({className:e,asChild:t=!1,...o}){const s=t?i.Slot:"div";return r.jsx(s,{className:n.cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",e),...o})}function p({className:e,orientation:t="vertical",...o}){return r.jsx(l.Separator,{"data-slot":"button-group-separator",orientation:t,className:n.cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),...o})}exports.ButtonGroup=c;exports.ButtonGroupSeparator=p;exports.ButtonGroupText=d;exports.buttonGroupVariants=a;
 //# sourceMappingURL=button-group.cjs.map

package/dist/cjs/packages/ui/src/components/button-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.cjs","sources":["../../../../../../../../packages/ui/src/components/button-group.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Separator } from \"@dsui/ui/components/separator\";\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn"],"mappings":"oQAMA,MAAMA,EAAsBC,EAAAA,IAC1B,mSACA,CACE,SAAU,CACR,YAAa,CACX,WACE,kHACF,SACE,0HAAA,CACJ,EAEF,gBAAiB,CACf,YAAa,YAAA,CACf,CAEJ,EAEA,SAASC,EAAY,CACnB,UAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAA2E,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,eACV,mBAAkBF,EAClB,UAAWG,EAAAA,GAAGP,EAAoB,CAAE,YAAAI,CAAA,CAAa,EAAGD,CAAS,EAC5D,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"button-group.cjs","sources":["../../../../../../../../packages/ui/src/components/button-group.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Separator } from \"@dsui/ui/components/separator\";\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":"wPAMMA,EAAsBC,EAAAA,IAC1B,mSACA,CACE,SAAU,CACR,YAAa,CACX,WACE,kHACF,SACE,0HAAA,CACJ,EAEF,gBAAiB,CACf,YAAa,YAAA,CACf,CAEJ,EAEA,SAASC,EAAY,CACnB,UAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAA2E,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,eACV,mBAAkBF,EAClB,UAAWG,EAAAA,GAAGP,EAAoB,CAAE,YAAAI,CAAA,CAAa,EAAGD,CAAS,EAC5D,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASG,EAAgB,CACvB,UAAAL,EACA,QAAAM,EAAU,GACV,GAAGJ,CACL,EAEG,CACD,MAAMK,EAAOD,EAAUE,EAAAA,KAAO,MAE9B,OACEL,EAAAA,IAACI,EAAA,CACC,UAAWH,EAAAA,GACT,yJACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAqB,CAC5B,UAAAT,EACA,YAAAC,EAAc,WACd,GAAGC,CACL,EAA2C,CACzC,OACEC,EAAAA,IAACO,EAAAA,UAAA,CACC,YAAU,yBACV,YAAAT,EACA,UAAWG,EAAAA,GACT,yEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

package/dist/esm/components/Button/ButtonGroup.js

@@ -1,50 +1,53 @@
 import { jsx as B } from "react/jsx-runtime";
-import t from "react";
-import { ButtonGroup as g } from "../../packages/ui/src/components/button-group.js";
-import { cn as G } from "../../packages/ui/src/lib/utils.js";
+import r from "react";
+import { ButtonGroup as G } from "../../packages/ui/src/components/button-group.js";
+import { ButtonGroupSeparator as R, ButtonGroupText as _ } from "../../packages/ui/src/components/button-group.js";
+import { cn as g } from "../../packages/ui/src/lib/utils.js";
 import "class-variance-authority";
-import h from "./Button.js";
-const z = t.forwardRef(
+import x from "./Button.js";
+const h = r.forwardRef(
   ({
     className: a,
-    orientation: i = "horizontal",
-    variant: e,
-    color: s,
-    size: p,
+    orientation: e = "horizontal",
+    variant: i,
+    color: p,
+    size: s,
     animation: n,
     isLoading: m,
-    disabled: l,
-    children: u,
+    disabled: u,
+    children: l,
     ...d
   }, f) => {
-    const c = t.Children.map(u, (r) => {
-      if (t.isValidElement(r) && r.type === h) {
-        const o = r.props;
-        return t.cloneElement(r, {
-          variant: n === "glass" ? "ghost" : o.variant ?? e,
-          color: o.color ?? s,
-          size: o.size ?? p,
+    const c = r.Children.map(l, (t) => {
+      if (r.isValidElement(t) && t.type === x) {
+        const o = t.props;
+        return r.cloneElement(t, {
+          variant: n === "glass" ? "ghost" : o.variant ?? i,
+          color: o.color ?? p,
+          size: o.size ?? s,
           animation: o.animation ?? n,
           isLoading: o.isLoading ?? m,
-          disabled: o.disabled ?? l
+          disabled: o.disabled ?? u
         });
       }
-      return r;
+      return t;
     });
     return /* @__PURE__ */ B(
-      g,
+      G,
       {
         ref: f,
-        orientation: i,
-        className: G(a),
+        orientation: e,
+        className: g(a),
         ...d,
         children: c
       }
     );
   }
 );
-z.displayName = "ButtonGroup";
+h.displayName = "ButtonGroup";
 export {
-  z as default
+  R as ButtonGroupSeparator,
+  _ as ButtonGroupText,
+  h as default
 };
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/esm/components/Button/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ButtonGroup as SButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n} from \"@dsui/ui/components/button-group\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport Button, { type ButtonProps } from \"./Button\";\n\nexport type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> &\n  VariantProps<typeof buttonGroupVariants> & {\n    variant?: ButtonProps[\"variant\"];\n    color?: ButtonProps[\"color\"];\n    size?: ButtonProps[\"size\"];\n    animation?: ButtonProps[\"animation\"];\n    isLoading?: ButtonProps[\"isLoading\"];\n    disabled?: boolean;\n  };\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = \"horizontal\",\n      variant,\n      color,\n      size,\n      animation,\n      isLoading,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const childrenWithProps = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && child.type === Button) {\n        const childProps = child.props as ButtonProps;\n        return React.cloneElement(child as React.ReactElement<ButtonProps>, {\n          variant:\n            animation === \"glass\" ? \"ghost\" : (childProps.variant ?? variant),\n          color: childProps.color ?? color,\n          size: childProps.size ?? size,\n          animation: childProps.animation ?? animation,\n          isLoading: childProps.isLoading ?? isLoading,\n          disabled: childProps.disabled ?? disabled,\n        });\n      }\n      return child;\n    });\n\n    return (\n      <SButtonGroup\n        ref={ref}\n        orientation={orientation}\n        className={cn(className)}\n        {...props}\n      >\n        {childrenWithProps}\n      </SButtonGroup>\n    );\n  }\n);\n\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroupSeparator, ButtonGroupText };\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","className","orientation","variant","color","size","animation","isLoading","disabled","children","props","ref","childrenWithProps","child","Button","childProps","jsx","SButtonGroup","cn"],"mappings":";;;;;;AAqBA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAoBZ,EAAM,SAAS,IAAIS,GAAU,CAACI,MAAU;AAChE,UAAIb,EAAM,eAAea,CAAK,KAAKA,EAAM,SAASC,GAAQ;AACxD,cAAMC,IAAaF,EAAM;AACzB,eAAOb,EAAM,aAAaa,GAA0C;AAAA,UAClE,SACEP,MAAc,UAAU,UAAWS,EAAW,WAAWZ;AAAA,UAC3D,OAAOY,EAAW,SAASX;AAAA,UAC3B,MAAMW,EAAW,QAAQV;AAAA,UACzB,WAAWU,EAAW,aAAaT;AAAA,UACnC,WAAWS,EAAW,aAAaR;AAAA,UACnC,UAAUQ,EAAW,YAAYP;AAAA,QAAA,CAClC;AAAA,MACH;AACA,aAAOK;AAAA,IACT,CAAC;AAED,WACE,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,aAAAT;AAAA,QACA,WAAWgB,EAAGjB,CAAS;AAAA,QACtB,GAAGS;AAAA,QAEH,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAb,EAAY,cAAc;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ButtonGroup as SButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n} from \"@dsui/ui/components/button-group\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport Button, { type ButtonProps } from \"./Button\";\n\nexport type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> &\n  VariantProps<typeof buttonGroupVariants> & {\n    variant?: ButtonProps[\"variant\"];\n    color?: ButtonProps[\"color\"];\n    size?: ButtonProps[\"size\"];\n    animation?: ButtonProps[\"animation\"];\n    isLoading?: ButtonProps[\"isLoading\"];\n    disabled?: boolean;\n  };\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = \"horizontal\",\n      variant,\n      color,\n      size,\n      animation,\n      isLoading,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const childrenWithProps = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && child.type === Button) {\n        const childProps = child.props as ButtonProps;\n        return React.cloneElement(child as React.ReactElement<ButtonProps>, {\n          variant:\n            animation === \"glass\" ? \"ghost\" : (childProps.variant ?? variant),\n          color: childProps.color ?? color,\n          size: childProps.size ?? size,\n          animation: childProps.animation ?? animation,\n          isLoading: childProps.isLoading ?? isLoading,\n          disabled: childProps.disabled ?? disabled,\n        });\n      }\n      return child;\n    });\n\n    return (\n      <SButtonGroup\n        ref={ref}\n        orientation={orientation}\n        className={cn(className)}\n        {...props}\n      >\n        {childrenWithProps}\n      </SButtonGroup>\n    );\n  }\n);\n\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroupSeparator, ButtonGroupText };\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","className","orientation","variant","color","size","animation","isLoading","disabled","children","props","ref","childrenWithProps","child","Button","childProps","jsx","SButtonGroup","cn"],"mappings":";;;;;;;AAqBA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAoBZ,EAAM,SAAS,IAAIS,GAAU,CAACI,MAAU;AAChE,UAAIb,EAAM,eAAea,CAAK,KAAKA,EAAM,SAASC,GAAQ;AACxD,cAAMC,IAAaF,EAAM;AACzB,eAAOb,EAAM,aAAaa,GAA0C;AAAA,UAClE,SACEP,MAAc,UAAU,UAAWS,EAAW,WAAWZ;AAAA,UAC3D,OAAOY,EAAW,SAASX;AAAA,UAC3B,MAAMW,EAAW,QAAQV;AAAA,UACzB,WAAWU,EAAW,aAAaT;AAAA,UACnC,WAAWS,EAAW,aAAaR;AAAA,UACnC,UAAUQ,EAAW,YAAYP;AAAA,QAAA,CAClC;AAAA,MACH;AACA,aAAOK;AAAA,IACT,CAAC;AAED,WACE,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,aAAAT;AAAA,QACA,WAAWgB,EAAGjB,CAAS;AAAA,QACtB,GAAGS;AAAA,QAEH,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAb,EAAY,cAAc;"}

package/dist/esm/components/Calendar/Calendar.js

@@ -1,12 +1,12 @@
 import { jsx as d } from "react/jsx-runtime";
-import { Calendar as f } from "../../packages/ui/src/components/calendar.js";
+import { CalendarDayButton as s, Calendar as f } from "../../packages/ui/src/components/calendar.js";
 import "@radix-ui/react-slot";
 import "../../packages/ui/src/components/button.js";
 import "../../packages/ui/src/components/button-group.js";
 import "../../packages/ui/src/components/input.js";
 import "../../packages/ui/src/components/textarea.js";
 import "@radix-ui/react-label";
-import { cn as s } from "../../packages/ui/src/lib/utils.js";
+import { cn as u } from "../../packages/ui/src/lib/utils.js";
 import "../../packages/ui/src/components/select.js";
 import "../../packages/ui/src/components/combobox.js";
 import "@radix-ui/react-tooltip";
@@ -32,19 +32,19 @@ import "../../packages/ui/src/components/sidebar.js";
 import "@radix-ui/react-slider";
 import "../../packages/ui/src/components/tabs.js";
 import "../../packages/ui/src/components/toggle.js";
-import { enUS as x, vi as u } from "date-fns/locale";
-function X({
+import { enUS as C, vi as x } from "date-fns/locale";
+function Y({
   language: t = "vi",
   className: m,
   captionLayout: p = "dropdown",
   formatters: i,
   buttonVariant: a,
   locale: o,
-  variant: e = "default",
-  color: n = "primary",
+  variant: n = "default",
+  color: e = "primary",
   ...l
 }) {
-  const r = o || (t === "en" ? x : u);
+  const r = o || (t === "en" ? C : x);
   return /* @__PURE__ */ d(
     f,
     {
@@ -52,20 +52,22 @@ function X({
       locale: r,
       buttonVariant: a,
       captionLayout: p,
-      variant: e,
-      color: n,
+      variant: n,
+      color: e,
       formatters: {
         formatMonthDropdown: (c) => c.toLocaleString(r.code, { month: "short" }),
         ...i
       },
-      className: s(
+      className: u(
         "mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",
         m
       )
     }
   );
 }
+const Z = s;
 export {
-  X as Calendar
+  Y as Calendar,
+  Z as CalendarDayButton
 };
 //# sourceMappingURL=Calendar.js.map

package/dist/esm/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar as SCalendar,\n  type CalendarProps as SCalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n  from: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n  language?: \"vi\" | \"en\";\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function Calendar({\n  language = \"vi\",\n  className,\n  captionLayout = \"dropdown\",\n  formatters,\n  buttonVariant,\n  locale,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: CalendarProps) {\n  const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n  return (\n    <SCalendar\n      {...props}\n      locale={_locale}\n      buttonVariant={buttonVariant}\n      captionLayout={captionLayout}\n      variant={variant}\n      color={color}\n      formatters={{\n        formatMonthDropdown: (date: Date) =>\n          date.toLocaleString(_locale.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      className={cn(\n        \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n        className\n      )}\n    />\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,SAASA,EAAS;AAAA,EACvB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAUJ,MAAkBL,MAAa,OAAOU,IAAOC;AAE7D,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,QAAQC;AAAA,MACR,eAAAL;AAAA,MACA,eAAAF;AAAA,MACA,SAAAI;AAAA,MACA,OAAAC;AAAA,MACA,YAAY;AAAA,QACV,qBAAqB,CAACO,MACpBA,EAAK,eAAeL,EAAQ,MAAM,EAAE,OAAO,SAAS;AAAA,QACtD,GAAGN;AAAA,MAAA;AAAA,MAEL,WAAWY;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar as SCalendar,\n  type CalendarProps as SCalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n  from: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n  language?: \"vi\" | \"en\";\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function Calendar({\n  language = \"vi\",\n  className,\n  captionLayout = \"dropdown\",\n  formatters,\n  buttonVariant,\n  locale,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: CalendarProps) {\n  const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n  return (\n    <SCalendar\n      {...props}\n      locale={_locale}\n      buttonVariant={buttonVariant}\n      captionLayout={captionLayout}\n      variant={variant}\n      color={color}\n      formatters={{\n        formatMonthDropdown: (date: Date) =>\n          date.toLocaleString(_locale.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      className={cn(\n        \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n        className\n      )}\n    />\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn","CalendarDayButton","SCalendarDayButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,SAASA,EAAS;AAAA,EACvB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAUJ,MAAkBL,MAAa,OAAOU,IAAOC;AAE7D,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,QAAQC;AAAA,MACR,eAAAL;AAAA,MACA,eAAAF;AAAA,MACA,SAAAI;AAAA,MACA,OAAAC;AAAA,MACA,YAAY;AAAA,QACV,qBAAqB,CAACO,MACpBA,EAAK,eAAeL,EAAQ,MAAM,EAAE,OAAO,SAAS;AAAA,QACtD,GAAGN;AAAA,MAAA;AAAA,MAEL,WAAWY;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEO,MAAMe,IAAoBC;"}

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-import { Command as h } from "./components/Command/index.js";
-import { Popover as z } from "./components/Popover/index.js";
-import { Tour as F } from "./components/Tour/index.js";
-import { QRCode as L, QRCode as O } from "./components/QrCode/index.js";
-import { Stepper as H } from "./components/Stepper/index.js";
-import { Pagination as N } from "./components/Pagination/index.js";
-import { DropdownMenu as U } from "./components/DropdownMenu/index.js";
-import { ContextMenu as j } from "./components/ContextMenu/index.js";
-import { FloatingLabel as K } from "./components/FloatLabel.js";
-import { TimeGridView as Y } from "./components/TimeGridView.js";
-import { TimeColumnwheel as $ } from "./components/WheelColumn.js";
-import { Marquee as re } from "./components/Marquee/index.js";
+import { Command as v } from "./components/Command/index.js";
+import { Popover as D } from "./components/Popover/index.js";
+import { Tour as z } from "./components/Tour/index.js";
+import { QRCode as E, QRCode as L } from "./components/QrCode/index.js";
+import { Stepper as Q } from "./components/Stepper/index.js";
+import { Pagination as W } from "./components/Pagination/index.js";
+import { DropdownMenu as q } from "./components/DropdownMenu/index.js";
+import { ContextMenu as _ } from "./components/ContextMenu/index.js";
+import { FloatingLabel as J } from "./components/FloatLabel.js";
+import { TimeGridView as X } from "./components/TimeGridView.js";
+import { TimeColumnwheel as Z } from "./components/WheelColumn.js";
+import { Marquee as rr } from "./components/Marquee/index.js";
 import "@radix-ui/react-slot";
 import "./packages/ui/src/components/button.js";
-import "./packages/ui/src/components/button-group.js";
+import { ButtonGroupSeparator as or, ButtonGroupText as tr } from "./packages/ui/src/components/button-group.js";
 import "./packages/ui/src/components/input.js";
 import "./packages/ui/src/components/textarea.js";
-import { Label as te } from "./packages/ui/src/components/label.js";
+import { Label as pr } from "./packages/ui/src/components/label.js";
 import "./packages/ui/src/components/select.js";
 import "./packages/ui/src/components/combobox.js";
 import "react/jsx-runtime";
 import "@radix-ui/react-tooltip";
-import { cn as pe } from "./packages/ui/src/lib/utils.js";
+import { cn as fr } from "./packages/ui/src/lib/utils.js";
 import "react";
 import "lucide-react";
 import "react-day-picker";
@@ -29,7 +29,7 @@ import "@radix-ui/react-separator";
 import "./packages/ui/src/components/switch.js";
 import "vaul";
 import "@radix-ui/react-scroll-area";
-import { TreeView as fe } from "./packages/ui/src/components/tree-view.js";
+import { TreeView as xr } from "./packages/ui/src/components/tree-view.js";
 import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-avatar";
 import "./packages/ui/src/components/badge.js";
@@ -40,215 +40,218 @@ import "@radix-ui/react-dialog";
 import "@radix-ui/react-dropdown-menu";
 import "./packages/ui/src/components/input-otp.js";
 import "./packages/ui/src/components/radio-group.js";
-import { useSidebar as xe } from "./packages/ui/src/components/sidebar.js";
+import { useSidebar as lr } from "./packages/ui/src/components/sidebar.js";
 import "@radix-ui/react-slider";
 import "./packages/ui/src/components/tabs.js";
 import "./packages/ui/src/components/toggle.js";
-import { useCallbackRef as le } from "./hooks/use-callback-ref.js";
-import { useDebouncedCallback as de } from "./hooks/use-debounced-callback.js";
-import { useDebounceValue as be } from "./hooks/use-debounced-value.js";
-import { useIntersectionObserver as Te } from "./hooks/use-intersection-observer.js";
-import { useScript as ce } from "./hooks/use-script.js";
-import { useScrollLock as Ie } from "./hooks/use-scroll-lock.js";
-import { useOnClickOutside as Me } from "./hooks/use-on-click-outside.js";
-import { useEventListener as we } from "./hooks/use-event-listener.js";
-import { useMediaQuery as Ge } from "./hooks/use-media-query.js";
-import { default as Be } from "./components/Badge/Badge.js";
-import { default as ve } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as ye } from "./components/Button/Button.js";
-import { default as De } from "./components/Button/ButtonGroup.js";
-import { default as Ee } from "./components/Checkbox/Checkbox.js";
-import { default as Oe } from "./components/Collapsible/Collapsible.js";
-import { default as He } from "./components/Dialog/Dialog.js";
-import { default as Ne } from "./components/Glass/Glass.js";
-import { default as Ue } from "./components/Input/Input.js";
-import { default as je } from "./components/InputOTP/InputOTP.js";
-import { default as Ke } from "./components/Radio/Radio.js";
-import { ScrollArea as Ye } from "./components/ScrollArea/ScrollArea.js";
-import { default as $e } from "./components/Select/Select.js";
-import { default as rr } from "./components/Separator/Separator.js";
-import { default as tr } from "./components/Sheet/Sheet.js";
-import { default as pr } from "./components/Skeleton/Skeleton.js";
-import { default as fr } from "./components/Slider/Slider.js";
-import { default as xr } from "./components/Switch/Switch.js";
-import { default as lr } from "./components/Tabs/Tabs.js";
-import { default as dr } from "./components/Textarea/Textarea.js";
-import { default as br } from "./components/Toggle/Toggle.js";
-import { default as Tr } from "./components/Rate/Rate.js";
-import { Handle as cr, Panel as gr, default as Ir, ResizableWrapper as Rr } from "./components/Resizable/Resizable.js";
-import { default as Pr } from "./components/Accordion/Accordion.js";
-import { default as Ar } from "./lib/TextAnimation/BlurText.js";
-import { default as kr } from "./lib/TextAnimation/CircularText.js";
-import { default as Vr } from "./lib/TextAnimation/TextPressureEffect.js";
-import { default as hr } from "./lib/TextAnimation/TypingText.js";
-import { DataTable as zr } from "./components/Table/data-table.js";
-import { Avatar as Fr } from "./components/Avatar/Avatar.js";
-import { Calendar as Lr } from "./components/Calendar/Calendar.js";
-import { DatePicker as Qr } from "./components/DatePicker/DatePicker.js";
-import { RangePicker as Wr } from "./components/DatePicker/RangePicker.js";
-import { TimePicker as qr } from "./components/DatePicker/TimePicker.js";
-import { Sidebar as _r, SidebarContent as jr, SidebarFooter as Jr, SidebarGroup as Kr, SidebarGroupAction as Xr, SidebarGroupContent as Yr, SidebarGroupLabel as Zr, SidebarHeader as $r, SidebarInput as eo, SidebarInset as ro, SidebarMenu as oo, SidebarMenuAction as to, SidebarMenuBadge as ao, SidebarMenuButton as po, SidebarMenuItem as mo, SidebarMenuSkeleton as fo, SidebarMenuSub as io, SidebarMenuSubButton as xo, SidebarMenuSubItem as uo, SidebarProvider as lo, SidebarRail as so, SidebarSeparator as no, SidebarTrigger as bo } from "./components/Sidebar/Sidebar.js";
-import { toast as To, Toaster as Co, toast as co } from "./components/Toast/Toast.js";
-import { Tooltip as Io } from "./components/Tooltip/Tooltip.js";
-import { Upload as Mo } from "./components/Upload/Upload.js";
-import { useQRCode as wo } from "./components/QrCode/QrCode.js";
-import { useStepper as Go } from "./components/Stepper/Stepper.js";
-import { ResizableHandle as Bo, ResizablePanel as Vo, ResizablePanelGroup as vo } from "./packages/ui/src/components/resizable.js";
-import { AccordionContent as yo, AccordionItem as zo, AccordionTrigger as Do } from "./packages/ui/src/components/accordion.js";
-import { ImageViewer as Eo, ImageViewerGroup as Lo, ImageViewerImage as Oo } from "./components/ImageViewer/ImageViewer.js";
-import { Carousel as Ho, CarouselSlide as Wo } from "./components/Carousel/Carousel.js";
-import { Root as qo, Area as Uo, Image as _o, Video as jo, useCropper as Jo } from "./components/Cropper/Cropper.js";
-import { CropperTool as Xo, useCropperTool as Yo } from "./components/Cropper/CropperTool.js";
-import { base64ToBlob as $o, base64ToFile as et, downloadImage as rt, getCroppedImg as ot, rotateSize as tt } from "./components/Cropper/utils.js";
-import { Cursor as pt, CursorFollow as mt, CursorProvider as ft, TRANSITION_PRESETS as it, useCursor as xt, useCursorFollow as ut } from "./components/Interactive/CursorFollow.js";
-import { Item as st, MasonryItem as dt, MasonryRoot as nt, Root as bt } from "./components/Masonry/Masonry.js";
-import { Masonry as Tt, MasonryComponent as Ct } from "./components/Masonry/MasonryWrapper.js";
-import { RotatingText as gt } from "./lib/TextAnimation/RotatingText.js";
-import { FlipWords as Rt } from "./lib/TextAnimation/FlipWords.js";
-import { GradientText as Pt } from "./lib/TextAnimation/GradientText.js";
-import { RollingText as At } from "./lib/TextAnimation/RollingText.js";
-import { ShimmeringText as kt } from "./lib/TextAnimation/ShimmeringText.js";
-import { SplittingText as Vt } from "./lib/TextAnimation/SplittingText.js";
-import { TextGenerateEffect as ht } from "./lib/TextAnimation/TextGenerateEffect.js";
-import { TextHoverEffect as zt } from "./lib/TextAnimation/TextHoverEffect.js";
-import { WritingText as Ft } from "./lib/TextAnimation/WritingText.js";
+import { useCallbackRef as sr } from "./hooks/use-callback-ref.js";
+import { useDebouncedCallback as br } from "./hooks/use-debounced-callback.js";
+import { useDebounceValue as Tr } from "./hooks/use-debounced-value.js";
+import { useIntersectionObserver as cr } from "./hooks/use-intersection-observer.js";
+import { useScript as Ir } from "./hooks/use-script.js";
+import { useScrollLock as Mr } from "./hooks/use-scroll-lock.js";
+import { useOnClickOutside as Pr } from "./hooks/use-on-click-outside.js";
+import { useEventListener as wr } from "./hooks/use-event-listener.js";
+import { useMediaQuery as kr } from "./hooks/use-media-query.js";
+import { default as vr } from "./components/Badge/Badge.js";
+import { default as Dr } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as zr } from "./components/Button/Button.js";
+import { default as Er } from "./components/Button/ButtonGroup.js";
+import { default as Or } from "./components/Checkbox/Checkbox.js";
+import { default as Hr } from "./components/Collapsible/Collapsible.js";
+import { default as Nr } from "./components/Dialog/Dialog.js";
+import { default as Ur } from "./components/Glass/Glass.js";
+import { default as jr } from "./components/Input/Input.js";
+import { default as Kr } from "./components/InputOTP/InputOTP.js";
+import { default as Yr } from "./components/Radio/Radio.js";
+import { ScrollArea as $r } from "./components/ScrollArea/ScrollArea.js";
+import { default as ee } from "./components/Select/Select.js";
+import { default as te } from "./components/Separator/Separator.js";
+import { default as pe } from "./components/Sheet/Sheet.js";
+import { default as fe } from "./components/Skeleton/Skeleton.js";
+import { default as xe } from "./components/Slider/Slider.js";
+import { default as le } from "./components/Switch/Switch.js";
+import { default as se } from "./components/Tabs/Tabs.js";
+import { default as be } from "./components/Textarea/Textarea.js";
+import { default as Te } from "./components/Toggle/Toggle.js";
+import { default as ce } from "./components/Rate/Rate.js";
+import { Handle as Ie, Panel as Re, default as Me, ResizableWrapper as Ge } from "./components/Resizable/Resizable.js";
+import { default as Be } from "./components/Accordion/Accordion.js";
+import { default as Ae } from "./lib/TextAnimation/BlurText.js";
+import { default as Ve } from "./lib/TextAnimation/CircularText.js";
+import { default as ye } from "./lib/TextAnimation/TextPressureEffect.js";
+import { default as he } from "./lib/TextAnimation/TypingText.js";
+import { DataTable as Fe } from "./components/Table/data-table.js";
+import { Avatar as Le } from "./components/Avatar/Avatar.js";
+import { Calendar as Qe, CalendarDayButton as He } from "./components/Calendar/Calendar.js";
+import { DatePicker as Ne } from "./components/DatePicker/DatePicker.js";
+import { RangePicker as Ue } from "./components/DatePicker/RangePicker.js";
+import { TimePicker as je } from "./components/DatePicker/TimePicker.js";
+import { Sidebar as Ke, SidebarContent as Xe, SidebarFooter as Ye, SidebarGroup as Ze, SidebarGroupAction as $e, SidebarGroupContent as ro, SidebarGroupLabel as eo, SidebarHeader as oo, SidebarInput as to, SidebarInset as ao, SidebarMenu as po, SidebarMenuAction as mo, SidebarMenuBadge as fo, SidebarMenuButton as io, SidebarMenuItem as xo, SidebarMenuSkeleton as uo, SidebarMenuSub as lo, SidebarMenuSubButton as so, SidebarMenuSubItem as no, SidebarProvider as bo, SidebarRail as So, SidebarSeparator as To, SidebarTrigger as Co } from "./components/Sidebar/Sidebar.js";
+import { toast as go, Toaster as Io, toast as Ro } from "./components/Toast/Toast.js";
+import { Tooltip as Go } from "./components/Tooltip/Tooltip.js";
+import { Upload as Bo } from "./components/Upload/Upload.js";
+import { useQRCode as Ao } from "./components/QrCode/QrCode.js";
+import { useStepper as Vo } from "./components/Stepper/Stepper.js";
+import { ResizableHandle as yo, ResizablePanel as Do, ResizablePanelGroup as ho } from "./packages/ui/src/components/resizable.js";
+import { AccordionContent as Fo, AccordionItem as Eo, AccordionTrigger as Lo } from "./packages/ui/src/components/accordion.js";
+import { ImageViewer as Qo, ImageViewerGroup as Ho, ImageViewerImage as Wo } from "./components/ImageViewer/ImageViewer.js";
+import { Carousel as qo, CarouselSlide as Uo } from "./components/Carousel/Carousel.js";
+import { Root as jo, Area as Jo, Image as Ko, Video as Xo, useCropper as Yo } from "./components/Cropper/Cropper.js";
+import { CropperTool as $o, useCropperTool as rt } from "./components/Cropper/CropperTool.js";
+import { base64ToBlob as ot, base64ToFile as tt, downloadImage as at, getCroppedImg as pt, rotateSize as mt } from "./components/Cropper/utils.js";
+import { Cursor as it, CursorFollow as xt, CursorProvider as ut, TRANSITION_PRESETS as lt, useCursor as dt, useCursorFollow as st } from "./components/Interactive/CursorFollow.js";
+import { Item as bt, MasonryItem as St, MasonryRoot as Tt, Root as Ct } from "./components/Masonry/Masonry.js";
+import { Masonry as gt, MasonryComponent as It } from "./components/Masonry/MasonryWrapper.js";
+import { RotatingText as Mt } from "./lib/TextAnimation/RotatingText.js";
+import { FlipWords as Pt } from "./lib/TextAnimation/FlipWords.js";
+import { GradientText as wt } from "./lib/TextAnimation/GradientText.js";
+import { RollingText as kt } from "./lib/TextAnimation/RollingText.js";
+import { ShimmeringText as vt } from "./lib/TextAnimation/ShimmeringText.js";
+import { SplittingText as Dt } from "./lib/TextAnimation/SplittingText.js";
+import { TextGenerateEffect as zt } from "./lib/TextAnimation/TextGenerateEffect.js";
+import { TextHoverEffect as Et } from "./lib/TextAnimation/TextHoverEffect.js";
+import { WritingText as Ot } from "./lib/TextAnimation/WritingText.js";
 export {
-  Pr as Accordion,
-  yo as AccordionContent,
-  zo as AccordionItem,
-  Do as AccordionTrigger,
-  Fr as Avatar,
-  Be as Badge,
-  Ar as BlurText,
-  ve as Breadcrumb,
-  ye as Button,
-  De as ButtonGroup,
-  Lr as Calendar,
-  Ho as Carousel,
-  Wo as CarouselSlide,
-  Ee as Checkbox,
-  kr as CircularText,
-  Oe as Collapsible,
-  h as Command,
-  j as ContextMenu,
-  qo as Cropper,
-  Uo as CropperArea,
-  _o as CropperImage,
-  Xo as CropperTool,
-  jo as CropperVideo,
-  pt as Cursor,
-  mt as CursorFollow,
-  ft as CursorProvider,
-  Qr as DatePicker,
-  He as Dialog,
-  U as DropdownMenu,
-  Rt as FlipWords,
-  K as FloatingLabel,
-  Ne as Glass,
-  Pt as GradientText,
-  cr as Handle,
-  Eo as ImageViewer,
-  Lo as ImageViewerGroup,
-  Oo as ImageViewerImage,
-  Ue as Input,
-  je as InputOTP,
-  st as Item,
-  te as Label,
-  re as Marquee,
-  Tt as Masonry,
-  Ct as MasonryComponent,
-  dt as MasonryItem,
-  nt as MasonryRoot,
-  N as Pagination,
-  gr as Panel,
-  z as Popover,
-  L as QRCode,
-  O as QrCode,
-  Ke as Radio,
-  Wr as RangePicker,
-  Tr as Rate,
-  Ir as Resizable,
-  Bo as ResizableHandle,
-  Vo as ResizablePanel,
-  vo as ResizablePanelGroup,
-  Rr as ResizableWrapper,
-  At as RollingText,
-  bt as Root,
-  gt as RotatingText,
-  Ye as ScrollArea,
-  $e as Select,
-  rr as Separator,
-  tr as Sheet,
-  kt as ShimmeringText,
-  _r as Sidebar,
-  jr as SidebarContent,
-  Jr as SidebarFooter,
-  Kr as SidebarGroup,
-  Xr as SidebarGroupAction,
-  Yr as SidebarGroupContent,
-  Zr as SidebarGroupLabel,
-  $r as SidebarHeader,
-  eo as SidebarInput,
-  ro as SidebarInset,
-  oo as SidebarMenu,
-  to as SidebarMenuAction,
-  ao as SidebarMenuBadge,
-  po as SidebarMenuButton,
-  mo as SidebarMenuItem,
-  fo as SidebarMenuSkeleton,
-  io as SidebarMenuSub,
-  xo as SidebarMenuSubButton,
-  uo as SidebarMenuSubItem,
-  lo as SidebarProvider,
-  so as SidebarRail,
-  no as SidebarSeparator,
-  bo as SidebarTrigger,
-  pr as Skeleton,
-  fr as Slider,
-  Vt as SplittingText,
-  H as Stepper,
-  xr as Switch,
-  it as TRANSITION_PRESETS,
-  zr as Table,
-  lr as Tabs,
-  ht as TextGenerateEffect,
-  zt as TextHoverEffect,
-  Vr as TextPressure,
-  dr as Textarea,
-  Y as TimeGridView,
-  qr as TimePicker,
-  To as Toast,
-  Co as Toaster,
-  br as Toggle,
-  Io as Tooltip,
-  F as Tour,
-  fe as TreeSelect,
-  hr as TypingText,
-  Mo as Upload,
-  $ as WheelColumn,
-  Ft as WritingText,
-  $o as base64ToBlob,
-  et as base64ToFile,
-  pe as cn,
-  rt as downloadImage,
-  ot as getCroppedImg,
-  tt as rotateSize,
-  co as toast,
-  le as useCallbackRef,
-  Jo as useCropper,
-  Yo as useCropperTool,
-  xt as useCursor,
-  ut as useCursorFollow,
-  be as useDebounceValue,
-  de as useDebouncedCallback,
-  we as useEventListener,
-  Te as useIntersectionObserver,
-  Ge as useMediaQuery,
-  Me as useOnClickOutside,
-  wo as useQRCode,
-  ce as useScript,
-  Ie as useScrollLock,
-  xe as useSidebar,
-  Go as useStepper
+  Be as Accordion,
+  Fo as AccordionContent,
+  Eo as AccordionItem,
+  Lo as AccordionTrigger,
+  Le as Avatar,
+  vr as Badge,
+  Ae as BlurText,
+  Dr as Breadcrumb,
+  zr as Button,
+  Er as ButtonGroup,
+  or as ButtonGroupSeparator,
+  tr as ButtonGroupText,
+  Qe as Calendar,
+  He as CalendarDayButton,
+  qo as Carousel,
+  Uo as CarouselSlide,
+  Or as Checkbox,
+  Ve as CircularText,
+  Hr as Collapsible,
+  v as Command,
+  _ as ContextMenu,
+  jo as Cropper,
+  Jo as CropperArea,
+  Ko as CropperImage,
+  $o as CropperTool,
+  Xo as CropperVideo,
+  it as Cursor,
+  xt as CursorFollow,
+  ut as CursorProvider,
+  Ne as DatePicker,
+  Nr as Dialog,
+  q as DropdownMenu,
+  Pt as FlipWords,
+  J as FloatingLabel,
+  Ur as Glass,
+  wt as GradientText,
+  Ie as Handle,
+  Qo as ImageViewer,
+  Ho as ImageViewerGroup,
+  Wo as ImageViewerImage,
+  jr as Input,
+  Kr as InputOTP,
+  bt as Item,
+  pr as Label,
+  rr as Marquee,
+  gt as Masonry,
+  It as MasonryComponent,
+  St as MasonryItem,
+  Tt as MasonryRoot,
+  W as Pagination,
+  Re as Panel,
+  D as Popover,
+  E as QRCode,
+  L as QrCode,
+  Yr as Radio,
+  Ue as RangePicker,
+  ce as Rate,
+  Me as Resizable,
+  yo as ResizableHandle,
+  Do as ResizablePanel,
+  ho as ResizablePanelGroup,
+  Ge as ResizableWrapper,
+  kt as RollingText,
+  Ct as Root,
+  Mt as RotatingText,
+  $r as ScrollArea,
+  ee as Select,
+  te as Separator,
+  pe as Sheet,
+  vt as ShimmeringText,
+  Ke as Sidebar,
+  Xe as SidebarContent,
+  Ye as SidebarFooter,
+  Ze as SidebarGroup,
+  $e as SidebarGroupAction,
+  ro as SidebarGroupContent,
+  eo as SidebarGroupLabel,
+  oo as SidebarHeader,
+  to as SidebarInput,
+  ao as SidebarInset,
+  po as SidebarMenu,
+  mo as SidebarMenuAction,
+  fo as SidebarMenuBadge,
+  io as SidebarMenuButton,
+  xo as SidebarMenuItem,
+  uo as SidebarMenuSkeleton,
+  lo as SidebarMenuSub,
+  so as SidebarMenuSubButton,
+  no as SidebarMenuSubItem,
+  bo as SidebarProvider,
+  So as SidebarRail,
+  To as SidebarSeparator,
+  Co as SidebarTrigger,
+  fe as Skeleton,
+  xe as Slider,
+  Dt as SplittingText,
+  Q as Stepper,
+  le as Switch,
+  lt as TRANSITION_PRESETS,
+  Fe as Table,
+  se as Tabs,
+  zt as TextGenerateEffect,
+  Et as TextHoverEffect,
+  ye as TextPressure,
+  be as Textarea,
+  X as TimeGridView,
+  je as TimePicker,
+  go as Toast,
+  Io as Toaster,
+  Te as Toggle,
+  Go as Tooltip,
+  z as Tour,
+  xr as TreeSelect,
+  he as TypingText,
+  Bo as Upload,
+  Z as WheelColumn,
+  Ot as WritingText,
+  ot as base64ToBlob,
+  tt as base64ToFile,
+  fr as cn,
+  at as downloadImage,
+  pt as getCroppedImg,
+  mt as rotateSize,
+  Ro as toast,
+  sr as useCallbackRef,
+  Yo as useCropper,
+  rt as useCropperTool,
+  dt as useCursor,
+  st as useCursorFollow,
+  Tr as useDebounceValue,
+  br as useDebouncedCallback,
+  wr as useEventListener,
+  cr as useIntersectionObserver,
+  kr as useMediaQuery,
+  Pr as useOnClickOutside,
+  Ao as useQRCode,
+  Ir as useScript,
+  Mr as useScrollLock,
+  lr as useSidebar,
+  Vo as useStepper
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/packages/ui/src/components/button-group.js

@@ -1,9 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import "@radix-ui/react-slot";
-import { cva as n } from "class-variance-authority";
-import { cn as e } from "../lib/utils.js";
-import "@radix-ui/react-separator";
-const a = n(
+import { jsx as e } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+import { cn as n } from "../lib/utils.js";
+import { Separator as s } from "./separator.js";
+const l = i(
   "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
   {
     variants: {
@@ -17,24 +17,60 @@ const a = n(
     }
   }
 );
-function f({
+function h({
   className: o,
   orientation: t,
   ...r
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ e(
     "div",
     {
       role: "group",
       "data-slot": "button-group",
       "data-orientation": t,
-      className: e(a({ orientation: t }), o),
+      className: n(l({ orientation: t }), o),
+      ...r
+    }
+  );
+}
+function g({
+  className: o,
+  asChild: t = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    t ? a : "div",
+    {
+      className: n(
+        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        o
+      ),
+      ...r
+    }
+  );
+}
+function v({
+  className: o,
+  orientation: t = "vertical",
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      "data-slot": "button-group-separator",
+      orientation: t,
+      className: n(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        o
+      ),
       ...r
     }
   );
 }
 export {
-  f as ButtonGroup,
-  a as buttonGroupVariants
+  h as ButtonGroup,
+  v as ButtonGroupSeparator,
+  g as ButtonGroupText,
+  l as buttonGroupVariants
 };
 //# sourceMappingURL=button-group.js.map

package/dist/esm/packages/ui/src/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sources":["../../../../../../../../packages/ui/src/components/button-group.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Separator } from \"@dsui/ui/components/separator\";\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn"],"mappings":";;;;;AAMA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"button-group.js","sources":["../../../../../../../../packages/ui/src/components/button-group.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Separator } from \"@dsui/ui/components/separator\";\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n);\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;AAMA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,GAAGJ;AACL,GAEG;AAGD,SACE,gBAAAC;AAAA,IAHWG,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAqB;AAAA,EAC5B,WAAAR;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA2C;AACzC,SACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAAR;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/packages/ui/src/components/calendar.js

@@ -3,7 +3,7 @@ import * as x from "react";
 import { ChevronLeftIcon as y, ChevronRightIcon as w, ChevronDownIcon as k } from "lucide-react";
 import { getDefaultClassNames as v, DayPicker as z } from "react-day-picker";
 import { cn as e } from "../lib/utils.js";
-import { buttonVariants as _, Button as B } from "./button.js";
+import { Button as B, buttonVariants as _ } from "./button.js";
 function j({
   className: u,
   classNames: l,

package/dist/types/components/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Button, type ButtonProps } from "./Button";
-export { default as ButtonGroup, type ButtonGroupProps } from "./ButtonGroup";
+export { default as ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupProps, } from "./ButtonGroup";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,oBAAoB,EACpB,eAAe,EACf,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC"}

package/dist/types/components/Calendar/index.d.ts

@@ -1,3 +1,3 @@
-export { Calendar } from "./Calendar";
+export { Calendar, CalendarDayButton } from "./Calendar";
 export type * from "./Calendar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,mBAAmB,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,mBAAmB,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sth87/shadcn-design-system",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "type": "module",
   "description": "A modern React design system base on Shadcn UI and Tailwind CSS.",
   "author": "Sonth87 <sonth87@gmail.com>",