dgz-ui 1.4.7 → 1.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/dist/breadcrumb/index.cjs.js +1 -1
  2. package/dist/breadcrumb/index.es.js +1 -1
  3. package/dist/calendar/index.cjs.js +1 -1
  4. package/dist/calendar/index.es.js +1 -1
  5. package/dist/carousel/index.cjs.js +3 -3
  6. package/dist/carousel/index.cjs.js.map +1 -1
  7. package/dist/carousel/index.es.js +341 -340
  8. package/dist/carousel/index.es.js.map +1 -1
  9. package/dist/chunks/alert-dialog-CI_hZyxN.es.js.map +1 -1
  10. package/dist/chunks/alert-dialog-CYT3LDhH.cjs.js.map +1 -1
  11. package/dist/chunks/breadcrumb-BtO0mD2u.es.js +82 -0
  12. package/dist/chunks/breadcrumb-BtO0mD2u.es.js.map +1 -0
  13. package/dist/chunks/breadcrumb-DKVYizoh.cjs.js +2 -0
  14. package/dist/chunks/breadcrumb-DKVYizoh.cjs.js.map +1 -0
  15. package/dist/chunks/card-B87RYuvO.es.js.map +1 -1
  16. package/dist/chunks/card-Dokrjefn.cjs.js.map +1 -1
  17. package/dist/chunks/collapsible-CBOSWBKB.cjs.js.map +1 -1
  18. package/dist/chunks/collapsible-Ddd6kxXS.es.js.map +1 -1
  19. package/dist/chunks/dialog-Cb_DS5IV.es.js +105 -0
  20. package/dist/chunks/dialog-Cb_DS5IV.es.js.map +1 -0
  21. package/dist/chunks/dialog-pRz31cHo.cjs.js +2 -0
  22. package/dist/chunks/dialog-pRz31cHo.cjs.js.map +1 -0
  23. package/dist/chunks/dropdown-menu-BNURsvIJ.cjs.js.map +1 -1
  24. package/dist/chunks/dropdown-menu-CJTcrFP2.es.js.map +1 -1
  25. package/dist/chunks/pagination-CJiUbpUN.cjs.js +2 -0
  26. package/dist/chunks/pagination-CJiUbpUN.cjs.js.map +1 -0
  27. package/dist/chunks/pagination-aJ9Z0Ux9.es.js +113 -0
  28. package/dist/chunks/pagination-aJ9Z0Ux9.es.js.map +1 -0
  29. package/dist/chunks/popover-ChtTV2vy.es.js.map +1 -1
  30. package/dist/chunks/popover-cRDGBSyg.cjs.js.map +1 -1
  31. package/dist/chunks/scroll-area-sLp4wPce.cjs.js.map +1 -1
  32. package/dist/chunks/scroll-area-x2hiTYmL.es.js.map +1 -1
  33. package/dist/chunks/separator-DndNTVv8.es.js.map +1 -1
  34. package/dist/chunks/separator-uzP1VAwc.cjs.js.map +1 -1
  35. package/dist/chunks/sheet-BXSDa9XT.cjs.js +2 -0
  36. package/dist/chunks/sheet-BXSDa9XT.cjs.js.map +1 -0
  37. package/dist/chunks/{sheet-to_YuZ1x.es.js → sheet-hwgCcvpv.es.js} +35 -33
  38. package/dist/chunks/sheet-hwgCcvpv.es.js.map +1 -0
  39. package/dist/chunks/skeleton-DV_2OytH.es.js.map +1 -1
  40. package/dist/chunks/skeleton-ZHnXbbz7.cjs.js.map +1 -1
  41. package/dist/chunks/table-C-g7CjMt.cjs.js.map +1 -1
  42. package/dist/chunks/table-QbNlEa1M.es.js.map +1 -1
  43. package/dist/chunks/tabs-BNEY7wMF.cjs.js.map +1 -1
  44. package/dist/chunks/tabs-DUuliV4A.es.js.map +1 -1
  45. package/dist/chunks/textarea-C2I19p_j.cjs.js.map +1 -1
  46. package/dist/chunks/textarea-D9gE4ALW.es.js.map +1 -1
  47. package/dist/chunks/{timepicker-tBjjq8Ap.es.js → timepicker-BdDhd6Ax.es.js} +99 -99
  48. package/dist/chunks/{timepicker-tBjjq8Ap.es.js.map → timepicker-BdDhd6Ax.es.js.map} +1 -1
  49. package/dist/chunks/{timepicker-Ba47st2A.cjs.js → timepicker-C67I2BIy.cjs.js} +3 -3
  50. package/dist/chunks/{timepicker-Ba47st2A.cjs.js.map → timepicker-C67I2BIy.cjs.js.map} +1 -1
  51. package/dist/chunks/tooltip-DD-snel0.cjs.js.map +1 -1
  52. package/dist/chunks/tooltip-DHg9332v.es.js.map +1 -1
  53. package/dist/dialog/index.cjs.js +1 -1
  54. package/dist/dialog/index.es.js +1 -1
  55. package/dist/index.cjs.js +1 -1
  56. package/dist/index.es.js +5 -5
  57. package/dist/pagination/index.cjs.js +1 -1
  58. package/dist/pagination/index.es.js +1 -1
  59. package/dist/progress/index.cjs.js.map +1 -1
  60. package/dist/progress/index.es.js.map +1 -1
  61. package/dist/sheet/index.cjs.js +1 -1
  62. package/dist/sheet/index.es.js +1 -1
  63. package/dist/styles.css +1 -1
  64. package/dist/types/stories/Button.d.ts +15 -0
  65. package/dist/types/stories/Button.d.ts.map +1 -0
  66. package/dist/types/stories/Button.stories.d.ts +24 -0
  67. package/dist/types/stories/Button.stories.d.ts.map +1 -0
  68. package/dist/types/stories/Header.d.ts +12 -0
  69. package/dist/types/stories/Header.d.ts.map +1 -0
  70. package/dist/types/stories/Header.stories.d.ts +19 -0
  71. package/dist/types/stories/Header.stories.d.ts.map +1 -0
  72. package/dist/types/stories/Page.d.ts +3 -0
  73. package/dist/types/stories/Page.d.ts.map +1 -0
  74. package/dist/types/stories/Page.stories.d.ts +13 -0
  75. package/dist/types/stories/Page.stories.d.ts.map +1 -0
  76. package/dist/types/types/element-data.type.d.ts +4 -0
  77. package/dist/types/types/element-data.type.d.ts.map +1 -1
  78. package/dist/types/ui/alert-dialog/alert-dialog.d.ts +8 -0
  79. package/dist/types/ui/alert-dialog/alert-dialog.d.ts.map +1 -1
  80. package/dist/types/ui/breadcrumb/breadcrumb.d.ts +6 -4
  81. package/dist/types/ui/breadcrumb/breadcrumb.d.ts.map +1 -1
  82. package/dist/types/ui/calendar/datepicker.d.ts +1 -1
  83. package/dist/types/ui/calendar/datepicker.d.ts.map +1 -1
  84. package/dist/types/ui/calendar/timepicker.d.ts +5 -2
  85. package/dist/types/ui/calendar/timepicker.d.ts.map +1 -1
  86. package/dist/types/ui/card/card.d.ts +8 -0
  87. package/dist/types/ui/card/card.d.ts.map +1 -1
  88. package/dist/types/ui/carousel/carousel.d.ts +53 -0
  89. package/dist/types/ui/carousel/carousel.d.ts.map +1 -1
  90. package/dist/types/ui/collapsible/collapsible.d.ts +3 -0
  91. package/dist/types/ui/collapsible/collapsible.d.ts.map +1 -1
  92. package/dist/types/ui/dialog/dialog.d.ts +19 -0
  93. package/dist/types/ui/dialog/dialog.d.ts.map +1 -1
  94. package/dist/types/ui/dropdown/dropdown-menu.d.ts +18 -0
  95. package/dist/types/ui/dropdown/dropdown-menu.d.ts.map +1 -1
  96. package/dist/types/ui/form/checkbox.d.ts +3 -1
  97. package/dist/types/ui/form/checkbox.d.ts.map +1 -1
  98. package/dist/types/ui/form/input.d.ts +13 -0
  99. package/dist/types/ui/form/input.d.ts.map +1 -1
  100. package/dist/types/ui/form/label.d.ts +1 -1
  101. package/dist/types/ui/form/radio-group.d.ts +2 -1
  102. package/dist/types/ui/form/radio-group.d.ts.map +1 -1
  103. package/dist/types/ui/form/select.d.ts +43 -0
  104. package/dist/types/ui/form/select.d.ts.map +1 -1
  105. package/dist/types/ui/form/switch.d.ts +3 -1
  106. package/dist/types/ui/form/switch.d.ts.map +1 -1
  107. package/dist/types/ui/form/textarea.d.ts +1 -0
  108. package/dist/types/ui/form/textarea.d.ts.map +1 -1
  109. package/dist/types/ui/pagination/pagination.d.ts +7 -7
  110. package/dist/types/ui/pagination/pagination.d.ts.map +1 -1
  111. package/dist/types/ui/popover/popover.d.ts +3 -1
  112. package/dist/types/ui/popover/popover.d.ts.map +1 -1
  113. package/dist/types/ui/progress/progress.d.ts +1 -1
  114. package/dist/types/ui/scroll-area/scroll-area.d.ts +2 -2
  115. package/dist/types/ui/separator/separator.d.ts +1 -1
  116. package/dist/types/ui/sheet/sheet.d.ts.map +1 -1
  117. package/dist/types/ui/skeleton/skeleton.d.ts +1 -0
  118. package/dist/types/ui/skeleton/skeleton.d.ts.map +1 -1
  119. package/dist/types/ui/tab/tabs.d.ts +3 -1
  120. package/dist/types/ui/tab/tabs.d.ts.map +1 -1
  121. package/dist/types/ui/table/table.d.ts +8 -0
  122. package/dist/types/ui/table/table.d.ts.map +1 -1
  123. package/dist/types/ui/tooltip/tooltip.d.ts +1 -0
  124. package/dist/types/ui/tooltip/tooltip.d.ts.map +1 -1
  125. package/package.json +17 -3
  126. package/dist/chunks/breadcrumb-D-Wgwp2Z.es.js +0 -78
  127. package/dist/chunks/breadcrumb-D-Wgwp2Z.es.js.map +0 -1
  128. package/dist/chunks/breadcrumb-RLwumNZG.cjs.js +0 -2
  129. package/dist/chunks/breadcrumb-RLwumNZG.cjs.js.map +0 -1
  130. package/dist/chunks/dialog-B3q0NLcE.es.js +0 -101
  131. package/dist/chunks/dialog-B3q0NLcE.es.js.map +0 -1
  132. package/dist/chunks/dialog-OejLEg29.cjs.js +0 -2
  133. package/dist/chunks/dialog-OejLEg29.cjs.js.map +0 -1
  134. package/dist/chunks/pagination-CLm98Oot.es.js +0 -103
  135. package/dist/chunks/pagination-CLm98Oot.es.js.map +0 -1
  136. package/dist/chunks/pagination-DsZd3LTv.cjs.js +0 -2
  137. package/dist/chunks/pagination-DsZd3LTv.cjs.js.map +0 -1
  138. package/dist/chunks/sheet-DvcqCxaD.cjs.js +0 -2
  139. package/dist/chunks/sheet-DvcqCxaD.cjs.js.map +0 -1
  140. package/dist/chunks/sheet-to_YuZ1x.es.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"breadcrumb-D-Wgwp2Z.es.js","sources":["../../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { RiArrowRightSLine } from '@remixicon/react';\nimport { MoreHorizontal } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Represents a single breadcrumb item used to build breadcrumb trails.\n *\n * @property {string} path - The URL or path to navigate to.\n * @property {ReactNode} name - Display label for the breadcrumb item.\n * @property {boolean} [isActive] - Marks the current page item.\n */\nexport interface BreadcrumbInterface {\n path: string;\n name: ReactNode;\n isActive?: boolean;\n}\n\n/**\n * Root breadcrumb navigation component. Provides aria-label and forwards ref to a <nav> element.\n *\n * @component\n */\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & {\n separator?: React.ReactNode;\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\n/**\n * Ordered list that lays out breadcrumb items.\n *\n * @component\n */\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn('flex flex-wrap items-center gap-1.5 break-words', className)}\n {...props}\n />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/**\n * Single breadcrumb list item container.\n *\n * @component\n */\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn('inline-flex items-center gap-1.5', className)}\n {...props}\n />\n));\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/**\n * Non-clickable breadcrumb page indicator for the current route.\n * Renders a span with aria-current=\"page\".\n *\n * @component\n */\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n));\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/**\n * Separator element displayed between breadcrumb items.\n * Defaults to a right arrow icon when no children are provided.\n */\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('text-secondary [&>svg]:size-4', className)}\n {...props}\n >\n {children ?? <RiArrowRightSLine size={20} />}\n </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\n/**\n * Ellipsis component to indicate collapsed breadcrumb items.\n */\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';\n\nexport {\n Breadcrumb,\n BreadcrumbEllipsis,\n BreadcrumbItem,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbPage","BreadcrumbSeparator","children","RiArrowRightSLine","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAwBA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAOzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,mDAAmDD,CAAS;AAAA,IACzE,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAO7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAQ7B,MAAMC,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDO,EAAe,cAAc;AAM7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAL;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,iCAAiCD,CAAS;AAAA,IACvD,GAAGJ;AAAA,IAEH,UAAAS,KAAY,gBAAAP,EAACQ,GAAA,EAAkB,MAAM,GAAA,CAAI;AAAA,EAAA;AAC5C;AAEFF,EAAoB,cAAc;AAKlC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAP;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWP,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACW,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFS,EAAmB,cAAc;"}
@@ -1,2 +0,0 @@
1
- "use strict";const s=require("react/jsx-runtime"),b=require("./index-is755vrc.cjs.js"),p=require("react"),t=require("./index-BWS4jvS6.cjs.js"),f=require("./ellipsis-FJjSjEdP.cjs.js");function x(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const c=x(p),n=c.forwardRef(({...e},r)=>s.jsx("nav",{ref:r,"aria-label":"breadcrumb",...e}));n.displayName="Breadcrumb";const l=c.forwardRef(({className:e,...r},a)=>s.jsx("ol",{ref:a,className:t.cn("flex flex-wrap items-center gap-1.5 break-words",e),...r}));l.displayName="BreadcrumbList";const d=c.forwardRef(({className:e,...r},a)=>s.jsx("li",{ref:a,className:t.cn("inline-flex items-center gap-1.5",e),...r}));d.displayName="BreadcrumbItem";const o=c.forwardRef(({className:e,...r},a)=>s.jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:t.cn("text-foreground font-normal",e),...r}));o.displayName="BreadcrumbPage";const m=({children:e,className:r,...a})=>s.jsx("li",{role:"presentation","aria-hidden":"true",className:t.cn("text-secondary [&>svg]:size-4",r),...a,children:e??s.jsx(b.r2,{size:20})});m.displayName="BreadcrumbSeparator";const u=({className:e,...r})=>s.jsxs("span",{role:"presentation","aria-hidden":"true",className:t.cn("flex h-9 w-9 items-center justify-center",e),...r,children:[s.jsx(f.Ellipsis,{className:"h-4 w-4"}),s.jsx("span",{className:"sr-only",children:"More"})]});u.displayName="BreadcrumbElipssis";exports.Breadcrumb=n;exports.BreadcrumbEllipsis=u;exports.BreadcrumbItem=d;exports.BreadcrumbList=l;exports.BreadcrumbPage=o;exports.BreadcrumbSeparator=m;
2
- //# sourceMappingURL=breadcrumb-RLwumNZG.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"breadcrumb-RLwumNZG.cjs.js","sources":["../../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { RiArrowRightSLine } from '@remixicon/react';\nimport { MoreHorizontal } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Represents a single breadcrumb item used to build breadcrumb trails.\n *\n * @property {string} path - The URL or path to navigate to.\n * @property {ReactNode} name - Display label for the breadcrumb item.\n * @property {boolean} [isActive] - Marks the current page item.\n */\nexport interface BreadcrumbInterface {\n path: string;\n name: ReactNode;\n isActive?: boolean;\n}\n\n/**\n * Root breadcrumb navigation component. Provides aria-label and forwards ref to a <nav> element.\n *\n * @component\n */\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> & {\n separator?: React.ReactNode;\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\n/**\n * Ordered list that lays out breadcrumb items.\n *\n * @component\n */\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn('flex flex-wrap items-center gap-1.5 break-words', className)}\n {...props}\n />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/**\n * Single breadcrumb list item container.\n *\n * @component\n */\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn('inline-flex items-center gap-1.5', className)}\n {...props}\n />\n));\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/**\n * Non-clickable breadcrumb page indicator for the current route.\n * Renders a span with aria-current=\"page\".\n *\n * @component\n */\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n));\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/**\n * Separator element displayed between breadcrumb items.\n * Defaults to a right arrow icon when no children are provided.\n */\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'>) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('text-secondary [&>svg]:size-4', className)}\n {...props}\n >\n {children ?? <RiArrowRightSLine size={20} />}\n </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\n/**\n * Ellipsis component to indicate collapsed breadcrumb items.\n */\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';\n\nexport {\n Breadcrumb,\n BreadcrumbEllipsis,\n BreadcrumbItem,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbPage","BreadcrumbSeparator","children","RiArrowRightSLine","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"6eAwBMA,EAAaC,EAAM,WAKvB,CAAC,CAAE,GAAGC,CAAA,EAASC,IAAQC,EAAAA,IAAC,OAAI,IAAAD,EAAU,aAAW,aAAc,GAAGD,EAAO,CAAE,EAC7EF,EAAW,YAAc,aAOzB,MAAMK,EAAiBJ,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWI,EAAAA,GAAG,kDAAmDD,CAAS,EACzE,GAAGJ,CAAA,CACN,CACD,EACDG,EAAe,YAAc,iBAO7B,MAAMG,EAAiBP,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWI,EAAAA,GAAG,mCAAoCD,CAAS,EAC1D,GAAGJ,CAAA,CACN,CACD,EACDM,EAAe,YAAc,iBAQ7B,MAAMC,EAAiBR,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWI,EAAAA,GAAG,8BAA+BD,CAAS,EACrD,GAAGJ,CAAA,CACN,CACD,EACDO,EAAe,YAAc,iBAM7B,MAAMC,EAAsB,CAAC,CAC3B,SAAAC,EACA,UAAAL,EACA,GAAGJ,CACL,IACEE,EAAAA,IAAC,KAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWG,EAAAA,GAAG,gCAAiCD,CAAS,EACvD,GAAGJ,EAEH,SAAAS,GAAYP,EAAAA,IAACQ,EAAAA,GAAA,CAAkB,KAAM,EAAA,CAAI,CAAA,CAC5C,EAEFF,EAAoB,YAAc,sBAKlC,MAAMG,EAAqB,CAAC,CAC1B,UAAAP,EACA,GAAGJ,CACL,IACEY,EAAAA,KAAC,OAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWP,EAAAA,GAAG,2CAA4CD,CAAS,EAClE,GAAGJ,EAEJ,SAAA,CAAAE,EAAAA,IAACW,EAAAA,SAAA,CAAe,UAAU,SAAA,CAAU,EACpCX,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAChC,EAEFS,EAAmB,YAAc"}
@@ -1,101 +0,0 @@
1
- import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
- import { R as u, C as d, P as x, T as y, a as n, D as r, O as c, b as m } from "./index-xl-szYFX.es.js";
3
- import * as i from "react";
4
- import { c as o } from "./index-D6dQK9i-.es.js";
5
- import { X as N } from "./x-8d8XBbXN.es.js";
6
- const j = u, O = y, D = x, P = d, f = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
7
- c,
8
- {
9
- ref: s,
10
- className: o(
11
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
12
- a
13
- ),
14
- ...e
15
- }
16
- ));
17
- f.displayName = c.displayName;
18
- const b = i.forwardRef(({ className: a, children: e, hasCloseButton: s, ...p }, g) => /* @__PURE__ */ l(D, { children: [
19
- /* @__PURE__ */ t(f, {}),
20
- /* @__PURE__ */ l(
21
- n,
22
- {
23
- ref: g,
24
- className: o(
25
- "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
26
- a
27
- ),
28
- ...p,
29
- children: [
30
- e,
31
- s && /* @__PURE__ */ l(d, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
32
- /* @__PURE__ */ t(N, { className: "size-4" }),
33
- /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
34
- ] })
35
- ]
36
- }
37
- )
38
- ] }));
39
- b.displayName = n.displayName;
40
- const h = ({
41
- className: a,
42
- ...e
43
- }) => /* @__PURE__ */ t(
44
- "div",
45
- {
46
- className: o(
47
- "flex flex-col space-y-1.5 text-center sm:text-left",
48
- a
49
- ),
50
- ...e
51
- }
52
- );
53
- h.displayName = "DialogHeader";
54
- const w = ({
55
- className: a,
56
- ...e
57
- }) => /* @__PURE__ */ t(
58
- "div",
59
- {
60
- className: o(
61
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
62
- a
63
- ),
64
- ...e
65
- }
66
- );
67
- w.displayName = "DialogFooter";
68
- const v = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
69
- m,
70
- {
71
- ref: s,
72
- className: o(
73
- "text-lg leading-none font-semibold tracking-tight",
74
- a
75
- ),
76
- ...e
77
- }
78
- ));
79
- v.displayName = m.displayName;
80
- const C = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t(
81
- r,
82
- {
83
- ref: s,
84
- className: o("text-muted-foreground text-sm", a),
85
- ...e
86
- }
87
- ));
88
- C.displayName = r.displayName;
89
- export {
90
- j as D,
91
- P as a,
92
- b,
93
- C as c,
94
- w as d,
95
- h as e,
96
- f,
97
- D as g,
98
- v as h,
99
- O as i
100
- };
101
- //# sourceMappingURL=dialog-B3q0NLcE.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog-B3q0NLcE.es.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n */\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n className\n )}\n {...props}\n />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n typeof DialogPrimitive.Content\n> & {\n hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n */\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n className\n )}\n {...props}\n >\n {children}\n {hasCloseButton && (\n <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n <X className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n */\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col space-y-1.5 text-center sm:text-left',\n className\n )}\n {...props}\n />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n */\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n className\n )}\n {...props}\n />\n);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n */\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n 'text-lg leading-none font-semibold tracking-tight',\n className\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n */\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\ninterface DialogContainerProps {\n triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n ElementDataType;\n contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n ElementDataType;\n closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n ElementDataType;\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAUA,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC,GAKdC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcM,EAAwB;AAWpD,MAAME,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,gBAAAC,GAAgB,GAAGP,EAAA,GAASC,wBACnDR,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAS,EAACL,GAAA,EAAc;AAAA,EACf,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAM;AAAA,QACAC,KACC,gBAAAC,EAACZ,GAAA,EAAsB,WAAU,iRAC/B,UAAA;AAAA,UAAA,gBAAAM,EAACQ,GAAA,EAAE,WAAU,SAAA,CAAS;AAAA,UACtB,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF,CACD;AACDG,EAAc,cAAcI,EAAwB;AAKpD,MAAME,IAAe,CAAC;AAAA,EACpB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAa,cAAc;AAK3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAb;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAa,cAAc;AAK3B,MAAMC,IAAcf,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACY;AAAAA,EAAA;AAAA,IACC,KAAAb;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAY,cAAcC,EAAsB;AAKhD,MAAMC,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACc;AAAAA,EAAA;AAAA,IACC,KAAAf;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAkB,cAAcC,EAA4B;"}
@@ -1,2 +0,0 @@
1
- "use strict";const s=require("react/jsx-runtime"),a=require("./index-CtCzh8NB.cjs.js"),x=require("react"),i=require("./index-BWS4jvS6.cjs.js"),D=require("./x-Ev63aQi_.cjs.js");function y(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=y(x),N=a.Root,j=a.Trigger,d=a.Portal,b=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Overlay,{ref:o,className:i.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",e),...t}));r.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:t,hasCloseButton:o,...n},p)=>s.jsxs(d,{children:[s.jsx(r,{}),s.jsxs(a.Content,{ref:p,className:i.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...n,children:[t,o&&s.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[s.jsx(D.X,{className:"size-4"}),s.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsx("div",{className:i.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const f=({className:e,...t})=>s.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="DialogFooter";const m=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Title,{ref:o,className:i.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));m.displayName=a.Title.displayName;const u=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Description,{ref:o,className:i.cn("text-muted-foreground text-sm",e),...t}));u.displayName=a.Description.displayName;exports.Dialog=N;exports.DialogClose=b;exports.DialogContent=c;exports.DialogDescription=u;exports.DialogFooter=f;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=m;exports.DialogTrigger=j;
2
- //# sourceMappingURL=dialog-OejLEg29.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog-OejLEg29.cjs.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n */\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n className\n )}\n {...props}\n />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n typeof DialogPrimitive.Content\n> & {\n hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n */\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n className\n )}\n {...props}\n >\n {children}\n {hasCloseButton && (\n <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n <X className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n */\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col space-y-1.5 text-center sm:text-left',\n className\n )}\n {...props}\n />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n */\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n className\n )}\n {...props}\n />\n);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n */\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n 'text-lg leading-none font-semibold tracking-tight',\n className\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n */\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\ninterface DialogContainerProps {\n triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n ElementDataType;\n contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n ElementDataType;\n closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n ElementDataType;\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"seAUMA,EAASC,EAAAA,KAETC,EAAgBC,EAAAA,QAEhBC,EAAeC,EAAAA,OAEfC,EAAcC,EAAAA,MAKdC,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,yJACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcM,EAAAA,QAAwB,YAWpD,MAAME,EAAgBP,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,eAAAC,EAAgB,GAAGP,CAAA,EAASC,WACnDR,EAAA,CACC,SAAA,CAAAS,EAAAA,IAACL,EAAA,EAAc,EACfW,EAAAA,KAACC,EAAAA,QAAA,CACC,IAAAR,EACA,UAAWG,EAAAA,GACT,8fACAL,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAM,EACAC,GACCC,EAAAA,KAACZ,EAAAA,MAAA,CAAsB,UAAU,gRAC/B,SAAA,CAAAM,EAAAA,IAACQ,EAAAA,EAAA,CAAE,UAAU,QAAA,CAAS,EACtBR,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CAEJ,EACF,CACD,EACDG,EAAc,YAAcI,EAAAA,QAAwB,YAKpD,MAAME,EAAe,CAAC,CACpB,UAAAZ,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,qDACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFW,EAAa,YAAc,eAK3B,MAAMC,EAAe,CAAC,CACpB,UAAAb,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,gEACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFY,EAAa,YAAc,eAK3B,MAAMC,EAAcf,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACY,EAAAA,MAAA,CACC,IAAAb,EACA,UAAWG,EAAAA,GACT,oDACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDa,EAAY,YAAcC,EAAAA,MAAsB,YAKhD,MAAMC,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACc,EAAAA,YAAA,CACC,IAAAf,EACA,UAAWG,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDe,EAAkB,YAAcC,EAAAA,YAA4B"}
@@ -1,103 +0,0 @@
1
- import { jsx as s, jsxs as l } from "react/jsx-runtime";
2
- import * as o from "react";
3
- import { c as e } from "./index-D6dQK9i-.es.js";
4
- import { b as m } from "./button-Bmtxy091.es.js";
5
- import { E as p } from "./ellipsis-9FjKj8zv.es.js";
6
- import { C as c } from "./chevron-right-BNG-Ugyb.es.js";
7
- import { C as g } from "./chevron-left-CfOUdNQ0.es.js";
8
- const f = ({ className: i, ...a }) => /* @__PURE__ */ s(
9
- "nav",
10
- {
11
- role: "navigation",
12
- "aria-label": "pagination",
13
- className: e("flex w-full justify-center", i),
14
- ...a
15
- }
16
- );
17
- f.displayName = "Pagination";
18
- const N = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ s(
19
- "ul",
20
- {
21
- ref: n,
22
- className: e("flex flex-row items-center gap-1", i),
23
- ...a
24
- }
25
- ));
26
- N.displayName = "PaginationContent";
27
- const d = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ s("li", { ref: n, className: e("", i), ...a }));
28
- d.displayName = "PaginationItem";
29
- const t = ({
30
- className: i,
31
- isActive: a,
32
- size: n = "icon",
33
- ...r
34
- }) => /* @__PURE__ */ s(
35
- "a",
36
- {
37
- "aria-current": a ? "page" : void 0,
38
- className: e(
39
- m({
40
- variant: a ? "tertiary" : "ghost",
41
- size: n
42
- }),
43
- "cursor-pointer",
44
- i
45
- ),
46
- ...r
47
- }
48
- );
49
- t.displayName = "PaginationLink";
50
- const P = ({
51
- className: i,
52
- ...a
53
- }) => /* @__PURE__ */ s(
54
- t,
55
- {
56
- "aria-label": "Go to previous page",
57
- size: "default",
58
- className: e("gap-1 px-2.5", i),
59
- ...a,
60
- children: /* @__PURE__ */ s(g, { className: "h-4 w-4" })
61
- }
62
- );
63
- P.displayName = "PaginationPrevious";
64
- const h = ({
65
- className: i,
66
- ...a
67
- }) => /* @__PURE__ */ s(
68
- t,
69
- {
70
- "aria-label": "Go to next page",
71
- size: "default",
72
- className: e("gap-1 px-2.5", i),
73
- ...a,
74
- children: /* @__PURE__ */ s(c, { className: "h-4 w-4" })
75
- }
76
- );
77
- h.displayName = "PaginationNext";
78
- const u = ({
79
- className: i,
80
- ...a
81
- }) => /* @__PURE__ */ l(
82
- "span",
83
- {
84
- "aria-hidden": !0,
85
- className: e("flex h-9 w-9 items-center justify-center", i),
86
- ...a,
87
- children: [
88
- /* @__PURE__ */ s(p, { className: "h-4 w-4" }),
89
- /* @__PURE__ */ s("span", { className: "sr-only", children: "More pages" })
90
- ]
91
- }
92
- );
93
- u.displayName = "PaginationEllipsis";
94
- export {
95
- f as P,
96
- N as a,
97
- u as b,
98
- d as c,
99
- t as d,
100
- h as e,
101
- P as f
102
- };
103
- //# sourceMappingURL=pagination-CLm98Oot.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pagination-CLm98Oot.es.js","sources":["../../src/ui/pagination/pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\nimport { type ButtonProps, buttonVariants } from '../button';\n\n/**\n * Pagination - Navigation component for paginated content.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination component.\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn('flex w-full justify-center', className)}\n {...props}\n />\n);\nPagination.displayName = 'Pagination';\n\n/**\n * PaginationContent - Wrapper list for pagination items.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination content component.\n */\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn('flex flex-row items-center gap-1', className)}\n {...props}\n />\n));\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * PaginationItem - List item wrapper.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination item component.\n */\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('', className)} {...props} />\n));\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Props for PaginationLink.\n * @property {boolean} [isActive] - Marks the current page.\n * @property {'lg'|'default'|'sm'|'xs'|'icon'} [size] - Button size forwarded to Button variants.\n */\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<ButtonProps, 'size'> &\n React.ComponentProps<'a'>;\n\n/**\n * PaginationLink - A styled anchor used as a pagination control.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination link component.\n * @param {boolean} [props.isActive] - Marks the current page.\n * @param {string} [props.size] - The size of the pagination link.\n */\nconst PaginationLink = ({\n className,\n isActive,\n size = 'icon',\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? 'tertiary' : 'ghost',\n size,\n }),\n 'cursor-pointer',\n className\n )}\n {...props}\n />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * PaginationPrevious - Button to navigate to previous page.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination previous component.\n */\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn('gap-1 px-2.5', className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </PaginationLink>\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * PaginationNext - Button to navigate to next page.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination next component.\n */\nconst PaginationNext = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn('gap-1 px-2.5', className)}\n {...props}\n >\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n);\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * PaginationEllipsis - Non-interactive indicator for collapsed pages.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination ellipsis component.\n */\nconst PaginationEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n aria-hidden\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;;;AAWA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAQzB,MAAMK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAQhC,MAAMG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,KAASK,wBACzB,MAAA,EAAG,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAoB7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,aAAa;AAAA,QACjC,MAAAC;AAAA,MAAA,CACD;AAAA,MACD;AAAA,MACAV;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAQ7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACW,GAAA,EAAY,WAAU,UAAA,CAAU;AAAA,EAAA;AACnC;AAEFD,EAAmB,cAAc;AAQjC,MAAME,IAAiB,CAAC;AAAA,EACtB,WAAAd;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACa,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,EAAA;AACpC;AAEFD,EAAe,cAAc;AAQ7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAhB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAgB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWd,EAAG,4CAA4CH,CAAS;AAAA,IAClE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAhB,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFc,EAAmB,cAAc;"}
@@ -1,2 +0,0 @@
1
- "use strict";const n=require("react/jsx-runtime"),P=require("react"),t=require("./index-BWS4jvS6.cjs.js"),d=require("./button-DLexbK7C.cjs.js"),f=require("./ellipsis-FJjSjEdP.cjs.js"),x=require("./chevron-right-BxyusM7v.cjs.js"),N=require("./chevron-left-B_pqqZqr.cjs.js");function j(a){if(a&&a.__esModule)return a;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const i in a)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(a,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>a[i]})}}return e.default=a,Object.freeze(e)}const r=j(P),l=({className:a,...e})=>n.jsx("nav",{role:"navigation","aria-label":"pagination",className:t.cn("flex w-full justify-center",a),...e});l.displayName="Pagination";const c=r.forwardRef(({className:a,...e},i)=>n.jsx("ul",{ref:i,className:t.cn("flex flex-row items-center gap-1",a),...e}));c.displayName="PaginationContent";const g=r.forwardRef(({className:a,...e},i)=>n.jsx("li",{ref:i,className:t.cn("",a),...e}));g.displayName="PaginationItem";const o=({className:a,isActive:e,size:i="icon",...s})=>n.jsx("a",{"aria-current":e?"page":void 0,className:t.cn(d.buttonVariants({variant:e?"tertiary":"ghost",size:i}),"cursor-pointer",a),...s});o.displayName="PaginationLink";const u=({className:a,...e})=>n.jsx(o,{"aria-label":"Go to previous page",size:"default",className:t.cn("gap-1 px-2.5",a),...e,children:n.jsx(N.ChevronLeft,{className:"h-4 w-4"})});u.displayName="PaginationPrevious";const p=({className:a,...e})=>n.jsx(o,{"aria-label":"Go to next page",size:"default",className:t.cn("gap-1 px-2.5",a),...e,children:n.jsx(x.ChevronRight,{className:"h-4 w-4"})});p.displayName="PaginationNext";const m=({className:a,...e})=>n.jsxs("span",{"aria-hidden":!0,className:t.cn("flex h-9 w-9 items-center justify-center",a),...e,children:[n.jsx(f.Ellipsis,{className:"h-4 w-4"}),n.jsx("span",{className:"sr-only",children:"More pages"})]});m.displayName="PaginationEllipsis";exports.Pagination=l;exports.PaginationContent=c;exports.PaginationEllipsis=m;exports.PaginationItem=g;exports.PaginationLink=o;exports.PaginationNext=p;exports.PaginationPrevious=u;
2
- //# sourceMappingURL=pagination-DsZd3LTv.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pagination-DsZd3LTv.cjs.js","sources":["../../src/ui/pagination/pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\nimport { type ButtonProps, buttonVariants } from '../button';\n\n/**\n * Pagination - Navigation component for paginated content.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination component.\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn('flex w-full justify-center', className)}\n {...props}\n />\n);\nPagination.displayName = 'Pagination';\n\n/**\n * PaginationContent - Wrapper list for pagination items.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination content component.\n */\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn('flex flex-row items-center gap-1', className)}\n {...props}\n />\n));\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * PaginationItem - List item wrapper.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination item component.\n */\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('', className)} {...props} />\n));\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Props for PaginationLink.\n * @property {boolean} [isActive] - Marks the current page.\n * @property {'lg'|'default'|'sm'|'xs'|'icon'} [size] - Button size forwarded to Button variants.\n */\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<ButtonProps, 'size'> &\n React.ComponentProps<'a'>;\n\n/**\n * PaginationLink - A styled anchor used as a pagination control.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination link component.\n * @param {boolean} [props.isActive] - Marks the current page.\n * @param {string} [props.size] - The size of the pagination link.\n */\nconst PaginationLink = ({\n className,\n isActive,\n size = 'icon',\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? 'tertiary' : 'ghost',\n size,\n }),\n 'cursor-pointer',\n className\n )}\n {...props}\n />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * PaginationPrevious - Button to navigate to previous page.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination previous component.\n */\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn('gap-1 px-2.5', className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </PaginationLink>\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * PaginationNext - Button to navigate to next page.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination next component.\n */\nconst PaginationNext = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn('gap-1 px-2.5', className)}\n {...props}\n >\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n);\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * PaginationEllipsis - Non-interactive indicator for collapsed pages.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the pagination ellipsis component.\n */\nconst PaginationEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<'span'>) => (\n <span\n aria-hidden\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","jsxs","MoreHorizontal"],"mappings":"ukBAWMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAClCC,EAAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CACN,EAEFF,EAAW,YAAc,aAQzB,MAAMK,EAAoBC,EAAM,WAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAA,EAASK,IAC1BJ,EAAAA,IAAC,KAAA,CACC,IAAAI,EACA,UAAWH,EAAAA,GAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CACN,CACD,EACDG,EAAkB,YAAc,oBAQhC,MAAMG,EAAiBF,EAAM,WAG3B,CAAC,CAAE,UAAAL,EAAW,GAAGC,GAASK,UACzB,KAAA,CAAG,IAAAA,EAAU,UAAWH,EAAAA,GAAG,GAAIH,CAAS,EAAI,GAAGC,EAAO,CACxD,EACDM,EAAe,YAAc,iBAoB7B,MAAMC,EAAiB,CAAC,CACtB,UAAAR,EACA,SAAAS,EACA,KAAAC,EAAO,OACP,GAAGT,CACL,IACEC,EAAAA,IAAC,IAAA,CACC,eAAcO,EAAW,OAAS,OAClC,UAAWN,EAAAA,GACTQ,iBAAe,CACb,QAASF,EAAW,WAAa,QACjC,KAAAC,CAAA,CACD,EACD,iBACAV,CAAA,EAED,GAAGC,CAAA,CACN,EAEFO,EAAe,YAAc,iBAQ7B,MAAMI,EAAqB,CAAC,CAC1B,UAAAZ,EACA,GAAGC,CACL,IACEC,EAAAA,IAACM,EAAA,CACC,aAAW,sBACX,KAAK,UACL,UAAWL,EAAAA,GAAG,eAAgBH,CAAS,EACtC,GAAGC,EAEJ,SAAAC,EAAAA,IAACW,EAAAA,YAAA,CAAY,UAAU,SAAA,CAAU,CAAA,CACnC,EAEFD,EAAmB,YAAc,qBAQjC,MAAME,EAAiB,CAAC,CACtB,UAAAd,EACA,GAAGC,CACL,IACEC,EAAAA,IAACM,EAAA,CACC,aAAW,kBACX,KAAK,UACL,UAAWL,EAAAA,GAAG,eAAgBH,CAAS,EACtC,GAAGC,EAEJ,SAAAC,EAAAA,IAACa,EAAAA,aAAA,CAAa,UAAU,SAAA,CAAU,CAAA,CACpC,EAEFD,EAAe,YAAc,iBAQ7B,MAAME,EAAqB,CAAC,CAC1B,UAAAhB,EACA,GAAGC,CACL,IACEgB,EAAAA,KAAC,OAAA,CACC,cAAW,GACX,UAAWd,EAAAA,GAAG,2CAA4CH,CAAS,EAClE,GAAGC,EAEJ,SAAA,CAAAC,EAAAA,IAACgB,EAAAA,SAAA,CAAe,UAAU,SAAA,CAAU,EACpChB,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,YAAA,CAAU,CAAA,CAAA,CACtC,EAEFc,EAAmB,YAAc"}
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),s=require("./index-CtCzh8NB.cjs.js");require("react");const o=require("./index-BWS4jvS6.cjs.js"),i=require("./x-Ev63aQi_.cjs.js");function l({...t}){return e.jsx(s.Root,{"data-slot":"sheet",...t})}function d({...t}){return e.jsx(s.Trigger,{"data-slot":"sheet-trigger",...t})}function c({...t}){return e.jsx(s.Close,{"data-slot":"sheet-close",...t})}function u({...t}){return e.jsx(s.Portal,{"data-slot":"sheet-portal",...t})}function h({className:t,...a}){return e.jsx(s.Overlay,{"data-slot":"sheet-overlay",className:o.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",t),...a})}function f({className:t,children:a,side:n="right",...r}){return e.jsxs(u,{children:[e.jsx(h,{}),e.jsxs(s.Content,{"data-slot":"sheet-content",className:o.cn("data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",n==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",n==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",n==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",n==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[a,e.jsxs(s.Close,{className:"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800",children:[e.jsx(i.X,{className:"size-4"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function x({className:t,...a}){return e.jsx("div",{"data-slot":"sheet-header",className:o.cn("flex flex-col gap-1.5 p-4",t),...a})}function m({className:t,...a}){return e.jsx("div",{"data-slot":"sheet-footer",className:o.cn("mt-auto flex flex-col gap-2 p-4",t),...a})}function p({className:t,...a}){return e.jsx(s.Title,{"data-slot":"sheet-title",className:o.cn("font-semibold text-neutral-950 dark:text-neutral-50",t),...a})}function g({className:t,...a}){return e.jsx(s.Description,{"data-slot":"sheet-description",className:o.cn("text-sm text-neutral-500 dark:text-neutral-400",t),...a})}exports.Sheet=l;exports.SheetClose=c;exports.SheetContent=f;exports.SheetDescription=g;exports.SheetFooter=m;exports.SheetHeader=x;exports.SheetTitle=p;exports.SheetTrigger=d;
2
- //# sourceMappingURL=sheet-DvcqCxaD.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sheet-DvcqCxaD.cjs.js","sources":["../../src/ui/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Sheet - Drawer-style dialog built on Radix Dialog primitives.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Root>} props - Props for the component.\n */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/**\n * SheetTrigger - Element that opens the Sheet when interacted with.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Trigger>} props - Props for the component.\n */\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/**\n * SheetClose - Element that closes the Sheet.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Close>} props - Props for the component.\n */\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/**\n * SheetPortal - Renders sheet content in a React Portal.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Portal>} props - Props for the component.\n */\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/**\n * SheetOverlay - Full-screen overlay behind the Sheet content.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet overlay.\n */\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n className\n )}\n {...props}\n />\n );\n}\n\n/**\n * SheetContent - The sliding panel content. Configurable side.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet content.\n * @param {React.ReactNode} [props.children] - The content to be rendered inside the sheet.\n * @param {'top' | 'right' | 'bottom' | 'left'} [props.side='right'] - The side of the screen where the sheet will appear.\n */\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\n/**\n * SheetHeader - Header area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet header.\n */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-1.5 p-4', className)}\n {...props}\n />\n );\n}\n\n/**\n * SheetFooter - Footer area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet footer.\n */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n {...props}\n />\n );\n}\n\n/**\n * SheetTitle - Accessible title for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet title.\n */\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\n 'font-semibold text-neutral-950 dark:text-neutral-50',\n className\n )}\n {...props}\n />\n );\n}\n\n/**\n * SheetDescription - Additional descriptive text for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet description.\n */\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\n 'text-sm text-neutral-500 dark:text-neutral-400',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n};\n"],"names":["Sheet","props","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","SheetOverlay","className","jsx","SheetPrimitive.Overlay","cn","SheetContent","children","side","jsxs","SheetPrimitive.Content","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetPrimitive.Title","SheetDescription","SheetPrimitive.Description"],"mappings":"oLAYA,SAASA,EAAM,CAAE,GAAGC,GAA2D,CAC7E,aAAQC,EAAAA,KAAA,CAAoB,YAAU,QAAS,GAAGD,EAAO,CAC3D,CAOA,SAASE,EAAa,CACpB,GAAGF,CACL,EAAwD,CACtD,aAAQG,EAAAA,QAAA,CAAuB,YAAU,gBAAiB,GAAGH,EAAO,CACtE,CAOA,SAASI,EAAW,CAClB,GAAGJ,CACL,EAAsD,CACpD,aAAQK,EAAAA,MAAA,CAAqB,YAAU,cAAe,GAAGL,EAAO,CAClE,CAOA,SAASM,EAAY,CACnB,GAAGN,CACL,EAAuD,CACrD,aAAQO,EAAAA,OAAA,CAAsB,YAAU,eAAgB,GAAGP,EAAO,CACpE,CAQA,SAASQ,EAAa,CACpB,UAAAC,EACA,GAAGT,CACL,EAAwD,CACtD,OACEU,EAAAA,IAACC,EAAAA,QAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GACT,yJACAH,CAAA,EAED,GAAGT,CAAA,CAAA,CAGV,CAUA,SAASa,EAAa,CACpB,UAAAJ,EACA,SAAAK,EACA,KAAAC,EAAO,QACP,GAAGf,CACL,EAEG,CACD,cACGM,EAAA,CACC,SAAA,CAAAI,EAAAA,IAACF,EAAA,EAAa,EACdQ,EAAAA,KAACC,EAAAA,QAAA,CACC,YAAU,gBACV,UAAWL,EAAAA,GACT,+LACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFN,CAAA,EAED,GAAGT,EAEH,SAAA,CAAAc,EACDE,EAAAA,KAACX,EAAAA,MAAA,CAAqB,UAAU,gVAC9B,SAAA,CAAAK,EAAAA,IAACQ,EAAAA,EAAA,CAAM,UAAU,QAAA,CAAS,EAC1BR,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CACF,EACF,CAEJ,CAQA,SAASS,EAAY,CAAE,UAAAV,EAAW,GAAGT,GAAsC,CACzE,OACEU,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,4BAA6BH,CAAS,EACnD,GAAGT,CAAA,CAAA,CAGV,CAQA,SAASoB,EAAY,CAAE,UAAAX,EAAW,GAAGT,GAAsC,CACzE,OACEU,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,kCAAmCH,CAAS,EACzD,GAAGT,CAAA,CAAA,CAGV,CAQA,SAASqB,EAAW,CAClB,UAAAZ,EACA,GAAGT,CACL,EAAsD,CACpD,OACEU,EAAAA,IAACY,EAAAA,MAAA,CACC,YAAU,cACV,UAAWV,EAAAA,GACT,sDACAH,CAAA,EAED,GAAGT,CAAA,CAAA,CAGV,CAQA,SAASuB,EAAiB,CACxB,UAAAd,EACA,GAAGT,CACL,EAA4D,CAC1D,OACEU,EAAAA,IAACc,EAAAA,YAAA,CACC,YAAU,oBACV,UAAWZ,EAAAA,GACT,iDACAH,CAAA,EAED,GAAGT,CAAA,CAAA,CAGV"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sheet-to_YuZ1x.es.js","sources":["../../src/ui/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Sheet - Drawer-style dialog built on Radix Dialog primitives.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Root>} props - Props for the component.\n */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/**\n * SheetTrigger - Element that opens the Sheet when interacted with.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Trigger>} props - Props for the component.\n */\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/**\n * SheetClose - Element that closes the Sheet.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Close>} props - Props for the component.\n */\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/**\n * SheetPortal - Renders sheet content in a React Portal.\n *\n * @param {React.ComponentProps<typeof SheetPrimitive.Portal>} props - Props for the component.\n */\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/**\n * SheetOverlay - Full-screen overlay behind the Sheet content.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet overlay.\n */\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n className\n )}\n {...props}\n />\n );\n}\n\n/**\n * SheetContent - The sliding panel content. Configurable side.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet content.\n * @param {React.ReactNode} [props.children] - The content to be rendered inside the sheet.\n * @param {'top' | 'right' | 'bottom' | 'left'} [props.side='right'] - The side of the screen where the sheet will appear.\n */\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\n/**\n * SheetHeader - Header area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet header.\n */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-1.5 p-4', className)}\n {...props}\n />\n );\n}\n\n/**\n * SheetFooter - Footer area inside the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet footer.\n */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n {...props}\n />\n );\n}\n\n/**\n * SheetTitle - Accessible title for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet title.\n */\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\n 'font-semibold text-neutral-950 dark:text-neutral-50',\n className\n )}\n {...props}\n />\n );\n}\n\n/**\n * SheetDescription - Additional descriptive text for the Sheet.\n *\n * @param {object} props - The properties for the component.\n * @param {string} [props.className] - Additional classes for the sheet description.\n */\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\n 'text-sm text-neutral-500 dark:text-neutral-400',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n};\n"],"names":["Sheet","props","SheetPrimitive.Root","SheetTrigger","SheetPrimitive.Trigger","SheetClose","SheetPrimitive.Close","SheetPortal","SheetPrimitive.Portal","SheetOverlay","className","jsx","SheetPrimitive.Overlay","cn","SheetContent","children","side","jsxs","SheetPrimitive.Content","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetPrimitive.Title","SheetDescription","SheetPrimitive.Description"],"mappings":";;;;;AAYA,SAASA,EAAM,EAAE,GAAGC,KAA2D;AAC7E,2BAAQC,GAAA,EAAoB,aAAU,SAAS,GAAGD,GAAO;AAC3D;AAOA,SAASE,EAAa;AAAA,EACpB,GAAGF;AACL,GAAwD;AACtD,2BAAQG,GAAA,EAAuB,aAAU,iBAAiB,GAAGH,GAAO;AACtE;AAOA,SAASI,EAAW;AAAA,EAClB,GAAGJ;AACL,GAAsD;AACpD,2BAAQK,GAAA,EAAqB,aAAU,eAAe,GAAGL,GAAO;AAClE;AAOA,SAASM,EAAY;AAAA,EACnB,GAAGN;AACL,GAAuD;AACrD,2BAAQO,GAAA,EAAsB,aAAU,gBAAgB,GAAGP,GAAO;AACpE;AAQA,SAASQ,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,GAAGT;AACL,GAAwD;AACtD,SACE,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAUA,SAASa,EAAa;AAAA,EACpB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGf;AACL,GAEG;AACD,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAA,EAAa;AAAA,IACd,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWL;AAAA,UACT;AAAA,UACAG,MAAS,WACP;AAAA,UACFA,MAAS,UACP;AAAA,UACFA,MAAS,SACP;AAAA,UACFA,MAAS,YACP;AAAA,UACFN;AAAA,QAAA;AAAA,QAED,GAAGT;AAAA,QAEH,UAAA;AAAA,UAAAc;AAAA,UACD,gBAAAE,EAACX,GAAA,EAAqB,WAAU,iVAC9B,UAAA;AAAA,YAAA,gBAAAK,EAACQ,GAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAC1B,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAQA,SAASS,EAAY,EAAE,WAAAV,GAAW,GAAGT,KAAsC;AACzE,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,6BAA6BH,CAAS;AAAA,MACnD,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASoB,EAAY,EAAE,WAAAX,GAAW,GAAGT,KAAsC;AACzE,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,mCAAmCH,CAAS;AAAA,MACzD,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASqB,EAAW;AAAA,EAClB,WAAAZ;AAAA,EACA,GAAGT;AACL,GAAsD;AACpD,SACE,gBAAAU;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWV;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAASuB,EAAiB;AAAA,EACxB,WAAAd;AAAA,EACA,GAAGT;AACL,GAA4D;AAC1D,SACE,gBAAAU;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;"}