commerce-toolkit 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/dist/accordion-trigger-CpTcclGS.cjs +2 -0
  2. package/dist/accordion-trigger-CpTcclGS.cjs.map +1 -0
  3. package/dist/accordion-trigger-DFuN29lS.js +455 -0
  4. package/dist/accordion-trigger-DFuN29lS.js.map +1 -0
  5. package/dist/accordion.cjs +1 -1
  6. package/dist/accordion.js +7 -8
  7. package/dist/{alert-dismiss-EYWAId7r.js → alert-dismiss-B7_uKkyV.js} +2 -2
  8. package/dist/{alert-dismiss-EYWAId7r.js.map → alert-dismiss-B7_uKkyV.js.map} +1 -1
  9. package/dist/{alert-dismiss-m6lm9pLf.cjs → alert-dismiss-BO3hXWMt.cjs} +2 -2
  10. package/dist/{alert-dismiss-m6lm9pLf.cjs.map → alert-dismiss-BO3hXWMt.cjs.map} +1 -1
  11. package/dist/alert.cjs +1 -1
  12. package/dist/alert.js +1 -1
  13. package/dist/blog-post-card-author-CBXo2FqS.cjs +2 -0
  14. package/dist/blog-post-card-author-CBXo2FqS.cjs.map +1 -0
  15. package/dist/{blog-post-card-author-C1GuND4f.js → blog-post-card-author-VkGle9g8.js} +30 -24
  16. package/dist/blog-post-card-author-VkGle9g8.js.map +1 -0
  17. package/dist/blog-post-card.cjs +1 -1
  18. package/dist/blog-post-card.cjs.map +1 -1
  19. package/dist/blog-post-card.js +28 -34
  20. package/dist/blog-post-card.js.map +1 -1
  21. package/dist/button-BgvMm9T3.cjs +7 -0
  22. package/dist/button-BgvMm9T3.cjs.map +1 -0
  23. package/dist/{button-W0_PtryU.js → button-C0iR-l2_.js} +2 -2
  24. package/dist/button-C0iR-l2_.js.map +1 -0
  25. package/dist/carousel-next-C6jpZTlN.js +1480 -0
  26. package/dist/carousel-next-C6jpZTlN.js.map +1 -0
  27. package/dist/carousel-next-DEHDO98_.cjs +2 -0
  28. package/dist/{carousel-next-BGIZglEF.cjs.map → carousel-next-DEHDO98_.cjs.map} +1 -1
  29. package/dist/carousel.cjs +1 -1
  30. package/dist/carousel.js +1 -1
  31. package/dist/category-card-link-BXoWFETv.cjs +2 -0
  32. package/dist/category-card-link-BXoWFETv.cjs.map +1 -0
  33. package/dist/category-card-link-D85RfMpf.js +186 -0
  34. package/dist/category-card-link-D85RfMpf.js.map +1 -0
  35. package/dist/category-card.cjs +1 -1
  36. package/dist/category-card.cjs.map +1 -1
  37. package/dist/category-card.js +23 -27
  38. package/dist/category-card.js.map +1 -1
  39. package/dist/compare-card.cjs +1 -1
  40. package/dist/compare-card.js +2 -2
  41. package/dist/components/accordion/accordion.d.ts +1 -2
  42. package/dist/components/accordion/accordion.d.ts.map +1 -1
  43. package/dist/components/accordion/primitives/accordion-chevron.d.ts.map +1 -1
  44. package/dist/components/accordion/primitives/accordion-content-area.d.ts.map +1 -1
  45. package/dist/components/accordion/primitives/accordion-item.d.ts.map +1 -1
  46. package/dist/components/accordion/primitives/accordion-root.d.ts +2 -10
  47. package/dist/components/accordion/primitives/accordion-root.d.ts.map +1 -1
  48. package/dist/components/accordion/primitives/accordion-title.d.ts.map +1 -1
  49. package/dist/components/accordion/primitives.d.ts +1 -1
  50. package/dist/components/accordion/primitives.d.ts.map +1 -1
  51. package/dist/components/blog-post-card/blog-post-card.d.ts +2 -1
  52. package/dist/components/blog-post-card/blog-post-card.d.ts.map +1 -1
  53. package/dist/components/blog-post-card/primitives/blog-post-card-root.d.ts +2 -1
  54. package/dist/components/blog-post-card/primitives/blog-post-card-root.d.ts.map +1 -1
  55. package/dist/components/blog-post-card/primitives/blog-post-card-skeleton.d.ts +2 -4
  56. package/dist/components/blog-post-card/primitives/blog-post-card-skeleton.d.ts.map +1 -1
  57. package/dist/components/blog-post-card/primitives/blog-post-card-thumbnail.d.ts.map +1 -1
  58. package/dist/components/calendar/calendar.d.ts +13 -24
  59. package/dist/components/calendar/calendar.d.ts.map +1 -1
  60. package/dist/components/carousel/primitives/carousel-controls.d.ts.map +1 -1
  61. package/dist/components/carousel/primitives/carousel-root.d.ts +1 -3
  62. package/dist/components/carousel/primitives/carousel-root.d.ts.map +1 -1
  63. package/dist/components/carousel/primitives/carousel-scrollbar.d.ts.map +1 -1
  64. package/dist/components/category-card/category-card.d.ts +2 -4
  65. package/dist/components/category-card/category-card.d.ts.map +1 -1
  66. package/dist/components/category-card/primitives/category-card-fallback.d.ts.map +1 -1
  67. package/dist/components/category-card/primitives/category-card-icon.d.ts.map +1 -1
  68. package/dist/components/category-card/primitives/category-card-image.d.ts.map +1 -1
  69. package/dist/components/category-card/primitives/category-card-link.d.ts.map +1 -1
  70. package/dist/components/category-card/primitives/category-card-overlay.d.ts.map +1 -1
  71. package/dist/components/category-card/primitives/category-card-root.d.ts +2 -14
  72. package/dist/components/category-card/primitives/category-card-root.d.ts.map +1 -1
  73. package/dist/components/category-card/primitives/category-card-skeleton.d.ts.map +1 -1
  74. package/dist/components/category-card/primitives/category-card-thumbnail.d.ts.map +1 -1
  75. package/dist/components/category-card/primitives/category-card-title.d.ts.map +1 -1
  76. package/dist/components/category-card/primitives.d.ts +1 -1
  77. package/dist/components/category-card/primitives.d.ts.map +1 -1
  78. package/dist/components/price/price.d.ts +1 -1
  79. package/dist/components/price/price.d.ts.map +1 -1
  80. package/dist/components/price/primitives/price-root.d.ts +2 -4
  81. package/dist/components/price/primitives/price-root.d.ts.map +1 -1
  82. package/dist/components/product-card/primitives/product-card-checkbox.d.ts.map +1 -1
  83. package/dist/components/product-card/primitives/product-card-fallback.d.ts.map +1 -1
  84. package/dist/components/product-card/primitives/product-card-image.d.ts.map +1 -1
  85. package/dist/components/product-card/primitives/product-card-label.d.ts.map +1 -1
  86. package/dist/components/product-card/primitives/product-card-link.d.ts.map +1 -1
  87. package/dist/components/product-card/primitives/product-card-price.d.ts.map +1 -1
  88. package/dist/components/product-card/primitives/product-card-root.d.ts +2 -10
  89. package/dist/components/product-card/primitives/product-card-root.d.ts.map +1 -1
  90. package/dist/components/product-card/primitives/product-card-skeleton.d.ts.map +1 -1
  91. package/dist/components/product-card/primitives/product-card-subtitle.d.ts.map +1 -1
  92. package/dist/components/product-card/primitives/product-card-thumbnail.d.ts.map +1 -1
  93. package/dist/components/product-card/primitives/product-card-title.d.ts.map +1 -1
  94. package/dist/components/product-card/primitives.d.ts +1 -1
  95. package/dist/components/product-card/primitives.d.ts.map +1 -1
  96. package/dist/components/product-card/product-card.d.ts +2 -3
  97. package/dist/components/product-card/product-card.d.ts.map +1 -1
  98. package/dist/components/range-input/range-input.d.ts +0 -1
  99. package/dist/components/range-input/range-input.d.ts.map +1 -1
  100. package/dist/{dropdown-menu-node-CAwgTGIA.cjs → dropdown-menu-node-BDXDWc1l.cjs} +3 -3
  101. package/dist/{dropdown-menu-node-CAwgTGIA.cjs.map → dropdown-menu-node-BDXDWc1l.cjs.map} +1 -1
  102. package/dist/{dropdown-menu-node-x6qIrxA6.js → dropdown-menu-node-OJHgOERz.js} +2 -1
  103. package/dist/{dropdown-menu-node-x6qIrxA6.js.map → dropdown-menu-node-OJHgOERz.js.map} +1 -1
  104. package/dist/dropdown-menu.cjs +1 -1
  105. package/dist/dropdown-menu.js +1 -1
  106. package/dist/file-input.cjs +1 -1
  107. package/dist/file-input.js +1 -1
  108. package/dist/index.cjs +12 -7
  109. package/dist/index.cjs.map +1 -1
  110. package/dist/index.js +1525 -1417
  111. package/dist/index.js.map +1 -1
  112. package/dist/{price-strike-Ciakdz8c.js → price-strike-D9Pzzzkr.js} +9 -18
  113. package/dist/price-strike-D9Pzzzkr.js.map +1 -0
  114. package/dist/price-strike-DqOP577f.cjs +2 -0
  115. package/dist/price-strike-DqOP577f.cjs.map +1 -0
  116. package/dist/price.cjs +1 -1
  117. package/dist/price.js +1 -1
  118. package/dist/product-card-label-CP4yzMhB.js +244 -0
  119. package/dist/product-card-label-CP4yzMhB.js.map +1 -0
  120. package/dist/product-card-label-DHKOJFTo.cjs +2 -0
  121. package/dist/product-card-label-DHKOJFTo.cjs.map +1 -0
  122. package/dist/product-card-root-BnBOoYFY.js +27 -0
  123. package/dist/product-card-root-BnBOoYFY.js.map +1 -0
  124. package/dist/product-card-root-DNqlSx52.cjs +2 -0
  125. package/dist/product-card-root-DNqlSx52.cjs.map +1 -0
  126. package/dist/product-card-skeleton-BgN1OCwY.cjs +2 -0
  127. package/dist/product-card-skeleton-BgN1OCwY.cjs.map +1 -0
  128. package/dist/product-card-skeleton-C-xXJrKi.js +29 -0
  129. package/dist/product-card-skeleton-C-xXJrKi.js.map +1 -0
  130. package/dist/product-card.cjs +1 -1
  131. package/dist/product-card.js +19 -20
  132. package/dist/{reveal-trigger-ScuufoFq.js → reveal-trigger-DT_deyzM.js} +2 -2
  133. package/dist/{reveal-trigger-ScuufoFq.js.map → reveal-trigger-DT_deyzM.js.map} +1 -1
  134. package/dist/{reveal-trigger-CCTnO9e2.cjs → reveal-trigger-ntEvLci1.cjs} +2 -2
  135. package/dist/{reveal-trigger-CCTnO9e2.cjs.map → reveal-trigger-ntEvLci1.cjs.map} +1 -1
  136. package/dist/reveal.cjs +1 -1
  137. package/dist/reveal.js +1 -1
  138. package/package.json +1 -1
  139. package/dist/accordion-trigger-Bj1Laf6l.cjs +0 -2
  140. package/dist/accordion-trigger-Bj1Laf6l.cjs.map +0 -1
  141. package/dist/accordion-trigger-Cdkd0tWD.js +0 -494
  142. package/dist/accordion-trigger-Cdkd0tWD.js.map +0 -1
  143. package/dist/blog-post-card-author-B55DKFff.cjs +0 -2
  144. package/dist/blog-post-card-author-B55DKFff.cjs.map +0 -1
  145. package/dist/blog-post-card-author-C1GuND4f.js.map +0 -1
  146. package/dist/button-W0_PtryU.js.map +0 -1
  147. package/dist/button-ibzOCImJ.cjs +0 -7
  148. package/dist/button-ibzOCImJ.cjs.map +0 -1
  149. package/dist/carousel-next-BGIZglEF.cjs +0 -2
  150. package/dist/carousel-next-BzKOs3K-.js +0 -1495
  151. package/dist/carousel-next-BzKOs3K-.js.map +0 -1
  152. package/dist/category-card-link-BSmQDScF.cjs +0 -2
  153. package/dist/category-card-link-BSmQDScF.cjs.map +0 -1
  154. package/dist/category-card-link-mgtggmo_.js +0 -211
  155. package/dist/category-card-link-mgtggmo_.js.map +0 -1
  156. package/dist/chevron-down-BDpc8q6H.cjs +0 -7
  157. package/dist/chevron-down-BDpc8q6H.cjs.map +0 -1
  158. package/dist/chevron-down-CjW8zgR8.js +0 -13
  159. package/dist/chevron-down-CjW8zgR8.js.map +0 -1
  160. package/dist/price-strike-BTE4S5Na.cjs +0 -2
  161. package/dist/price-strike-BTE4S5Na.cjs.map +0 -1
  162. package/dist/price-strike-Ciakdz8c.js.map +0 -1
  163. package/dist/product-card-label-BQeJxNcX.cjs +0 -2
  164. package/dist/product-card-label-BQeJxNcX.cjs.map +0 -1
  165. package/dist/product-card-label-C6D-fYjj.js +0 -285
  166. package/dist/product-card-label-C6D-fYjj.js.map +0 -1
  167. package/dist/product-card-root-BGUa-vQ_.js +0 -43
  168. package/dist/product-card-root-BGUa-vQ_.js.map +0 -1
  169. package/dist/product-card-root-Q5lwSPd8.cjs +0 -2
  170. package/dist/product-card-root-Q5lwSPd8.cjs.map +0 -1
  171. package/dist/product-card-skeleton-B8DGleVJ.js +0 -33
  172. package/dist/product-card-skeleton-B8DGleVJ.js.map +0 -1
  173. package/dist/product-card-skeleton-CCbWpq16.cjs +0 -2
  174. package/dist/product-card-skeleton-CCbWpq16.cjs.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion-trigger-DFuN29lS.js","sources":["../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@_5wh3wn4mb6wukeaw22ryera4jq/node_modules/@radix-ui/react-collapsible/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-accordion@1.2.12_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19_ypscna4y3y4no7anhyuspcgzt4/node_modules/@radix-ui/react-accordion/dist/index.mjs","../src/components/accordion/primitives/accordion-item.tsx","../src/components/accordion/primitives/accordion-root.tsx","../src/components/accordion/primitives/accordion-content.tsx","../src/components/accordion/primitives/accordion-content-area.tsx","../src/components/accordion/primitives/accordion-header.tsx","../src/components/accordion/primitives/accordion-title.tsx","../src/components/accordion/primitives/accordion-chevron.tsx","../src/components/accordion/primitives/accordion-trigger.tsx"],"sourcesContent":["\"use client\";\n\n// src/collapsible.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar COLLAPSIBLE_NAME = \"Collapsible\";\nvar [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);\nvar [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);\nvar Collapsible = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeCollapsible,\n open: openProp,\n defaultOpen,\n disabled,\n onOpenChange,\n ...collapsibleProps\n } = props;\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen ?? false,\n onChange: onOpenChange,\n caller: COLLAPSIBLE_NAME\n });\n return /* @__PURE__ */ jsx(\n CollapsibleProvider,\n {\n scope: __scopeCollapsible,\n disabled,\n contentId: useId(),\n open,\n onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-state\": getState(open),\n \"data-disabled\": disabled ? \"\" : void 0,\n ...collapsibleProps,\n ref: forwardedRef\n }\n )\n }\n );\n }\n);\nCollapsible.displayName = COLLAPSIBLE_NAME;\nvar TRIGGER_NAME = \"CollapsibleTrigger\";\nvar CollapsibleTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeCollapsible, ...triggerProps } = props;\n const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);\n return /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n \"aria-controls\": context.contentId,\n \"aria-expanded\": context.open || false,\n \"data-state\": getState(context.open),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n disabled: context.disabled,\n ...triggerProps,\n ref: forwardedRef,\n onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n }\n );\n }\n);\nCollapsibleTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"CollapsibleContent\";\nvar CollapsibleContent = React.forwardRef(\n (props, forwardedRef) => {\n const { forceMount, ...contentProps } = props;\n const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);\n return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });\n }\n);\nCollapsibleContent.displayName = CONTENT_NAME;\nvar CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {\n const { __scopeCollapsible, present, children, ...contentProps } = props;\n const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);\n const [isPresent, setIsPresent] = React.useState(present);\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const heightRef = React.useRef(0);\n const height = heightRef.current;\n const widthRef = React.useRef(0);\n const width = widthRef.current;\n const isOpen = context.open || isPresent;\n const isMountAnimationPreventedRef = React.useRef(isOpen);\n const originalStylesRef = React.useRef(void 0);\n React.useEffect(() => {\n const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n return () => cancelAnimationFrame(rAF);\n }, []);\n useLayoutEffect(() => {\n const node = ref.current;\n if (node) {\n originalStylesRef.current = originalStylesRef.current || {\n transitionDuration: node.style.transitionDuration,\n animationName: node.style.animationName\n };\n node.style.transitionDuration = \"0s\";\n node.style.animationName = \"none\";\n const rect = node.getBoundingClientRect();\n heightRef.current = rect.height;\n widthRef.current = rect.width;\n if (!isMountAnimationPreventedRef.current) {\n node.style.transitionDuration = originalStylesRef.current.transitionDuration;\n node.style.animationName = originalStylesRef.current.animationName;\n }\n setIsPresent(present);\n }\n }, [context.open, present]);\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-state\": getState(context.open),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n id: context.contentId,\n hidden: !isOpen,\n ...contentProps,\n ref: composedRefs,\n style: {\n [`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,\n [`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,\n ...props.style\n },\n children: isOpen && children\n }\n );\n});\nfunction getState(open) {\n return open ? \"open\" : \"closed\";\n}\nvar Root = Collapsible;\nvar Trigger = CollapsibleTrigger;\nvar Content = CollapsibleContent;\nexport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n Content,\n Root,\n Trigger,\n createCollapsibleScope\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/accordion.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport { createCollapsibleScope } from \"@radix-ui/react-collapsible\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar ACCORDION_NAME = \"Accordion\";\nvar ACCORDION_KEYS = [\"Home\", \"End\", \"ArrowDown\", \"ArrowUp\", \"ArrowLeft\", \"ArrowRight\"];\nvar [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);\nvar [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n createCollectionScope,\n createCollapsibleScope\n]);\nvar useCollapsibleScope = createCollapsibleScope();\nvar Accordion = React.forwardRef(\n (props, forwardedRef) => {\n const { type, ...accordionProps } = props;\n const singleProps = accordionProps;\n const multipleProps = accordionProps;\n return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === \"multiple\" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });\n }\n);\nAccordion.displayName = ACCORDION_NAME;\nvar [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);\nvar [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n ACCORDION_NAME,\n { collapsible: false }\n);\nvar AccordionImplSingle = React.forwardRef(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n collapsible = false,\n ...accordionSingleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? \"\",\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value: React.useMemo(() => value ? [value] : [], [value]),\n onItemOpen: setValue,\n onItemClose: React.useCallback(() => collapsible && setValue(\"\"), [collapsible, setValue]),\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })\n }\n );\n }\n);\nvar AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n ...accordionMultipleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? [],\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n const handleItemOpen = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n const handleItemClose = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n [setValue]\n );\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value,\n onItemOpen: handleItemOpen,\n onItemClose: handleItemClose,\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })\n }\n );\n});\nvar [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);\nvar AccordionImpl = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, disabled, dir, orientation = \"vertical\", ...accordionProps } = props;\n const accordionRef = React.useRef(null);\n const composedRefs = useComposedRefs(accordionRef, forwardedRef);\n const getItems = useCollection(__scopeAccordion);\n const direction = useDirection(dir);\n const isDirectionLTR = direction === \"ltr\";\n const handleKeyDown = composeEventHandlers(props.onKeyDown, (event) => {\n if (!ACCORDION_KEYS.includes(event.key)) return;\n const target = event.target;\n const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);\n const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);\n const triggerCount = triggerCollection.length;\n if (triggerIndex === -1) return;\n event.preventDefault();\n let nextIndex = triggerIndex;\n const homeIndex = 0;\n const endIndex = triggerCount - 1;\n const moveNext = () => {\n nextIndex = triggerIndex + 1;\n if (nextIndex > endIndex) {\n nextIndex = homeIndex;\n }\n };\n const movePrev = () => {\n nextIndex = triggerIndex - 1;\n if (nextIndex < homeIndex) {\n nextIndex = endIndex;\n }\n };\n switch (event.key) {\n case \"Home\":\n nextIndex = homeIndex;\n break;\n case \"End\":\n nextIndex = endIndex;\n break;\n case \"ArrowRight\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n moveNext();\n } else {\n movePrev();\n }\n }\n break;\n case \"ArrowDown\":\n if (orientation === \"vertical\") {\n moveNext();\n }\n break;\n case \"ArrowLeft\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n movePrev();\n } else {\n moveNext();\n }\n }\n break;\n case \"ArrowUp\":\n if (orientation === \"vertical\") {\n movePrev();\n }\n break;\n }\n const clampedIndex = nextIndex % triggerCount;\n triggerCollection[clampedIndex].ref.current?.focus();\n });\n return /* @__PURE__ */ jsx(\n AccordionImplProvider,\n {\n scope: __scopeAccordion,\n disabled,\n direction: dir,\n orientation,\n children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...accordionProps,\n \"data-orientation\": orientation,\n ref: composedRefs,\n onKeyDown: disabled ? void 0 : handleKeyDown\n }\n ) })\n }\n );\n }\n);\nvar ITEM_NAME = \"AccordionItem\";\nvar [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);\nvar AccordionItem = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, value, ...accordionItemProps } = props;\n const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);\n const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n const triggerId = useId();\n const open = value && valueContext.value.includes(value) || false;\n const disabled = accordionContext.disabled || props.disabled;\n return /* @__PURE__ */ jsx(\n AccordionItemProvider,\n {\n scope: __scopeAccordion,\n open,\n disabled,\n triggerId,\n children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Root,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(open),\n ...collapsibleScope,\n ...accordionItemProps,\n ref: forwardedRef,\n disabled,\n open,\n onOpenChange: (open2) => {\n if (open2) {\n valueContext.onItemOpen(value);\n } else {\n valueContext.onItemClose(value);\n }\n }\n }\n )\n }\n );\n }\n);\nAccordionItem.displayName = ITEM_NAME;\nvar HEADER_NAME = \"AccordionHeader\";\nvar AccordionHeader = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...headerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);\n return /* @__PURE__ */ jsx(\n Primitive.h3,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(itemContext.open),\n \"data-disabled\": itemContext.disabled ? \"\" : void 0,\n ...headerProps,\n ref: forwardedRef\n }\n );\n }\n);\nAccordionHeader.displayName = HEADER_NAME;\nvar TRIGGER_NAME = \"AccordionTrigger\";\nvar AccordionTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...triggerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Trigger,\n {\n \"aria-disabled\": itemContext.open && !collapsibleContext.collapsible || void 0,\n \"data-orientation\": accordionContext.orientation,\n id: itemContext.triggerId,\n ...collapsibleScope,\n ...triggerProps,\n ref: forwardedRef\n }\n ) });\n }\n);\nAccordionTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"AccordionContent\";\nvar AccordionContent = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...contentProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Content,\n {\n role: \"region\",\n \"aria-labelledby\": itemContext.triggerId,\n \"data-orientation\": accordionContext.orientation,\n ...collapsibleScope,\n ...contentProps,\n ref: forwardedRef,\n style: {\n [\"--radix-accordion-content-height\"]: \"var(--radix-collapsible-content-height)\",\n [\"--radix-accordion-content-width\"]: \"var(--radix-collapsible-content-width)\",\n ...props.style\n }\n }\n );\n }\n);\nAccordionContent.displayName = CONTENT_NAME;\nfunction getState(open) {\n return open ? \"open\" : \"closed\";\n}\nvar Root2 = Accordion;\nvar Item = AccordionItem;\nvar Header = AccordionHeader;\nvar Trigger2 = AccordionTrigger;\nvar Content2 = AccordionContent;\nexport {\n Accordion,\n AccordionContent,\n AccordionHeader,\n AccordionItem,\n AccordionTrigger,\n Content2 as Content,\n Header,\n Item,\n Root2 as Root,\n Trigger2 as Trigger,\n createAccordionScope\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;\n\nexport function AccordionItem({ children, className, ...props }: AccordionItemProps) {\n return (\n <AccordionPrimitive.Item\n className={cn(\n 'ring-offset-[var(--acordion-light-offset,hsl(var(--background)))] focus:outline-2 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-[var(--accordion-focus,hsl(var(--primary)))] has-[:focus-visible]:ring-offset-4',\n className,\n )}\n data-slot=\"accordion-item\"\n {...props}\n >\n {children}\n </AccordionPrimitive.Item>\n );\n}\n","'use client';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionRootProps = ComponentProps<typeof AccordionPrimitive.Root>;\n\nexport function AccordionRoot({ className, children, ...props }: AccordionRootProps) {\n return (\n <AccordionPrimitive.Root className={cn(className)} data-slot=\"accordion-root\" {...props}>\n {children}\n </AccordionPrimitive.Root>\n );\n}\n","'use client';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { useEffect, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;\n\nexport function AccordionContent({ className, children, ...props }: AccordionContentProps) {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n return (\n <AccordionPrimitive.Content\n className={cn(\n 'overflow-hidden',\n // We need to delay the animation until the component is mounted to avoid the animation from being triggered when the component is first rendered.\n isMounted && 'data-[state=closed]:animate-collapse data-[state=open]:animate-expand',\n )}\n data-slot=\"accordion-content\"\n {...props}\n >\n {children}\n </AccordionPrimitive.Content>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionContentAreaProps = ComponentProps<'div'>;\n\nexport function AccordionContentArea({ children, className, ...props }: AccordionContentAreaProps) {\n return (\n <div\n className={cn(\n 'py-3 text-base font-light leading-normal text-[var(--accordion-light-content-text,hsl(var(--foreground)))] [font-family:var(--accordion-content-font-family,var(--font-family-body))]',\n\n className,\n )}\n data-slot=\"accordion-content-area\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport type { ComponentProps } from 'react';\n\nexport type AccordionHeaderProps = ComponentProps<typeof AccordionPrimitive.Header>;\n\nexport function AccordionHeader({ children, className, ...props }: AccordionHeaderProps) {\n return (\n <AccordionPrimitive.Header className={className} {...props}>\n {children}\n </AccordionPrimitive.Header>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionTitleProps = ComponentProps<'div'>;\n\nexport function AccordionTitle({ children, className, ...props }: AccordionTitleProps) {\n return (\n <div\n className={cn(\n 'flex-1 select-none text-sm font-normal uppercase text-[var(--accordion-light-title-text,hsl(var(--contrast-400)))] transition-colors duration-300 ease-out [font-family:var(--accordion-title-font-family,var(--font-family-mono))] group-hover:text-[var(--accordion-light-title-text-hover,hsl(var(--foreground)))]',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionChevronProps = ComponentProps<'svg'>;\n\nexport function AccordionChevron({ className, ...props }: AccordionChevronProps) {\n return (\n <svg\n className={cn(\n 'mt-1 shrink-0 stroke-[var(--accordion-light-title-icon,hsl(var(--contrast-500)))] group-hover:stroke-[var(--accordion-light-title-icon-hover,hsl(var(--foreground)))] [&>line]:origin-center [&>line]:transition [&>line]:duration-300 [&>line]:ease-out',\n className,\n )}\n data-slot=\"accordion-chevron\"\n viewBox=\"0 0 10 10\"\n width={16}\n {...props}\n >\n {/* Left Line of Chevron */}\n <line\n className=\"group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:-rotate-90\"\n strokeLinecap=\"round\"\n x1={2}\n x2={5}\n y1={2}\n y2={5}\n />\n {/* Right Line of Chevron */}\n <line\n className=\"group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:rotate-90\"\n strokeLinecap=\"round\"\n x1={8}\n x2={5}\n y1={2}\n y2={5}\n />\n </svg>\n );\n}\n","'use client';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;\n\nexport function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n return (\n <AccordionPrimitive.Trigger\n className={cn(\n 'group flex w-full cursor-pointer items-start gap-8 border-none py-3 text-start focus:outline-none @md:py-4',\n className,\n )}\n data-slot=\"accordion-trigger\"\n {...props}\n >\n {children}\n </AccordionPrimitive.Trigger>\n );\n}\n"],"names":["COLLAPSIBLE_NAME","createCollapsibleContext","createCollapsibleScope","createContextScope","CollapsibleProvider","useCollapsibleContext","Collapsible","React","props","forwardedRef","__scopeCollapsible","openProp","defaultOpen","disabled","onOpenChange","collapsibleProps","open","setOpen","useControllableState","jsx","useId","prevOpen","Primitive","getState","TRIGGER_NAME","CollapsibleTrigger","triggerProps","context","composeEventHandlers","CONTENT_NAME","CollapsibleContent","forceMount","contentProps","Presence","present","CollapsibleContentImpl","children","isPresent","setIsPresent","ref","composedRefs","useComposedRefs","heightRef","height","widthRef","width","isOpen","isMountAnimationPreventedRef","originalStylesRef","rAF","useLayoutEffect","node","rect","Root","Trigger","Content","ACCORDION_NAME","ACCORDION_KEYS","Collection","useCollection","createCollectionScope","createCollection","createAccordionContext","useCollapsibleScope","Accordion","type","accordionProps","singleProps","multipleProps","AccordionImplMultiple","AccordionImplSingle","AccordionValueProvider","useAccordionValueContext","AccordionCollapsibleProvider","useAccordionCollapsibleContext","valueProp","defaultValue","onValueChange","collapsible","accordionSingleProps","value","setValue","AccordionImpl","accordionMultipleProps","handleItemOpen","itemValue","prevValue","handleItemClose","value2","AccordionImplProvider","useAccordionContext","__scopeAccordion","dir","orientation","accordionRef","getItems","isDirectionLTR","useDirection","handleKeyDown","event","target","triggerCollection","item","triggerIndex","triggerCount","nextIndex","homeIndex","endIndex","moveNext","movePrev","clampedIndex","ITEM_NAME","AccordionItemProvider","useAccordionItemContext","AccordionItem","accordionItemProps","accordionContext","valueContext","collapsibleScope","triggerId","CollapsiblePrimitive.Root","open2","HEADER_NAME","AccordionHeader","headerProps","itemContext","AccordionTrigger","collapsibleContext","CollapsiblePrimitive.Trigger","AccordionContent","CollapsiblePrimitive.Content","Root2","Item","Header","Trigger2","Content2","className","AccordionPrimitive.Item","cn","AccordionRoot","AccordionPrimitive.Root","isMounted","setIsMounted","useState","useEffect","AccordionPrimitive.Content","AccordionContentArea","AccordionPrimitive.Header","AccordionTitle","AccordionChevron","jsxs","AccordionPrimitive.Trigger"],"mappings":"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","x_google_ignoreList":[0,1]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./accordion-trigger-Bj1Laf6l.cjs");exports.Chevron=o.AccordionChevron;exports.Content=o.AccordionContent;exports.ContentArea=o.AccordionContentArea;exports.Header=o.AccordionHeader;exports.Item=o.AccordionItem;exports.Root=o.AccordionRoot;exports.Title=o.AccordionTitle;exports.Trigger=o.AccordionTrigger;exports.useAccordion=o.useAccordion;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./accordion-trigger-CpTcclGS.cjs");exports.Chevron=o.AccordionChevron;exports.Content=o.AccordionContent;exports.ContentArea=o.AccordionContentArea;exports.Header=o.AccordionHeader;exports.Item=o.AccordionItem;exports.Root=o.AccordionRoot;exports.Title=o.AccordionTitle;exports.Trigger=o.AccordionTrigger;
2
2
  //# sourceMappingURL=accordion.cjs.map
package/dist/accordion.js CHANGED
@@ -1,13 +1,12 @@
1
- import { f as s, b as o, c as r, d as t, A as n, a as c, e as d, g, u as i } from "./accordion-trigger-Cdkd0tWD.js";
1
+ import { f as s, b as t, c as o, d as r, A as n, a as g, e as C, g as d } from "./accordion-trigger-DFuN29lS.js";
2
2
  export {
3
3
  s as Chevron,
4
- o as Content,
5
- r as ContentArea,
6
- t as Header,
4
+ t as Content,
5
+ o as ContentArea,
6
+ r as Header,
7
7
  n as Item,
8
- c as Root,
9
- d as Title,
10
- g as Trigger,
11
- i as useAccordion
8
+ g as Root,
9
+ C as Title,
10
+ d as Trigger
12
11
  };
13
12
  //# sourceMappingURL=accordion.js.map
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { c as l } from "./utils-CRiPKpXj.js";
3
- import { B as s } from "./button-W0_PtryU.js";
3
+ import { B as s } from "./button-C0iR-l2_.js";
4
4
  import { createContext as m, useMemo as f, use as b } from "react";
5
5
  import x from "./x-CyE7A75y.js";
6
6
  const i = m(void 0);
@@ -120,4 +120,4 @@ export {
120
120
  z as f,
121
121
  c as u
122
122
  };
123
- //# sourceMappingURL=alert-dismiss-EYWAId7r.js.map
123
+ //# sourceMappingURL=alert-dismiss-B7_uKkyV.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dismiss-EYWAId7r.js","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n className,\n children,\n action,\n dismiss,\n variant,\n ...props\n}: AlertRootProps) {\n const contextValues = useMemo(\n () => ({\n action,\n dismiss,\n variant,\n }),\n [action, dismiss, variant],\n );\n\n return (\n <AlertContext.Provider value={contextValues}>\n <div\n className={cn(\n 'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n {\n success:\n 'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n warning:\n 'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n error:\n 'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n }[variant],\n className,\n )}\n data-slot=\"alert-root\"\n role=\"alert\"\n {...props}\n >\n {children}\n </div>\n </AlertContext.Provider>\n );\n}\n\nexport function useAlert() {\n const context = use(AlertContext);\n\n if (context === undefined) {\n throw new Error('useAlert must be used within an AlertRoot');\n }\n\n return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n return (\n <div\n className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n data-slot=\"alert-header\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n return (\n <h5\n className={cn(\n 'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"alert-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n return (\n <p\n className={cn(\n 'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n className,\n )}\n data-slot=\"alert-description\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n return (\n <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n const { action } = useAlert();\n\n if (!action) return null;\n\n const { label, onClick } = action;\n\n return (\n <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n {label}\n </Button>\n );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n const { dismiss } = useAlert();\n\n const { label, onClick } = dismiss;\n\n return (\n <Button\n aria-label={label}\n data-slot=\"alert-close-button\"\n onClick={onClick}\n shape=\"circle\"\n size=\"x-small\"\n variant=\"ghost\"\n {...props}\n >\n <X absoluteStrokeWidth size={20} strokeWidth={1} />\n </Button>\n );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"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"}
1
+ {"version":3,"file":"alert-dismiss-B7_uKkyV.js","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n className,\n children,\n action,\n dismiss,\n variant,\n ...props\n}: AlertRootProps) {\n const contextValues = useMemo(\n () => ({\n action,\n dismiss,\n variant,\n }),\n [action, dismiss, variant],\n );\n\n return (\n <AlertContext.Provider value={contextValues}>\n <div\n className={cn(\n 'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n {\n success:\n 'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n warning:\n 'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n error:\n 'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n }[variant],\n className,\n )}\n data-slot=\"alert-root\"\n role=\"alert\"\n {...props}\n >\n {children}\n </div>\n </AlertContext.Provider>\n );\n}\n\nexport function useAlert() {\n const context = use(AlertContext);\n\n if (context === undefined) {\n throw new Error('useAlert must be used within an AlertRoot');\n }\n\n return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n return (\n <div\n className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n data-slot=\"alert-header\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n return (\n <h5\n className={cn(\n 'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"alert-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n return (\n <p\n className={cn(\n 'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n className,\n )}\n data-slot=\"alert-description\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n return (\n <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n const { action } = useAlert();\n\n if (!action) return null;\n\n const { label, onClick } = action;\n\n return (\n <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n {label}\n </Button>\n );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n const { dismiss } = useAlert();\n\n const { label, onClick } = dismiss;\n\n return (\n <Button\n aria-label={label}\n data-slot=\"alert-close-button\"\n onClick={onClick}\n shape=\"circle\"\n size=\"x-small\"\n variant=\"ghost\"\n {...props}\n >\n <X absoluteStrokeWidth size={20} strokeWidth={1} />\n </Button>\n );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";const o=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),c=require("./button-ibzOCImJ.cjs"),s=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),u=s.createContext(void 0);function f({className:t,children:r,action:e,dismiss:n,variant:l,...d}){const x=s.useMemo(()=>({action:e,dismiss:n,variant:l}),[e,n,l]);return o.jsx(u.Provider,{value:x,children:o.jsx("div",{className:a.cn("flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow",{success:"bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",warning:"bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",info:"bg-[var(--alert-info-background,hsl(var(--background)))]"}[l],t),"data-slot":"alert-root",role:"alert",...d,children:r})})}function i(){const t=s.use(u);if(t===void 0)throw new Error("useAlert must be used within an AlertRoot");return t}function b({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("[font-family:var(--alert-font-family,var(--font-family-body))]",r),"data-slot":"alert-header",...e,children:t})}function h({children:t,className:r,...e}){return o.jsx("h5",{className:a.cn("text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]",r),"data-slot":"alert-title",...e,children:t})}function v({className:t,children:r,...e}){return o.jsx("p",{className:a.cn("text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]",t),"data-slot":"alert-description",...e,children:r})}function A({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("flex items-center gap-1",r),"data-slot":"alert-actions",...e,children:t})}function g({children:t,...r}){const{action:e}=i();if(!e)return null;const{label:n,onClick:l}=e;return o.jsx(c.Button,{"data-slot":"alert-button",onClick:l,size:"x-small",variant:"ghost",...r,children:n})}function k({...t}){const{dismiss:r}=i(),{label:e,onClick:n}=r;return o.jsx(c.Button,{"aria-label":e,"data-slot":"alert-close-button",onClick:n,shape:"circle",size:"x-small",variant:"ghost",...t,children:o.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1})})}exports.AlertAction=g;exports.AlertActions=A;exports.AlertDescription=v;exports.AlertDismiss=k;exports.AlertHeader=b;exports.AlertRoot=f;exports.AlertTitle=h;exports.useAlert=i;
2
- //# sourceMappingURL=alert-dismiss-m6lm9pLf.cjs.map
1
+ "use strict";const o=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),c=require("./button-BgvMm9T3.cjs"),s=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),u=s.createContext(void 0);function f({className:t,children:r,action:e,dismiss:n,variant:l,...d}){const x=s.useMemo(()=>({action:e,dismiss:n,variant:l}),[e,n,l]);return o.jsx(u.Provider,{value:x,children:o.jsx("div",{className:a.cn("flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow",{success:"bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",warning:"bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",info:"bg-[var(--alert-info-background,hsl(var(--background)))]"}[l],t),"data-slot":"alert-root",role:"alert",...d,children:r})})}function i(){const t=s.use(u);if(t===void 0)throw new Error("useAlert must be used within an AlertRoot");return t}function b({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("[font-family:var(--alert-font-family,var(--font-family-body))]",r),"data-slot":"alert-header",...e,children:t})}function h({children:t,className:r,...e}){return o.jsx("h5",{className:a.cn("text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]",r),"data-slot":"alert-title",...e,children:t})}function v({className:t,children:r,...e}){return o.jsx("p",{className:a.cn("text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]",t),"data-slot":"alert-description",...e,children:r})}function A({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("flex items-center gap-1",r),"data-slot":"alert-actions",...e,children:t})}function g({children:t,...r}){const{action:e}=i();if(!e)return null;const{label:n,onClick:l}=e;return o.jsx(c.Button,{"data-slot":"alert-button",onClick:l,size:"x-small",variant:"ghost",...r,children:n})}function k({...t}){const{dismiss:r}=i(),{label:e,onClick:n}=r;return o.jsx(c.Button,{"aria-label":e,"data-slot":"alert-close-button",onClick:n,shape:"circle",size:"x-small",variant:"ghost",...t,children:o.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1})})}exports.AlertAction=g;exports.AlertActions=A;exports.AlertDescription=v;exports.AlertDismiss=k;exports.AlertHeader=b;exports.AlertRoot=f;exports.AlertTitle=h;exports.useAlert=i;
2
+ //# sourceMappingURL=alert-dismiss-BO3hXWMt.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dismiss-m6lm9pLf.cjs","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n className,\n children,\n action,\n dismiss,\n variant,\n ...props\n}: AlertRootProps) {\n const contextValues = useMemo(\n () => ({\n action,\n dismiss,\n variant,\n }),\n [action, dismiss, variant],\n );\n\n return (\n <AlertContext.Provider value={contextValues}>\n <div\n className={cn(\n 'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n {\n success:\n 'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n warning:\n 'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n error:\n 'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n }[variant],\n className,\n )}\n data-slot=\"alert-root\"\n role=\"alert\"\n {...props}\n >\n {children}\n </div>\n </AlertContext.Provider>\n );\n}\n\nexport function useAlert() {\n const context = use(AlertContext);\n\n if (context === undefined) {\n throw new Error('useAlert must be used within an AlertRoot');\n }\n\n return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n return (\n <div\n className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n data-slot=\"alert-header\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n return (\n <h5\n className={cn(\n 'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"alert-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n return (\n <p\n className={cn(\n 'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n className,\n )}\n data-slot=\"alert-description\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n return (\n <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n const { action } = useAlert();\n\n if (!action) return null;\n\n const { label, onClick } = action;\n\n return (\n <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n {label}\n </Button>\n );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n const { dismiss } = useAlert();\n\n const { label, onClick } = dismiss;\n\n return (\n <Button\n aria-label={label}\n data-slot=\"alert-close-button\"\n onClick={onClick}\n shape=\"circle\"\n size=\"x-small\"\n variant=\"ghost\"\n {...props}\n >\n <X absoluteStrokeWidth size={20} strokeWidth={1} />\n </Button>\n );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"wKAmBaA,EAAeC,EAAAA,cAAwC,MAAS,EActE,SAASC,EAAU,CACxB,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAgBC,EAAAA,QACpB,KAAO,CACL,OAAAL,EACA,QAAAC,EACA,QAAAC,CAAA,GAEF,CAACF,EAAQC,EAASC,CAAO,CAAA,EAG3B,OACEI,EAAAA,IAACX,EAAa,SAAb,CAAsB,MAAOS,EAC5B,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,wLACA,CACE,QACE,yFACF,QACE,yFACF,MACE,qFACF,KAAM,0DAAA,EACNL,CAAO,EACTJ,CAAA,EAEF,YAAU,aACV,KAAK,QACJ,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASS,GAAW,CACzB,MAAMC,EAAUC,EAAAA,IAAIf,CAAY,EAEhC,GAAIc,IAAY,OACd,MAAM,IAAI,MAAM,2CAA2C,EAG7D,OAAOA,CACT,CC/EO,SAASE,EAAY,CAAE,SAAAZ,EAAU,UAAAD,EAAW,GAAGK,GAA2B,CAC/E,OACEG,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iEAAkET,CAAS,EACzF,YAAU,eACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCTO,SAASa,EAAW,CAAE,SAAAb,EAAU,UAAAD,EAAW,GAAGK,GAA0B,CAC7E,OACEG,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,8EACAT,CAAA,EAEF,YAAU,cACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCbO,SAASc,EAAiB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGI,GAAgC,CACzF,OACEG,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,4HACAT,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCdO,SAASe,EAAa,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGK,GAA4B,CACjF,OACEG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,0BAA2BT,CAAS,EAAG,YAAU,gBAAiB,GAAGK,EACrF,SAAAJ,CAAA,CACH,CAEJ,CCFO,SAASgB,EAAY,CAAE,SAAAhB,EAAU,GAAGI,GAA2B,CACpE,KAAM,CAAE,OAAAH,CAAA,EAAWQ,EAAA,EAEnB,GAAI,CAACR,EAAQ,OAAO,KAEpB,KAAM,CAAE,MAAAgB,EAAO,QAAAC,CAAA,EAAYjB,EAE3B,OACEM,EAAAA,IAACY,EAAAA,OAAA,CAAO,YAAU,eAAe,QAAAD,EAAkB,KAAK,UAAU,QAAQ,QAAS,GAAGd,EACnF,SAAAa,CAAA,CACH,CAEJ,CCXO,SAASG,EAAa,CAAE,GAAGhB,GAA4B,CAC5D,KAAM,CAAE,QAAAF,CAAA,EAAYO,EAAA,EAEd,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYhB,EAE3B,OACEK,EAAAA,IAACY,EAAAA,OAAA,CACC,aAAYF,EACZ,YAAU,qBACV,QAAAC,EACA,MAAM,SACN,KAAK,UACL,QAAQ,QACP,GAAGd,EAEJ,eAACiB,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,CAAA,CAAG,CAAA,CAAA,CAGvD"}
1
+ {"version":3,"file":"alert-dismiss-BO3hXWMt.cjs","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n action?: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n dismiss: {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n };\n variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n className,\n children,\n action,\n dismiss,\n variant,\n ...props\n}: AlertRootProps) {\n const contextValues = useMemo(\n () => ({\n action,\n dismiss,\n variant,\n }),\n [action, dismiss, variant],\n );\n\n return (\n <AlertContext.Provider value={contextValues}>\n <div\n className={cn(\n 'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n {\n success:\n 'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n warning:\n 'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n error:\n 'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n }[variant],\n className,\n )}\n data-slot=\"alert-root\"\n role=\"alert\"\n {...props}\n >\n {children}\n </div>\n </AlertContext.Provider>\n );\n}\n\nexport function useAlert() {\n const context = use(AlertContext);\n\n if (context === undefined) {\n throw new Error('useAlert must be used within an AlertRoot');\n }\n\n return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n return (\n <div\n className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n data-slot=\"alert-header\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n return (\n <h5\n className={cn(\n 'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"alert-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n return (\n <p\n className={cn(\n 'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n className,\n )}\n data-slot=\"alert-description\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n return (\n <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n const { action } = useAlert();\n\n if (!action) return null;\n\n const { label, onClick } = action;\n\n return (\n <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n {label}\n </Button>\n );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n const { dismiss } = useAlert();\n\n const { label, onClick } = dismiss;\n\n return (\n <Button\n aria-label={label}\n data-slot=\"alert-close-button\"\n onClick={onClick}\n shape=\"circle\"\n size=\"x-small\"\n variant=\"ghost\"\n {...props}\n >\n <X absoluteStrokeWidth size={20} strokeWidth={1} />\n </Button>\n );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"wKAmBaA,EAAeC,EAAAA,cAAwC,MAAS,EActE,SAASC,EAAU,CACxB,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAgBC,EAAAA,QACpB,KAAO,CACL,OAAAL,EACA,QAAAC,EACA,QAAAC,CAAA,GAEF,CAACF,EAAQC,EAASC,CAAO,CAAA,EAG3B,OACEI,EAAAA,IAACX,EAAa,SAAb,CAAsB,MAAOS,EAC5B,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,wLACA,CACE,QACE,yFACF,QACE,yFACF,MACE,qFACF,KAAM,0DAAA,EACNL,CAAO,EACTJ,CAAA,EAEF,YAAU,aACV,KAAK,QACJ,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASS,GAAW,CACzB,MAAMC,EAAUC,EAAAA,IAAIf,CAAY,EAEhC,GAAIc,IAAY,OACd,MAAM,IAAI,MAAM,2CAA2C,EAG7D,OAAOA,CACT,CC/EO,SAASE,EAAY,CAAE,SAAAZ,EAAU,UAAAD,EAAW,GAAGK,GAA2B,CAC/E,OACEG,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iEAAkET,CAAS,EACzF,YAAU,eACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCTO,SAASa,EAAW,CAAE,SAAAb,EAAU,UAAAD,EAAW,GAAGK,GAA0B,CAC7E,OACEG,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,8EACAT,CAAA,EAEF,YAAU,cACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCbO,SAASc,EAAiB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGI,GAAgC,CACzF,OACEG,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,4HACAT,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCdO,SAASe,EAAa,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGK,GAA4B,CACjF,OACEG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,0BAA2BT,CAAS,EAAG,YAAU,gBAAiB,GAAGK,EACrF,SAAAJ,CAAA,CACH,CAEJ,CCFO,SAASgB,EAAY,CAAE,SAAAhB,EAAU,GAAGI,GAA2B,CACpE,KAAM,CAAE,OAAAH,CAAA,EAAWQ,EAAA,EAEnB,GAAI,CAACR,EAAQ,OAAO,KAEpB,KAAM,CAAE,MAAAgB,EAAO,QAAAC,CAAA,EAAYjB,EAE3B,OACEM,EAAAA,IAACY,EAAAA,OAAA,CAAO,YAAU,eAAe,QAAAD,EAAkB,KAAK,UAAU,QAAQ,QAAS,GAAGd,EACnF,SAAAa,CAAA,CACH,CAEJ,CCXO,SAASG,EAAa,CAAE,GAAGhB,GAA4B,CAC5D,KAAM,CAAE,QAAAF,CAAA,EAAYO,EAAA,EAEd,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYhB,EAE3B,OACEK,EAAAA,IAACY,EAAAA,OAAA,CACC,aAAYF,EACZ,YAAU,qBACV,QAAAC,EACA,MAAM,SACN,KAAK,UACL,QAAQ,QACP,GAAGd,EAEJ,eAACiB,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,CAAA,CAAG,CAAA,CAAA,CAGvD"}
package/dist/alert.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./alert-dismiss-m6lm9pLf.cjs");exports.Action=e.AlertAction;exports.Actions=e.AlertActions;exports.Description=e.AlertDescription;exports.Dismiss=e.AlertDismiss;exports.Header=e.AlertHeader;exports.Root=e.AlertRoot;exports.Title=e.AlertTitle;exports.useAlert=e.useAlert;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./alert-dismiss-BO3hXWMt.cjs");exports.Action=e.AlertAction;exports.Actions=e.AlertActions;exports.Description=e.AlertDescription;exports.Dismiss=e.AlertDismiss;exports.Header=e.AlertHeader;exports.Root=e.AlertRoot;exports.Title=e.AlertTitle;exports.useAlert=e.useAlert;
2
2
  //# sourceMappingURL=alert.cjs.map
package/dist/alert.js CHANGED
@@ -1,4 +1,4 @@
1
- import { e, d as i, c as o, f as t, a as r, A as c, b as A, u as n } from "./alert-dismiss-EYWAId7r.js";
1
+ import { e, d as i, c as o, f as t, a as r, A as c, b as A, u as n } from "./alert-dismiss-B7_uKkyV.js";
2
2
  export {
3
3
  e as Action,
4
4
  i as Actions,
@@ -0,0 +1,2 @@
1
+ "use strict";const r=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs"),e=require("./index-DGaxX11V.cjs");function d({as:o,className:t,children:a,aspectRatio:l="4/3",...n}){const c=o??"article";return r.jsx(c,{className:s.cn("group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",t),"data-aspect-ratio":l,"data-slot":"blog-post-card-root",...n,children:a})}function i({children:o,className:t,...a}){return r.jsx("div",{className:s.cn("break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105",t),"data-slot":"blog-post-card-fallback",...a,children:o})}function g({className:o,children:t,...a}){return r.jsx("div",{className:s.cn("relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]","group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]","group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]","group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square",o),"data-slot":"blog-post-card-thumbnail",...a,children:t})}function u({className:o,asChild:t=!1,...a}){const l=t?e.Slot:"img";return r.jsx(l,{className:s.cn("h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",o),"data-slot":"blog-post-card-image",...a})}function p({asChild:o=!1,className:t,...a}){const l=o?e.Slot:"a";return r.jsx(l,{className:s.cn("absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",t),"data-slot":"blog-post-card-link",...a})}function m({className:o,children:t,...a}){return r.jsx("h5",{className:s.cn("mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]",o),"data-slot":"blog-post-card-title",...a,children:t})}function f({className:o,children:t,...a}){return r.jsx("p",{className:s.cn("mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,hsl(var(--contrast-400)))]",o),"data-slot":"blog-post-card-content",...a,children:t})}function b({children:o,className:t,...a}){return r.jsx("div",{className:s.cn("mt-3 text-sm text-[var(--blog-post-card-author-date-text,hsl(var(--foreground)))]",t),"data-slot":"blog-post-card-details",...a,children:o})}function x({className:o,children:t,...a}){return r.jsx("time",{className:o,dateTime:t,...a,"data-slot":"blog-post-card-date",children:new Date(t).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})})}function v({className:o,children:t,...a}){return r.jsxs(r.Fragment,{children:[r.jsx("span",{className:s.cn("after:mx-2 after:content-['•']",o),"data-slot":"blog-post-card-author",...a}),r.jsx("span",{children:t})]})}exports.BlogPostCardAuthor=v;exports.BlogPostCardContent=f;exports.BlogPostCardDate=x;exports.BlogPostCardDetails=b;exports.BlogPostCardFallback=i;exports.BlogPostCardImage=u;exports.BlogPostCardLink=p;exports.BlogPostCardRoot=d;exports.BlogPostCardThumbnail=g;exports.BlogPostCardTitle=m;
2
+ //# sourceMappingURL=blog-post-card-author-CBXo2FqS.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"blog-post-card-author-CBXo2FqS.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-root.tsx","../src/components/blog-post-card/primitives/blog-post-card-fallback.tsx","../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx","../src/components/blog-post-card/primitives/blog-post-card-image.tsx","../src/components/blog-post-card/primitives/blog-post-card-link.tsx","../src/components/blog-post-card/primitives/blog-post-card-title.tsx","../src/components/blog-post-card/primitives/blog-post-card-content.tsx","../src/components/blog-post-card/primitives/blog-post-card-details.tsx","../src/components/blog-post-card/primitives/blog-post-card-date.tsx","../src/components/blog-post-card/primitives/blog-post-card-author.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardRootProps<E extends ElementType = 'article'> = Omit<\n ComponentProps<E>,\n 'as'\n> & {\n as?: E;\n aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';\n};\n\nexport function BlogPostCardRoot<T extends ElementType = 'article'>({\n as,\n className,\n children,\n aspectRatio = '4/3',\n ...props\n}: BlogPostCardRootProps<T>) {\n const BlogPostCardRootElement = as ?? 'article';\n\n return (\n <BlogPostCardRootElement\n className={cn(\n 'group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]',\n className,\n )}\n data-aspect-ratio={aspectRatio}\n data-slot=\"blog-post-card-root\"\n {...props}\n >\n {children}\n </BlogPostCardRootElement>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardFallbackProps = ComponentProps<'div'>;\n\nexport function BlogPostCardFallback({ children, className, ...props }: BlogPostCardFallbackProps) {\n return (\n <div\n className={cn(\n 'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105',\n className,\n )}\n data-slot=\"blog-post-card-fallback\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardThumbnailProps = ComponentProps<'div'>;\n\nexport function BlogPostCardThumbnail({\n className,\n children,\n ...props\n}: BlogPostCardThumbnailProps) {\n return (\n <div\n className={cn(\n 'relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]',\n 'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n 'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n 'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n className,\n )}\n data-slot=\"blog-post-card-thumbnail\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardImageProps extends ComponentProps<'img'> {\n asChild?: boolean;\n}\n\nexport function BlogPostCardImage({\n className,\n asChild = false,\n ...props\n}: BlogPostCardImageProps) {\n const Component = asChild ? Slot : 'img';\n\n return (\n <Component\n className={cn(\n 'h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n className,\n )}\n data-slot=\"blog-post-card-image\"\n {...props}\n />\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function BlogPostCardLink({ asChild = false, className, ...props }: BlogPostCardLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n className,\n )}\n data-slot=\"blog-post-card-link\"\n {...props}\n />\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardTitleProps = ComponentProps<'h5'>;\n\nexport function BlogPostCardTitle({ className, children, ...props }: BlogPostCardTitleProps) {\n return (\n <h5\n className={cn(\n 'mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"blog-post-card-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardContentProps = ComponentProps<'p'>;\n\nexport function BlogPostCardContent({ className, children, ...props }: BlogPostCardContentProps) {\n return (\n <p\n className={cn(\n 'mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,hsl(var(--contrast-400)))]',\n className,\n )}\n data-slot=\"blog-post-card-content\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardDetailsProps = ComponentProps<'div'>;\n\nexport function BlogPostCardDetails({ children, className, ...props }: BlogPostCardDetailsProps) {\n return (\n <div\n className={cn(\n 'mt-3 text-sm text-[var(--blog-post-card-author-date-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"blog-post-card-details\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type BlogPostCardDateProps = ComponentProps<'time'> & {\n children: string;\n};\n\nexport function BlogPostCardDate({ className, children, ...props }: BlogPostCardDateProps) {\n return (\n <time className={className} dateTime={children} {...props} data-slot=\"blog-post-card-date\">\n {new Date(children).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n })}\n </time>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardAuthorProps = ComponentProps<'span'>;\n\nexport function BlogPostCardAuthor({ className, children, ...props }: BlogPostCardAuthorProps) {\n return (\n <>\n <span\n className={cn(\"after:mx-2 after:content-['•']\", className)}\n data-slot=\"blog-post-card-author\"\n {...props}\n />\n <span>{children}</span>\n </>\n );\n}\n"],"names":["BlogPostCardRoot","as","className","children","aspectRatio","props","BlogPostCardRootElement","jsx","cn","BlogPostCardFallback","BlogPostCardThumbnail","BlogPostCardImage","asChild","Component","Slot","BlogPostCardLink","BlogPostCardTitle","BlogPostCardContent","BlogPostCardDetails","BlogPostCardDate","BlogPostCardAuthor","jsxs","Fragment"],"mappings":"sHAYO,SAASA,EAAoD,CAClE,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAA0BL,GAAM,UAEtC,OACEM,EAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,GACT,mIACAN,CAAA,EAEF,oBAAmBE,EACnB,YAAU,sBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CC5BO,SAASM,EAAqB,CAAE,SAAAN,EAAU,UAAAD,EAAW,GAAGG,GAAoC,CACjG,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,qMACAN,CAAA,EAEF,YAAU,0BACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASO,EAAsB,CACpC,UAAAR,EACA,SAAAC,EACA,GAAGE,CACL,EAA+B,CAC7B,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,mHACA,4DACA,4DACA,4DACA,6DACAN,CAAA,EAEF,YAAU,2BACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CClBO,SAASQ,EAAkB,CAChC,UAAAT,EACA,QAAAU,EAAU,GACV,GAAGP,CACL,EAA2B,CACzB,MAAMQ,EAAYD,EAAUE,EAAAA,KAAO,MAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,8FACAN,CAAA,EAEF,YAAU,uBACT,GAAGG,CAAA,CAAA,CAGV,CCjBO,SAASU,EAAiB,CAAE,QAAAH,EAAU,GAAO,UAAAV,EAAW,GAAGG,GAAgC,CAChG,MAAMQ,EAAYD,EAAUE,EAAAA,KAAO,IAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,uLACAN,CAAA,EAEF,YAAU,sBACT,GAAGG,CAAA,CAAA,CAGV,CChBO,SAASW,EAAkB,CAAE,UAAAd,EAAW,SAAAC,EAAU,GAAGE,GAAiC,CAC3F,OACEE,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,uGACAN,CAAA,EAEF,YAAU,uBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASc,EAAoB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGE,GAAmC,CAC/F,OACEE,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,6GACAN,CAAA,EAEF,YAAU,yBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASe,EAAoB,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGG,GAAmC,CAC/F,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,oFACAN,CAAA,EAEF,YAAU,yBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASgB,EAAiB,CAAE,UAAAjB,EAAW,SAAAC,EAAU,GAAGE,GAAgC,CACzF,OACEE,EAAAA,IAAC,OAAA,CAAK,UAAAL,EAAsB,SAAUC,EAAW,GAAGE,EAAO,YAAU,sBAClE,SAAA,IAAI,KAAKF,CAAQ,EAAE,mBAAmB,QAAS,CAC9C,KAAM,UACN,MAAO,OACP,IAAK,SAAA,CACN,EACH,CAEJ,CCVO,SAASiB,EAAmB,CAAE,UAAAlB,EAAW,SAAAC,EAAU,GAAGE,GAAkC,CAC7F,OACEgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAf,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GAAG,iCAAkCN,CAAS,EACzD,YAAU,wBACT,GAAGG,CAAA,CAAA,EAENE,MAAC,QAAM,SAAAJ,CAAA,CAAS,CAAA,EAClB,CAEJ"}
@@ -1,19 +1,21 @@
1
- import { jsx as r, jsxs as l, Fragment as c } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as c, Fragment as d } from "react/jsx-runtime";
2
2
  import { c as s } from "./utils-CRiPKpXj.js";
3
- import { S as e } from "./index-DD8W7cMj.js";
3
+ import { S as l } from "./index-DD8W7cMj.js";
4
4
  function m({
5
5
  as: o,
6
6
  className: t,
7
7
  children: a,
8
+ aspectRatio: e = "4/3",
8
9
  ...n
9
10
  }) {
10
11
  return /* @__PURE__ */ r(
11
12
  o ?? "article",
12
13
  {
13
14
  className: s(
14
- "group relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",
15
+ "group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",
15
16
  t
16
17
  ),
18
+ "data-aspect-ratio": e,
17
19
  "data-slot": "blog-post-card-root",
18
20
  ...n,
19
21
  children: a
@@ -34,7 +36,7 @@ function f({ children: o, className: t, ...a }) {
34
36
  }
35
37
  );
36
38
  }
37
- function p({
39
+ function b({
38
40
  className: o,
39
41
  children: t,
40
42
  ...a
@@ -43,7 +45,11 @@ function p({
43
45
  "div",
44
46
  {
45
47
  className: s(
46
- "relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]",
48
+ "relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]",
49
+ "group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]",
50
+ "group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]",
51
+ "group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]",
52
+ "group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square",
47
53
  o
48
54
  ),
49
55
  "data-slot": "blog-post-card-thumbnail",
@@ -52,13 +58,13 @@ function p({
52
58
  }
53
59
  );
54
60
  }
55
- function b({
61
+ function v({
56
62
  className: o,
57
63
  asChild: t = !1,
58
64
  ...a
59
65
  }) {
60
66
  return /* @__PURE__ */ r(
61
- t ? e : "img",
67
+ t ? l : "img",
62
68
  {
63
69
  className: s(
64
70
  "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",
@@ -69,9 +75,9 @@ function b({
69
75
  }
70
76
  );
71
77
  }
72
- function v({ asChild: o = !1, className: t, ...a }) {
78
+ function h({ asChild: o = !1, className: t, ...a }) {
73
79
  return /* @__PURE__ */ r(
74
- o ? e : "a",
80
+ o ? l : "a",
75
81
  {
76
82
  className: s(
77
83
  "absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
@@ -82,7 +88,7 @@ function v({ asChild: o = !1, className: t, ...a }) {
82
88
  }
83
89
  );
84
90
  }
85
- function h({ className: o, children: t, ...a }) {
91
+ function x({ className: o, children: t, ...a }) {
86
92
  return /* @__PURE__ */ r(
87
93
  "h5",
88
94
  {
@@ -96,7 +102,7 @@ function h({ className: o, children: t, ...a }) {
96
102
  }
97
103
  );
98
104
  }
99
- function x({ className: o, children: t, ...a }) {
105
+ function C({ className: o, children: t, ...a }) {
100
106
  return /* @__PURE__ */ r(
101
107
  "p",
102
108
  {
@@ -110,7 +116,7 @@ function x({ className: o, children: t, ...a }) {
110
116
  }
111
117
  );
112
118
  }
113
- function C({ children: o, className: t, ...a }) {
119
+ function B({ children: o, className: t, ...a }) {
114
120
  return /* @__PURE__ */ r(
115
121
  "div",
116
122
  {
@@ -124,15 +130,15 @@ function C({ children: o, className: t, ...a }) {
124
130
  }
125
131
  );
126
132
  }
127
- function B({ className: o, children: t, ...a }) {
133
+ function P({ className: o, children: t, ...a }) {
128
134
  return /* @__PURE__ */ r("time", { className: o, dateTime: t, ...a, "data-slot": "blog-post-card-date", children: new Date(t).toLocaleDateString("en-US", {
129
135
  year: "numeric",
130
136
  month: "long",
131
137
  day: "numeric"
132
138
  }) });
133
139
  }
134
- function P({ className: o, children: t, ...a }) {
135
- return /* @__PURE__ */ l(c, { children: [
140
+ function N({ className: o, children: t, ...a }) {
141
+ return /* @__PURE__ */ c(d, { children: [
136
142
  /* @__PURE__ */ r(
137
143
  "span",
138
144
  {
@@ -147,13 +153,13 @@ function P({ className: o, children: t, ...a }) {
147
153
  export {
148
154
  m as B,
149
155
  f as a,
150
- p as b,
151
- b as c,
152
- v as d,
153
- h as e,
154
- x as f,
155
- C as g,
156
- B as h,
157
- P as i
156
+ b,
157
+ v as c,
158
+ h as d,
159
+ x as e,
160
+ C as f,
161
+ B as g,
162
+ P as h,
163
+ N as i
158
164
  };
159
- //# sourceMappingURL=blog-post-card-author-C1GuND4f.js.map
165
+ //# sourceMappingURL=blog-post-card-author-VkGle9g8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"blog-post-card-author-VkGle9g8.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-root.tsx","../src/components/blog-post-card/primitives/blog-post-card-fallback.tsx","../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx","../src/components/blog-post-card/primitives/blog-post-card-image.tsx","../src/components/blog-post-card/primitives/blog-post-card-link.tsx","../src/components/blog-post-card/primitives/blog-post-card-title.tsx","../src/components/blog-post-card/primitives/blog-post-card-content.tsx","../src/components/blog-post-card/primitives/blog-post-card-details.tsx","../src/components/blog-post-card/primitives/blog-post-card-date.tsx","../src/components/blog-post-card/primitives/blog-post-card-author.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardRootProps<E extends ElementType = 'article'> = Omit<\n ComponentProps<E>,\n 'as'\n> & {\n as?: E;\n aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';\n};\n\nexport function BlogPostCardRoot<T extends ElementType = 'article'>({\n as,\n className,\n children,\n aspectRatio = '4/3',\n ...props\n}: BlogPostCardRootProps<T>) {\n const BlogPostCardRootElement = as ?? 'article';\n\n return (\n <BlogPostCardRootElement\n className={cn(\n 'group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]',\n className,\n )}\n data-aspect-ratio={aspectRatio}\n data-slot=\"blog-post-card-root\"\n {...props}\n >\n {children}\n </BlogPostCardRootElement>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardFallbackProps = ComponentProps<'div'>;\n\nexport function BlogPostCardFallback({ children, className, ...props }: BlogPostCardFallbackProps) {\n return (\n <div\n className={cn(\n 'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105',\n className,\n )}\n data-slot=\"blog-post-card-fallback\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardThumbnailProps = ComponentProps<'div'>;\n\nexport function BlogPostCardThumbnail({\n className,\n children,\n ...props\n}: BlogPostCardThumbnailProps) {\n return (\n <div\n className={cn(\n 'relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]',\n 'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n 'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n 'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n className,\n )}\n data-slot=\"blog-post-card-thumbnail\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardImageProps extends ComponentProps<'img'> {\n asChild?: boolean;\n}\n\nexport function BlogPostCardImage({\n className,\n asChild = false,\n ...props\n}: BlogPostCardImageProps) {\n const Component = asChild ? Slot : 'img';\n\n return (\n <Component\n className={cn(\n 'h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n className,\n )}\n data-slot=\"blog-post-card-image\"\n {...props}\n />\n );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function BlogPostCardLink({ asChild = false, className, ...props }: BlogPostCardLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n className,\n )}\n data-slot=\"blog-post-card-link\"\n {...props}\n />\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardTitleProps = ComponentProps<'h5'>;\n\nexport function BlogPostCardTitle({ className, children, ...props }: BlogPostCardTitleProps) {\n return (\n <h5\n className={cn(\n 'mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"blog-post-card-title\"\n {...props}\n >\n {children}\n </h5>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardContentProps = ComponentProps<'p'>;\n\nexport function BlogPostCardContent({ className, children, ...props }: BlogPostCardContentProps) {\n return (\n <p\n className={cn(\n 'mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,hsl(var(--contrast-400)))]',\n className,\n )}\n data-slot=\"blog-post-card-content\"\n {...props}\n >\n {children}\n </p>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardDetailsProps = ComponentProps<'div'>;\n\nexport function BlogPostCardDetails({ children, className, ...props }: BlogPostCardDetailsProps) {\n return (\n <div\n className={cn(\n 'mt-3 text-sm text-[var(--blog-post-card-author-date-text,hsl(var(--foreground)))]',\n className,\n )}\n data-slot=\"blog-post-card-details\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nexport type BlogPostCardDateProps = ComponentProps<'time'> & {\n children: string;\n};\n\nexport function BlogPostCardDate({ className, children, ...props }: BlogPostCardDateProps) {\n return (\n <time className={className} dateTime={children} {...props} data-slot=\"blog-post-card-date\">\n {new Date(children).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n })}\n </time>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardAuthorProps = ComponentProps<'span'>;\n\nexport function BlogPostCardAuthor({ className, children, ...props }: BlogPostCardAuthorProps) {\n return (\n <>\n <span\n className={cn(\"after:mx-2 after:content-['•']\", className)}\n data-slot=\"blog-post-card-author\"\n {...props}\n />\n <span>{children}</span>\n </>\n );\n}\n"],"names":["BlogPostCardRoot","as","className","children","aspectRatio","props","jsx","cn","BlogPostCardFallback","BlogPostCardThumbnail","BlogPostCardImage","asChild","Slot","BlogPostCardLink","BlogPostCardTitle","BlogPostCardContent","BlogPostCardDetails","BlogPostCardDate","BlogPostCardAuthor","jsxs","Fragment"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./blog-post-card-author-B55DKFff.cjs"),t=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs"),n=require("./skeleton-box-BsY5q4RG.cjs"),o=require("./skeleton-text-BxefRRo2.cjs");function c({className:a,aspectRatio:l="4:3",...r}){return t.jsxs("div",{className:s.cn("w-full max-w-md @container",a),...r,children:[t.jsx(n.SkeletonBox,{className:s.cn("mb-4 w-full rounded-2xl",{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","4:3":"aspect-[4/3]","1:1":"aspect-square"}[l])}),t.jsx(o.SkeletonText,{characterCount:25,className:"mt-4 rounded text-lg"}),t.jsxs("div",{className:"mt-1.5",children:[t.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),t.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),t.jsx(o.SkeletonText,{characterCount:15,className:"rounded text-sm"})]}),t.jsx(o.SkeletonText,{characterCount:10,className:"mt-3 rounded text-sm"})]})}exports.Author=e.BlogPostCardAuthor;exports.Content=e.BlogPostCardContent;exports.Date=e.BlogPostCardDate;exports.Details=e.BlogPostCardDetails;exports.Fallback=e.BlogPostCardFallback;exports.Image=e.BlogPostCardImage;exports.Link=e.BlogPostCardLink;exports.Root=e.BlogPostCardRoot;exports.Thumbnail=e.BlogPostCardThumbnail;exports.Title=e.BlogPostCardTitle;exports.Skeleton=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blog-post-card-author-CBXo2FqS.cjs"),e=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),l=require("./skeleton-box-BsY5q4RG.cjs"),o=require("./skeleton-text-BxefRRo2.cjs");function n({className:s,...r}){return e.jsxs("div",{className:a.cn("w-full max-w-md @container",s),...r,children:[e.jsx(l.SkeletonBox,{className:a.cn("mb-4 w-full rounded-2xl","group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]","group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]","group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square")}),e.jsx(o.SkeletonText,{characterCount:25,className:"mt-4 rounded text-lg"}),e.jsxs("div",{className:"mt-1.5",children:[e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:15,className:"rounded text-sm"})]}),e.jsx(o.SkeletonText,{characterCount:10,className:"mt-3 rounded text-sm"})]})}exports.Author=t.BlogPostCardAuthor;exports.Content=t.BlogPostCardContent;exports.Date=t.BlogPostCardDate;exports.Details=t.BlogPostCardDetails;exports.Fallback=t.BlogPostCardFallback;exports.Image=t.BlogPostCardImage;exports.Link=t.BlogPostCardLink;exports.Root=t.BlogPostCardRoot;exports.Thumbnail=t.BlogPostCardThumbnail;exports.Title=t.BlogPostCardTitle;exports.Skeleton=n;
2
2
  //# sourceMappingURL=blog-post-card.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"blog-post-card.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'> & {\n aspectRatio?: '5:6' | '3:4' | '4:3' | '1:1';\n};\n\nexport function BlogPostCardSkeleton({\n className,\n aspectRatio = '4:3',\n ...props\n}: BlogPostCardSkeletonProps) {\n return (\n <div className={cn('w-full max-w-md @container', className)} {...props}>\n <SkeletonPrimitive.Box\n className={cn(\n 'mb-4 w-full rounded-2xl',\n {\n '5:6': 'aspect-[5/6]',\n '3:4': 'aspect-[3/4]',\n '4:3': 'aspect-[4/3]',\n '1:1': 'aspect-square',\n }[aspectRatio],\n )}\n />\n <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n <div className=\"mt-1.5\">\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n </div>\n <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n </div>\n );\n}\n"],"names":["BlogPostCardSkeleton","className","aspectRatio","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"4RASO,SAASA,EAAqB,CACnC,UAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,EAA8B,CAC5B,OACEC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,6BAA8BJ,CAAS,EAAI,GAAGE,EAC/D,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,0BACA,CACE,MAAO,eACP,MAAO,eACP,MAAO,eACP,MAAO,eAAA,EACPH,CAAW,CAAA,CACf,CAAA,QAEDM,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,uBAAuB,EAC7EJ,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,EAC1E,QACCA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,sBAAA,CAAuB,CAAA,EAC/E,CAEJ"}
1
+ {"version":3,"file":"blog-post-card.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n return (\n <div className={cn('w-full max-w-md @container', className)} {...props}>\n <SkeletonPrimitive.Box\n className={cn(\n 'mb-4 w-full rounded-2xl',\n 'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n 'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n 'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n )}\n />\n <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n <div className=\"mt-1.5\">\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n </div>\n <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n </div>\n );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"4RAOO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,OACEC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EAAI,GAAGC,EAC/D,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,0BACA,4DACA,4DACA,4DACA,4DAAA,CACF,CAAA,QAEDG,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,uBAAuB,EAC7EJ,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,EAC1E,QACCA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,sBAAA,CAAuB,CAAA,EAC/E,CAEJ"}
@@ -1,48 +1,42 @@
1
- import { i as h, f as p, h as N, g as C, a as k, c as S, d as b, B as g, b as w, e as B } from "./blog-post-card-author-C1GuND4f.js";
2
- import { jsxs as t, jsx as a } from "react/jsx-runtime";
1
+ import { i as x, f as g, h as f, g as h, a as b, c as N, d as C, B as k, b as S, e as w } from "./blog-post-card-author-VkGle9g8.js";
2
+ import { jsxs as e, jsx as a } from "react/jsx-runtime";
3
3
  import { c as s } from "./utils-CRiPKpXj.js";
4
- import { S as l } from "./skeleton-box-D0XcgPLs.js";
5
- import { S as e } from "./skeleton-text-BCsnfhcU.js";
6
- function i({
7
- className: o,
8
- aspectRatio: r = "4:3",
9
- ...c
10
- }) {
11
- return /* @__PURE__ */ t("div", { className: s("w-full max-w-md @container", o), ...c, children: [
4
+ import { S as c } from "./skeleton-box-D0XcgPLs.js";
5
+ import { S as t } from "./skeleton-text-BCsnfhcU.js";
6
+ function u({ className: o, ...r }) {
7
+ return /* @__PURE__ */ e("div", { className: s("w-full max-w-md @container", o), ...r, children: [
12
8
  /* @__PURE__ */ a(
13
- l,
9
+ c,
14
10
  {
15
11
  className: s(
16
12
  "mb-4 w-full rounded-2xl",
17
- {
18
- "5:6": "aspect-[5/6]",
19
- "3:4": "aspect-[3/4]",
20
- "4:3": "aspect-[4/3]",
21
- "1:1": "aspect-square"
22
- }[r]
13
+ "group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]",
14
+ "group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]",
15
+ "group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]",
16
+ "group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square"
23
17
  )
24
18
  }
25
19
  ),
26
- /* @__PURE__ */ a(e, { characterCount: 25, className: "mt-4 rounded text-lg" }),
27
- /* @__PURE__ */ t("div", { className: "mt-1.5", children: [
28
- /* @__PURE__ */ a(e, { characterCount: "full", className: "rounded text-sm" }),
29
- /* @__PURE__ */ a(e, { characterCount: "full", className: "rounded text-sm" }),
30
- /* @__PURE__ */ a(e, { characterCount: 15, className: "rounded text-sm" })
20
+ /* @__PURE__ */ a(t, { characterCount: 25, className: "mt-4 rounded text-lg" }),
21
+ /* @__PURE__ */ e("div", { className: "mt-1.5", children: [
22
+ /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
23
+ /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
24
+ /* @__PURE__ */ a(t, { characterCount: 15, className: "rounded text-sm" })
31
25
  ] }),
32
- /* @__PURE__ */ a(e, { characterCount: 10, className: "mt-3 rounded text-sm" })
26
+ /* @__PURE__ */ a(t, { characterCount: 10, className: "mt-3 rounded text-sm" })
33
27
  ] });
34
28
  }
35
29
  export {
36
- h as Author,
37
- p as Content,
38
- N as Date,
39
- C as Details,
40
- k as Fallback,
41
- S as Image,
42
- b as Link,
43
- g as Root,
44
- i as Skeleton,
45
- w as Thumbnail,
46
- B as Title
30
+ x as Author,
31
+ g as Content,
32
+ f as Date,
33
+ h as Details,
34
+ b as Fallback,
35
+ N as Image,
36
+ C as Link,
37
+ k as Root,
38
+ u as Skeleton,
39
+ S as Thumbnail,
40
+ w as Title
47
41
  };
48
42
  //# sourceMappingURL=blog-post-card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"blog-post-card.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'> & {\n aspectRatio?: '5:6' | '3:4' | '4:3' | '1:1';\n};\n\nexport function BlogPostCardSkeleton({\n className,\n aspectRatio = '4:3',\n ...props\n}: BlogPostCardSkeletonProps) {\n return (\n <div className={cn('w-full max-w-md @container', className)} {...props}>\n <SkeletonPrimitive.Box\n className={cn(\n 'mb-4 w-full rounded-2xl',\n {\n '5:6': 'aspect-[5/6]',\n '3:4': 'aspect-[3/4]',\n '4:3': 'aspect-[4/3]',\n '1:1': 'aspect-square',\n }[aspectRatio],\n )}\n />\n <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n <div className=\"mt-1.5\">\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n </div>\n <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n </div>\n );\n}\n"],"names":["BlogPostCardSkeleton","className","aspectRatio","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AASO,SAASA,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA8B;AAC5B,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAG,8BAA8BJ,CAAS,GAAI,GAAGE,GAC/D,UAAA;AAAA,IAAA,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,UAAA,EACPH,CAAW;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,sBAEDM,GAAA,EAAuB,gBAAgB,IAAI,WAAU,wBAAuB;AAAA,IAC7E,gBAAAJ,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,MAAA,gBAAAE,EAACE,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB;AAAA,IAAA,GAC1E;AAAA,sBACCA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,uBAAA,CAAuB;AAAA,EAAA,GAC/E;AAEJ;"}
1
+ {"version":3,"file":"blog-post-card.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n return (\n <div className={cn('w-full max-w-md @container', className)} {...props}>\n <SkeletonPrimitive.Box\n className={cn(\n 'mb-4 w-full rounded-2xl',\n 'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n 'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n 'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n )}\n />\n <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n <div className=\"mt-1.5\">\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n </div>\n <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n </div>\n );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAC/D,UAAA;AAAA,IAAA,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,sBAEDG,GAAA,EAAuB,gBAAgB,IAAI,WAAU,wBAAuB;AAAA,IAC7E,gBAAAJ,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,MAAA,gBAAAE,EAACE,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB;AAAA,IAAA,GAC1E;AAAA,sBACCA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,uBAAA,CAAuB;AAAA,EAAA,GAC/E;AAEJ;"}