ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/components/card.js

@@ -0,0 +1,159 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { S as c } from "../index-BtQfgaSF.js";
+import d, { useCallback as g } from "react";
+import { T as l } from "../index-BVqs-uqP.js";
+import { I as h } from "../IconButton-DwkpNgn3.js";
+import { e as C } from "../useBreakpoints-D8wKOvil.js";
+import { c as v } from "../createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const x = v("EllipsisVertical", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+]), f = l({
+  base: [
+    "group/card overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg text-start shadow-soft-sm",
+    "relative flex flex-col px-3 pb-3 pt-2.5 lg:px-4"
+  ]
+}), w = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "div", { ref: a, className: f({ className: r }), ...e, children: s })
+);
+w.displayName = "Card";
+const N = l({
+  extend: f,
+  base: [
+    "cursor-pointer hover:border-primary-border hover:bg-secondary-bg-hover hover:shadow-soft-base",
+    "focus-visible:border-secondary-border focus-visible:bg-secondary-bg focus-visible:shadow-focus focus-visible:outline-none"
+  ]
+}), S = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, onClick: e, ...a }, i) => {
+    const p = t ? c : "div", y = g(
+      (n) => {
+        e && (n.key === "Enter" || n.key === " ") && n.target === n.currentTarget && (n.preventDefault(), e(n));
+      },
+      [e]
+    );
+    return /* @__PURE__ */ o(
+      p,
+      {
+        ref: i,
+        className: N({ className: r }),
+        onClick: e,
+        onKeyDown: y,
+        tabIndex: 0,
+        role: "button",
+        ...a,
+        children: s
+      }
+    );
+  }
+);
+S.displayName = "ActionCard";
+const F = l({
+  base: "mb-1 mr-4 text-base font-medium text-secondary-fg"
+}), T = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "h3", { className: F({ className: r }), ref: a, ...e, children: s })
+);
+T.displayName = "CardTitle";
+const R = l({
+  base: "mb-1 text-xs text-muted"
+}), M = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "h4", { className: R({ className: r }), ref: a, ...e, children: s })
+);
+M.displayName = "CardSubTitle";
+const V = l({
+  base: "mt-auto flex pt-2.5"
+}), I = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "div", { className: V({ className: r }), ref: a, ...e, children: s })
+);
+I.displayName = "CardFooter";
+const L = l({
+  base: "absolute -bottom-0.5 -right-0.5 flex h-[3.875rem] w-[3.875rem] items-center justify-center overflow-hidden rounded-tl-lg"
+}), k = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "div", { className: L({ className: r }), ref: a, ...e, children: s })
+);
+k.displayName = "CardVisualBadge";
+const E = l({
+  base: "absolute bottom-3 right-3"
+}), H = d.forwardRef(
+  ({ className: r, children: s, asChild: t = !1, ...e }, a) => /* @__PURE__ */ o(t ? c : "div", { className: E({ className: r }), ref: a, ...e, children: s })
+);
+H.displayName = "CardFeature";
+const B = l({
+  base: [
+    "absolute right-px top-1.5 h-8 w-8",
+    "invisible group-focus-within/card:visible group-hover/card:visible data-[state=open]:visible touch:visible"
+  ],
+  variants: {
+    isMobile: {
+      true: "right-0 top-1"
+    }
+  }
+}), D = d.forwardRef(
+  ({ className: r, ...s }, t) => {
+    const e = C();
+    return /* @__PURE__ */ o(
+      h,
+      {
+        size: "sm",
+        variant: "text",
+        icon: x,
+        className: B({ className: r, isMobile: e }),
+        ref: t,
+        ...s
+      }
+    );
+  }
+);
+D.displayName = "CardMenuTrigger";
+const u = "calc(100% - 5px)", b = l({
+  base: "stroke-secondary-border"
+}), _ = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "62", height: "100%", fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M62.5747 125.5H13.5C6.32031 125.5 0.5 119.68 0.5 112.5L0.5 12.5009C0.5 5.87323 5.87296 0.50055 12.5006 0.500889L47.9439 0.502702C49.7901 0.502797 51.6136 0.923824 53.2503 1.77825C54.6399 2.50376 56.3395 3.41983 57.6085 4.19672C59.5519 5.38647 62.11 5.50052 62.11 5.50052",
+    className: b()
+  }
+) }), j = l({
+  base: "flex-1 border-y border-secondary-border"
+}), A = () => /* @__PURE__ */ o("div", { className: j(), style: { height: u } }), K = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: u, fill: "none", children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M-0.319971 0.500366L17.4965 0.500309C23.0194 0.50029 27.4966 4.97745 27.4966 10.5003V108.5C27.4966 115.127 22.124 120.5 15.4966 120.5H-0.319971",
+    className: b()
+  }
+) }), z = l({
+  base: "relative pt-[0.625rem]",
+  slots: {
+    frame: "pointer-events-none absolute inset-0 flex h-full max-h-8 w-full items-end"
+  }
+}), G = ({ className: r, children: s, ...t }) => {
+  const e = z();
+  return /* @__PURE__ */ m("div", { className: e.base({ className: r }), ...t, children: [
+    /* @__PURE__ */ m("div", { className: e.frame(), "aria-hidden": !0, children: [
+      /* @__PURE__ */ o(_, {}),
+      /* @__PURE__ */ o(A, {}),
+      /* @__PURE__ */ o(K, {})
+    ] }),
+    s
+  ] });
+};
+G.displayName = "CardFolder";
+export {
+  S as ActionCard,
+  w as Card,
+  H as CardFeature,
+  G as CardFolder,
+  I as CardFooter,
+  D as CardMenuTrigger,
+  M as CardSubTitle,
+  T as CardTitle,
+  k as CardVisualBadge,
+  f as cardStyles
+};
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js","../../src/components/card/styles.ts","../../src/components/card/Card.tsx","../../src/components/card/components/ActionCard.tsx","../../src/components/card/components/CardTitle.tsx","../../src/components/card/components/CardSubTitle.tsx","../../src/components/card/components/CardFooter.tsx","../../src/components/card/components/CardVisualBadge.tsx","../../src/components/card/components/CardFeature.tsx","../../src/components/card/components/CardMenuTrigger.tsx","../../src/components/card/components/FolderSvg.tsx","../../src/components/card/components/CardFolder.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EllipsisVertical = createLucideIcon(\"EllipsisVertical\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"12\", cy: \"5\", r: \"1\", key: \"gxeob9\" }],\n  [\"circle\", { cx: \"12\", cy: \"19\", r: \"1\", key: \"lyex9k\" }]\n]);\n\nexport { EllipsisVertical as default };\n//# sourceMappingURL=ellipsis-vertical.js.map\n","import { tv } from \"tailwind-variants\";\r\n\r\nexport const cardStyles = tv({\r\n\tbase: [\r\n\t\t\"group/card overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg text-start shadow-soft-sm\",\r\n\t\t\"relative flex flex-col px-3 pb-3 pt-2.5 lg:px-4\"\r\n\t]\r\n});\r\n","import { Slot } from \"@radix-ui/react-slot\";\r\nimport React from \"react\";\r\nimport { cardStyles } from \"./styles\";\r\n\r\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\t\treturn (\r\n\t\t\t<Comp ref={ref} className={cardStyles({ className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCard.displayName = \"Card\";\r\n","import { Slot } from \"@radix-ui/react-slot\";\r\nimport React, { useCallback } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { cardStyles } from \"../styles\";\r\n\r\nconst actionCardStyles = tv({\r\n\textend: cardStyles,\r\n\tbase: [\r\n\t\t\"cursor-pointer hover:border-primary-border hover:bg-secondary-bg-hover hover:shadow-soft-base\",\r\n\t\t\"focus-visible:border-secondary-border focus-visible:bg-secondary-bg focus-visible:shadow-focus focus-visible:outline-none\"\r\n\t]\r\n});\r\n\r\nexport type ActionCardProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const ActionCard = React.forwardRef<HTMLDivElement, ActionCardProps>(\r\n\t({ className, children, asChild = false, onClick, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\r\n\t\tconst handleKeyDown = useCallback(\r\n\t\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\tif (onClick && (event.key === \"Enter\" || event.key === \" \") && event.target === event.currentTarget) {\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tonClick(event as unknown as React.MouseEvent<HTMLDivElement>);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t[onClick]\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<Comp\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={actionCardStyles({ className })}\r\n\t\t\t\tonClick={onClick}\r\n\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\ttabIndex={0}\r\n\t\t\t\trole=\"button\"\r\n\t\t\t\t{...props}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nActionCard.displayName = \"ActionCard\";\r\n","import { Slot } from \"@radix-ui/react-slot\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst cardTitleStyles = tv({\r\n\tbase: \"mb-1 mr-4 text-base font-medium text-secondary-fg\"\r\n});\r\n\r\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"h3\";\r\n\t\treturn (\r\n\t\t\t<Comp className={cardTitleStyles({ className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardTitle.displayName = \"CardTitle\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nconst cardSubTitleStyles = tv({\r\n\tbase: \"mb-1 text-xs text-muted\"\r\n});\r\n\r\nexport type CardSubTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const CardSubTitle = React.forwardRef<HTMLHeadingElement, CardSubTitleProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"h4\";\r\n\r\n\t\treturn (\r\n\t\t\t<Comp className={cardSubTitleStyles({ className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardSubTitle.displayName = \"CardSubTitle\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nconst cardFooterStyles = tv({\r\n\tbase: \"mt-auto flex pt-2.5\"\r\n});\r\n\r\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\r\n\t\treturn (\r\n\t\t\t<Comp className={cardFooterStyles({ className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardFooter.displayName = \"CardFooter\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nconst cardVisualBadgeStyles = tv({\r\n\tbase: \"absolute -bottom-0.5 -right-0.5 flex h-[3.875rem] w-[3.875rem] items-center justify-center overflow-hidden rounded-tl-lg\"\r\n});\r\n\r\nexport type CardVisualBadgeProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const CardVisualBadge = React.forwardRef<HTMLDivElement, CardVisualBadgeProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\r\n\t\treturn (\r\n\t\t\t<Comp className={cardVisualBadgeStyles({ className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardVisualBadge.displayName = \"CardVisualBadge\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nconst cardFeatureStyles = tv({\r\n\tbase: \"absolute bottom-3 right-3\"\r\n});\r\n\r\nexport type CardFeatureProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n};\r\n\r\nexport const CardFeature = React.forwardRef<HTMLDivElement, CardFeatureProps>(\r\n\t({ className, children, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\r\n\t\treturn (\r\n\t\t\t<Comp className={cardFeatureStyles({ className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardFeature.displayName = \"CardFeature\";\r\n","import { IconButton, IconButtonProps } from \"@/components/button/icon-button/IconButton\";\r\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\r\nimport { MoreVertical } from \"lucide-react\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst cardMenuTriggerStyles = tv({\r\n\tbase: [\r\n\t\t\"absolute right-px top-1.5 h-8 w-8\",\r\n\t\t\"invisible group-focus-within/card:visible group-hover/card:visible data-[state=open]:visible touch:visible\"\r\n\t],\r\n\tvariants: {\r\n\t\tisMobile: {\r\n\t\t\ttrue: \"right-0 top-1\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type CardMenuTriggerProps = Omit<IconButtonProps, \"icon\"> & {\r\n\ticonProps?: Partial<IconButtonProps>;\r\n};\r\n\r\nexport const CardMenuTrigger = React.forwardRef<HTMLButtonElement, CardMenuTriggerProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst isMobile = useIsMobile();\r\n\r\n\t\treturn (\r\n\t\t\t<IconButton\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\tvariant=\"text\"\r\n\t\t\t\ticon={MoreVertical}\r\n\t\t\t\tclassName={cardMenuTriggerStyles({ className, isMobile })}\r\n\t\t\t\tref={ref}\r\n\t\t\t\t{...props}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCardMenuTrigger.displayName = \"CardMenuTrigger\";\r\n","import { tv } from \"tailwind-variants\";\r\n\r\nconst SVH_FOLDER_HEIGHT = \"calc(100% - 5px)\";\r\n\r\nconst folderSvgStyles = tv({\r\n\tbase: \"stroke-secondary-border\"\r\n});\r\n\r\nexport const FolderSvgLeft = () => {\r\n\treturn (\r\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"62\" height=\"100%\" fill=\"none\">\r\n\t\t\t<path\r\n\t\t\t\td=\"M62.5747 125.5H13.5C6.32031 125.5 0.5 119.68 0.5 112.5L0.5 12.5009C0.5 5.87323 5.87296 0.50055 12.5006 0.500889L47.9439 0.502702C49.7901 0.502797 51.6136 0.923824 53.2503 1.77825C54.6399 2.50376 56.3395 3.41983 57.6085 4.19672C59.5519 5.38647 62.11 5.50052 62.11 5.50052\"\r\n\t\t\t\tclassName={folderSvgStyles()}\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nconst folderSvgMediumStyles = tv({\r\n\tbase: \"flex-1 border-y border-secondary-border\"\r\n});\r\n\r\nexport const FolderSvgMedium = () => {\r\n\treturn <div className={folderSvgMediumStyles()} style={{ height: SVH_FOLDER_HEIGHT }} />;\r\n};\r\n\r\nexport const FolderSvgRight = () => {\r\n\treturn (\r\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height={SVH_FOLDER_HEIGHT} fill=\"none\">\r\n\t\t\t<path\r\n\t\t\t\td=\"M-0.319971 0.500366L17.4965 0.500309C23.0194 0.50029 27.4966 4.97745 27.4966 10.5003V108.5C27.4966 115.127 22.124 120.5 15.4966 120.5H-0.319971\"\r\n\t\t\t\tclassName={folderSvgStyles()}\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FolderSvgLeft, FolderSvgMedium, FolderSvgRight } from \"./FolderSvg\";\r\n\r\nconst cardFolderStyles = tv({\r\n\tbase: \"relative pt-[0.625rem]\",\r\n\tslots: {\r\n\t\tframe: \"pointer-events-none absolute inset-0 flex h-full max-h-8 w-full items-end\"\r\n\t}\r\n});\r\n\r\nexport type CardFolderProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tasChild?: boolean;\r\n\tclassName?: string;\r\n};\r\n\r\nexport const CardFolder = ({ className, children, ...props }: CardFolderProps) => {\r\n\tconst styles = cardFolderStyles();\r\n\r\n\treturn (\r\n\t\t<div className={styles.base({ className })} {...props}>\r\n\t\t\t<div className={styles.frame()} aria-hidden>\r\n\t\t\t\t<FolderSvgLeft />\r\n\t\t\t\t<FolderSvgMedium />\r\n\t\t\t\t<FolderSvgRight />\r\n\t\t\t</div>\r\n\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nCardFolder.displayName = \"CardFolder\";\r\n"],"names":["EllipsisVertical","createLucideIcon","cardStyles","tv","Card","React","className","children","asChild","props","ref","jsx","Slot","actionCardStyles","ActionCard","onClick","Comp","handleKeyDown","useCallback","event","cardTitleStyles","CardTitle","cardSubTitleStyles","CardSubTitle","cardFooterStyles","CardFooter","cardVisualBadgeStyles","CardVisualBadge","cardFeatureStyles","CardFeature","cardMenuTriggerStyles","CardMenuTrigger","isMobile","useIsMobile","IconButton","MoreVertical","SVH_FOLDER_HEIGHT","folderSvgStyles","FolderSvgLeft","folderSvgMediumStyles","FolderSvgMedium","FolderSvgRight","cardFolderStyles","CardFolder","styles","jsxs"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAmBC,EAAiB,oBAAoB;AAAA,EAC5D,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACvD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAU,CAAA;AAC1D,CAAC,GCXYC,IAAaC,EAAG;AAAA,EAC5B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GCCYC,IAAOC,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAGnD,gBAAAC,EAFYH,IAAUI,IAAO,OAEvB,EAAA,KAAAF,GAAU,WAAWR,EAAW,EAAE,WAAAI,GAAW,GAAI,GAAGG,GACxD,UAAAF,EACF,CAAA;AAGH;AAEAH,EAAK,cAAc;ACdnB,MAAMS,IAAmBV,EAAG;AAAA,EAC3B,QAAQD;AAAA,EACR,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAMYY,IAAaT,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,SAAAO,GAAS,GAAGN,EAAM,GAAGC,MAAQ;AAC/D,UAAAM,IAAOR,IAAUI,IAAO,OAExBK,IAAgBC;AAAA,MACrB,CAACC,MAA+C;AAC3C,QAAAJ,MAAYI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,QAAQA,EAAM,WAAWA,EAAM,kBACrFA,EAAM,eAAe,GACrBJ,EAAQI,CAAoD;AAAA,MAE9D;AAAA,MACA,CAACJ,CAAO;AAAA,IACT;AAGC,WAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACA,KAAAN;AAAA,QACA,WAAWG,EAAiB,EAAE,WAAAP,GAAW;AAAA,QACzC,SAAAS;AAAA,QACA,WAAWE;AAAA,QACX,UAAU;AAAA,QACV,MAAK;AAAA,QACJ,GAAGR;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGH;AAEAO,EAAW,cAAc;AC3CzB,MAAMM,IAAkBjB,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAMYkB,IAAYhB,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAGnD,gBAAAC,EAFYH,IAAUI,IAAO,MAEvB,EAAA,WAAWQ,EAAgB,EAAE,WAAAd,EAAW,CAAA,GAAG,KAAAI,GAAW,GAAGD,GAC7D,UAAAF,EACF,CAAA;AAGH;AAEAc,EAAU,cAAc;ACnBxB,MAAMC,IAAqBnB,EAAG;AAAA,EAC7B,MAAM;AACP,CAAC,GAMYoB,IAAelB,EAAM;AAAA,EACjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAInD,gBAAAC,EAHYH,IAAUI,IAAO,MAGvB,EAAA,WAAWU,EAAmB,EAAE,WAAAhB,EAAW,CAAA,GAAG,KAAAI,GAAW,GAAGD,GAChE,UAAAF,EACF,CAAA;AAGH;AAEAgB,EAAa,cAAc;ACpB3B,MAAMC,IAAmBrB,EAAG;AAAA,EAC3B,MAAM;AACP,CAAC,GAMYsB,IAAapB,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAInD,gBAAAC,EAHYH,IAAUI,IAAO,OAGvB,EAAA,WAAWY,EAAiB,EAAE,WAAAlB,EAAW,CAAA,GAAG,KAAAI,GAAW,GAAGD,GAC9D,UAAAF,EACF,CAAA;AAGH;AAEAkB,EAAW,cAAc;ACpBzB,MAAMC,IAAwBvB,EAAG;AAAA,EAChC,MAAM;AACP,CAAC,GAMYwB,IAAkBtB,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAInD,gBAAAC,EAHYH,IAAUI,IAAO,OAGvB,EAAA,WAAWc,EAAsB,EAAE,WAAApB,EAAW,CAAA,GAAG,KAAAI,GAAW,GAAGD,GACnE,UAAAF,EACF,CAAA;AAGH;AAEAoB,EAAgB,cAAc;ACpB9B,MAAMC,IAAoBzB,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAMY0B,IAAcxB,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAInD,gBAAAC,EAHYH,IAAUI,IAAO,OAGvB,EAAA,WAAWgB,EAAkB,EAAE,WAAAtB,EAAW,CAAA,GAAG,KAAAI,GAAW,GAAGD,GAC/D,UAAAF,EACF,CAAA;AAGH;AAEAsB,EAAY,cAAc;AClB1B,MAAMC,IAAwB3B,EAAG;AAAA,EAChC,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMY4B,IAAkB1B,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAA,GAASC,MAAQ;AACjC,UAAMsB,IAAWC,EAAY;AAG5B,WAAA,gBAAAtB;AAAA,MAACuB;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAMC;AAAAA,QACN,WAAWL,EAAsB,EAAE,WAAAxB,GAAW,UAAA0B,GAAU;AAAA,QACxD,KAAAtB;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAsB,EAAgB,cAAc;ACrC9B,MAAMK,IAAoB,oBAEpBC,IAAkBlC,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAEYmC,IAAgB,MAE3B,gBAAA3B,EAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,QAAO,MAAK,QACrE,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,GAAE;AAAA,IACF,WAAW0B,EAAgB;AAAA,EAAA;AAAA,GAE7B,GAIIE,IAAwBpC,EAAG;AAAA,EAChC,MAAM;AACP,CAAC,GAEYqC,IAAkB,MACvB,gBAAA7B,EAAC,SAAI,WAAW4B,KAAyB,OAAO,EAAE,QAAQH,EAAA,GAAqB,GAG1EK,IAAiB,MAE5B,gBAAA9B,EAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAQyB,GAAmB,MAAK,QAClF,UAAA,gBAAAzB;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,GAAE;AAAA,IACF,WAAW0B,EAAgB;AAAA,EAAA;AAAA,GAE7B,GC9BIK,IAAmBvC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACN,OAAO;AAAA,EAAA;AAET,CAAC,GAOYwC,IAAa,CAAC,EAAE,WAAArC,GAAW,UAAAC,GAAU,GAAGE,QAA6B;AACjF,QAAMmC,IAASF,EAAiB;AAG/B,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWD,EAAO,KAAK,EAAE,WAAAtC,EAAW,CAAA,GAAI,GAAGG,GAC/C,UAAA;AAAA,IAAA,gBAAAoC,EAAC,SAAI,WAAWD,EAAO,SAAS,eAAW,IAC1C,UAAA;AAAA,MAAA,gBAAAjC,EAAC2B,GAAc,EAAA;AAAA,wBACdE,GAAgB,EAAA;AAAA,wBAChBC,GAAe,CAAA,CAAA;AAAA,IAAA,GACjB;AAAA,IAEClC;AAAA,EAAA,GACF;AAEF;AAEAoC,EAAW,cAAc;","x_google_ignoreList":[0]}

package/dist/components/carousel/Carousel.d.ts

@@ -0,0 +1,17 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+export type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    setApi?: (api: CarouselApi) => void;
+    disableWheelScroll?: boolean;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { type CarouselApi, Carousel, CarouselContent };

package/dist/components/carousel/Carousel.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Carousel } from './Carousel';
+declare const meta: Meta<typeof Carousel>;
+export default meta;
+type Story = StoryObj<typeof Carousel>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const WithImages: Story;

package/dist/components/carousel/components/carousel-buttons/CarouselButtons.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ButtonBaseVariants } from '../../../button/button-base/ButtonBase';
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
+    asChild?: boolean;
+} & {
+    size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
+} & {
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    containerClassName?: string;
+    iconClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
+    asChild?: boolean;
+} & {
+    size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
+} & {
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    containerClassName?: string;
+    iconClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { CarouselNext, CarouselPrevious };

package/dist/components/carousel/components/carousel-item/CarouselItem.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { CarouselItem };

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,4 @@
+export { Carousel, CarouselContent } from './Carousel';
+export { CarouselItem } from './components/carousel-item/CarouselItem';
+export { CarouselNext } from './components/carousel-buttons/CarouselButtons';
+export { CarouselPrevious } from './components/carousel-buttons/CarouselButtons';

package/dist/components/carousel/utils/CarouselContext.d.ts

@@ -0,0 +1,13 @@
+import { default as useEmblaCarousel } from 'embla-carousel-react';
+import { default as React } from 'react';
+import { CarouselProps } from '../Carousel';
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+export declare const CarouselContext: React.Context<CarouselContextProps | null>;
+export {};

package/dist/components/carousel/utils/useCarousel.d.ts

@@ -0,0 +1,10 @@
+import { default as __DTS_DEFAULT_0__ } from 'embla-carousel-react';
+import { CarouselProps } from '../Carousel';
+export declare function useCarousel(): {
+    carouselRef: ReturnType< __DTS_DEFAULT_0__>[0];
+    api: ReturnType< __DTS_DEFAULT_0__>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;

package/dist/components/carousel.d.ts

@@ -0,0 +1,2 @@
+export * from './carousel/index'
+export {}