@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["ButtonPrimitive"],"sources":["../src/ui/button/button.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Spinner } from \"../spinner/spinner\";\n\nconst buttonVariants = tv({\n  base: \"group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      outline:\n        \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n      danger:\n        \"bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger/40 focus-visible:ring-danger/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger/40\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n    },\n    size: {\n      default:\n        \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n      lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n      xl: \"h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-5\",\n      xxl: \"h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6\",\n      icon: \"size-9\",\n      \"icon-xs\":\n        \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n      \"icon-sm\":\n        \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      \"icon-lg\": \"size-10\",\n      \"icon-xl\": \"size-11 [&_svg:not([class*='size-'])]:size-5\",\n      \"icon-xxl\": \"size-14 [&_svg:not([class*='size-'])]:size-6\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> &\n  VariantProps<typeof buttonVariants> & {\n    isLoading?: boolean;\n  };\n\nconst ButtonContent = ({\n  children,\n  isLoading,\n}: {\n  children: ReactNode;\n  isLoading?: boolean;\n}) => (\n  <span className=\"relative inline-flex items-center justify-center\">\n    <span\n      className={cn(\n        \"inline-flex items-center justify-center gap-2 transition-all duration-200\",\n        isLoading\n          ? \"pointer-events-none -translate-y-full opacity-0\"\n          : \"translate-y-0 opacity-100\"\n      )}\n    >\n      {children}\n    </span>\n    <span\n      className={cn(\n        \"absolute inset-0 inline-flex items-center justify-center transition-all duration-200\",\n        isLoading\n          ? \"translate-y-0 opacity-100\"\n          : \"pointer-events-none -translate-y-full opacity-0\"\n      )}\n    >\n      <Spinner className=\"size-4\" />\n    </span>\n  </span>\n);\n\nconst Button = ({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  isLoading,\n  children,\n  disabled,\n  ...props\n}: ButtonProps) => (\n  <ButtonPrimitive\n    className={cn(buttonVariants({ variant, size }), className)}\n    data-loading={isLoading}\n    data-slot=\"button\"\n    disabled={disabled || isLoading}\n    {...props}\n  >\n    <ButtonContent isLoading={isLoading}>{children}</ButtonContent>\n  </ButtonPrimitive>\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAOA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,QACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GACL,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;GACX,WAAW;GACX,YAAY;GACb;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,iBAAiB,EACrB,UACA,gBAKA,qBAAC;CAAK,WAAU;YACd,oBAAC;EACC,WAAW,GACT,6EACA,YACI,oDACA,4BACL;EAEA;GACI,EACP,oBAAC;EACC,WAAW,GACT,wFACA,YACI,8BACA,kDACL;YAED,oBAAC,WAAQ,WAAU,WAAW;GACzB;EACF;AAGT,MAAM,UAAU,EACd,WACA,UAAU,WACV,OAAO,WACP,WACA,UACA,UACA,GAAG,YAEH,oBAACA;CACC,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM,CAAC,EAAE,UAAU;CAC3D,gBAAc;CACd,aAAU;CACV,UAAU,YAAY;CACtB,GAAI;WAEJ,oBAAC;EAAyB;EAAY;GAAyB;EAC/C"}

package/dist/card-title-BBu0T37s.js

@@ -0,0 +1,53 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/card/card-action.tsx
+const CardAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+	"data-slot": "card-action",
+	...props
+});
+
+//#endregion
+//#region src/ui/card/card-content.tsx
+const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("px-6 group-data-[size=sm]/card:px-4", className),
+	"data-slot": "card-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/card/card-description.tsx
+const CardDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-sm text-muted-foreground", className),
+	"data-slot": "card-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/card/card-footer.tsx
+const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center rounded-b-xl px-5 pb-5 group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:pb-3 [.border-t]:pt-5 group-data-[size=sm]/card:[.border-t]:pt-3", className),
+	"data-slot": "card-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/card/card-header.tsx
+const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-5 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-3", className),
+	"data-slot": "card-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/card/card-title.tsx
+const CardTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+	"data-slot": "card-title",
+	...props
+});
+
+//#endregion
+export { CardContent as a, CardDescription as i, CardHeader as n, CardAction as o, CardFooter as r, CardTitle as t };
+//# sourceMappingURL=card-title-BBu0T37s.js.map

package/dist/card-title-BBu0T37s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title-BBu0T37s.js","names":[],"sources":["../src/ui/card/card-action.tsx","../src/ui/card/card-content.tsx","../src/ui/card/card-description.tsx","../src/ui/card/card-footer.tsx","../src/ui/card/card-header.tsx","../src/ui/card/card-title.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardAction = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n      className\n    )}\n    data-slot=\"card-action\"\n    {...props}\n  />\n);\n\nexport { CardAction };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardContent = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n    data-slot=\"card-content\"\n    {...props}\n  />\n);\n\nexport { CardContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardDescription = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    data-slot=\"card-description\"\n    {...props}\n  />\n);\n\nexport { CardDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardFooter = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex items-center rounded-b-xl px-5 pb-5 group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:pb-3 [.border-t]:pt-5 group-data-[size=sm]/card:[.border-t]:pt-3\",\n      className\n    )}\n    data-slot=\"card-footer\"\n    {...props}\n  />\n);\n\nexport { CardFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardHeader = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-5 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-5 group-data-[size=sm]/card:[.border-b]:pb-3\",\n      className\n    )}\n    data-slot=\"card-header\"\n    {...props}\n  />\n);\n\nexport { CardHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst CardTitle = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n      className\n    )}\n    data-slot=\"card-title\"\n    {...props}\n  />\n);\n\nexport { CardTitle };\n"],"mappings":";;;;AAIA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,kEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,uCAAuC,UAAU;CAC/D,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC;CACC,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sKACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sSACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,wEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/card-title-Dk0akcFR.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/card/card-action.d.ts
+declare const CardAction: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-content.d.ts
+declare const CardContent: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-description.d.ts
+declare const CardDescription: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-footer.d.ts
+declare const CardFooter: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-header.d.ts
+declare const CardHeader: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-title.d.ts
+declare const CardTitle: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardContent as a, CardDescription as i, CardHeader as n, CardAction as o, CardFooter as r, CardTitle as t };
+//# sourceMappingURL=card-title-Dk0akcFR.d.ts.map

package/dist/card-title-Dk0akcFR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title-Dk0akcFR.d.ts","names":[],"sources":["../src/ui/card/card-action.tsx","../src/ui/card/card-content.tsx","../src/ui/card/card-description.tsx","../src/ui/card/card-footer.tsx","../src/ui/card/card-header.tsx","../src/ui/card/card-title.tsx"],"mappings":";;;;cAIM,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA5D,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA7D,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCAjE,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA5D,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA5D,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card.d.ts

@@ -0,0 +1,41 @@
+import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "./card-title-Dk0akcFR.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/card/card.d.ts
+declare const Card: {
+  ({
+    className,
+    size,
+    ...props
+  }: ComponentProps<"div"> & {
+    size?: "default" | "sm";
+  }): react_jsx_runtime0.JSX.Element;
+  Action: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../src/ui/card/card.tsx"],"mappings":";;;;;cAWM,IAAA;EAAA;;;;KAIH,cAAA;IAA0B,IAAA;EAAA,IAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card.js

@@ -0,0 +1,21 @@
+import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "./card-title-BBu0T37s.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/card/card.tsx
+const Card = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/card flex flex-col gap-5 overflow-hidden rounded-xl border border-border bg-card py-5 text-sm text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+	"data-size": size,
+	"data-slot": "card",
+	...props
+});
+Card.Action = CardAction;
+Card.Content = CardContent;
+Card.Description = CardDescription;
+Card.Footer = CardFooter;
+Card.Header = CardHeader;
+Card.Title = CardTitle;
+
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../src/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { CardAction } from \"./card-action\";\nimport { CardContent } from \"./card-content\";\nimport { CardDescription } from \"./card-description\";\nimport { CardFooter } from \"./card-footer\";\nimport { CardHeader } from \"./card-header\";\nimport { CardTitle } from \"./card-title\";\n\nconst Card = ({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) => (\n  <div\n    className={cn(\n      \"group/card flex flex-col gap-5 overflow-hidden rounded-xl border border-border bg-card py-5 text-sm text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"card\"\n    {...props}\n  />\n);\n\nCard.Action = CardAction;\nCard.Content = CardContent;\nCard.Description = CardDescription;\nCard.Footer = CardFooter;\nCard.Header = CardHeader;\nCard.Title = CardTitle;\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"mappings":";;;;;AAWA,MAAM,QAAQ,EACZ,WACA,OAAO,WACP,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,6VACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;EACJ;AAGJ,KAAK,SAAS;AACd,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,SAAS;AACd,KAAK,QAAQ"}

package/dist/carousel-previous-BE0u96g1.js

@@ -0,0 +1,90 @@
+import { Button } from "./button.js";
+import { cn } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft01Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/carousel/use-carousel.tsx
+const CarouselContext = createContext(null);
+const useCarousel = () => {
+	const context = useContext(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-content.tsx
+const CarouselContent = ({ className, ...props }) => {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		ref: carouselRef,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-item.tsx
+const CarouselItem = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		"aria-roledescription": "slide",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		"data-slot": "carousel-item",
+		role: "group",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-next.tsx
+const CarouselNext = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-next",
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowRight01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/carousel/carousel-previous.tsx
+const CarouselPrevious = ({ className, variant = "outline", size = "icon-sm", ...props }) => {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-previous",
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		size,
+		variant,
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowLeft01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+};
+
+//#endregion
+export { CarouselContext as a, CarouselContent as i, CarouselNext as n, useCarousel as o, CarouselItem as r, CarouselPrevious as t };
+//# sourceMappingURL=carousel-previous-BE0u96g1.js.map

package/dist/carousel-previous-BE0u96g1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-previous-BE0u96g1.js","names":[],"sources":["../src/ui/carousel/use-carousel.tsx","../src/ui/carousel/carousel-content.tsx","../src/ui/carousel/carousel-item.tsx","../src/ui/carousel/carousel-next.tsx","../src/ui/carousel/carousel-previous.tsx"],"sourcesContent":["import type useEmblaCarousel from \"embla-carousel-react\";\nimport type { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nimport { createContext, useContext } from \"react\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null);\n\nconst useCarousel = () => {\n  const context = useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n};\n\nexport {\n  type CarouselApi,\n  type CarouselContextProps,\n  type CarouselProps,\n  CarouselContext,\n  useCarousel,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\n\nconst CarouselContent = ({ className, ...props }: ComponentProps<\"div\">) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n      ref={carouselRef}\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport { CarouselContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\n\nconst CarouselItem = ({ className, ...props }: ComponentProps<\"div\">) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className\n      )}\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n};\n\nexport { CarouselItem };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\n\nconst CarouselNext = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: ComponentProps<typeof Button>) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowRight01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\n\nconst CarouselPrevious = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: ComponentProps<typeof Button>) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowLeft01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselPrevious };\n"],"mappings":";;;;;;;;AA0BA,MAAM,kBAAkB,cAA2C,KAAK;AAExE,MAAM,oBAAoB;CACxB,MAAM,UAAU,WAAW,gBAAgB;AAE3C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAGnE,QAAO;;;;;AC7BT,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAmC;CAC1E,MAAM,EAAE,aAAa,gBAAgB,aAAa;AAElD,QACE,oBAAC;EACC,WAAU;EACV,aAAU;EACV,KAAK;YAEL,oBAAC;GACC,WAAW,GACT,QACA,gBAAgB,eAAe,UAAU,kBACzC,UACD;GACD,GAAI;IACJ;GACE;;;;;ACjBV,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAAmC;CACvE,MAAM,EAAE,gBAAgB,aAAa;AAErC,QACE,oBAAC;EACC,wBAAqB;EACrB,WAAW,GACT,sCACA,gBAAgB,eAAe,SAAS,QACxC,UACD;EACD,aAAU;EACV,MAAK;EACL,GAAI;GACJ;;;;;ACXN,MAAM,gBAAgB,EACpB,WACA,UAAU,WACV,OAAO,WACP,GAAG,YACgC;CACnC,MAAM,EAAE,aAAa,YAAY,kBAAkB,aAAa;AAEhE,QACE,qBAAC;EACC,WAAW,GACT,4CACA,gBAAgB,eACZ,uCACA,kDACJ,UACD;EACD,aAAU;EACV,UAAU,CAAC;EACX,SAAS;EACH;EACG;EACT,GAAI;aAEJ,oBAAC;GAAc,MAAM;GAAkB,aAAa;IAAK,EACzD,oBAAC;GAAK,WAAU;aAAU;IAAiB;GACpC;;;;;AC1Bb,MAAM,oBAAoB,EACxB,WACA,UAAU,WACV,OAAO,WACP,GAAG,YACgC;CACnC,MAAM,EAAE,aAAa,YAAY,kBAAkB,aAAa;AAEhE,QACE,qBAAC;EACC,WAAW,GACT,4CACA,gBAAgB,eACZ,sCACA,+CACJ,UACD;EACD,aAAU;EACV,UAAU,CAAC;EACX,SAAS;EACH;EACG;EACT,GAAI;aAEJ,oBAAC;GAAc,MAAM;GAAiB,aAAa;IAAK,EACxD,oBAAC;GAAK,WAAU;aAAU;IAAqB;GACxC"}

package/dist/carousel.d.ts

@@ -0,0 +1,98 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { ButtonProps } from "./button.js";
+import { at as CarouselNext, it as CarouselPrevious, nt as CarouselProps, ot as CarouselItem, rt as useCarousel, st as CarouselContent, tt as CarouselApi } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/carousel/carousel.d.ts
+declare const Carousel: {
+  ({
+    orientation,
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
+    ...props
+  }: ComponentProps<"div"> & CarouselProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Next: ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ComponentProps<({
+    className,
+    variant,
+    size,
+    isLoading,
+    children,
+    disabled,
+    ...props
+  }: ButtonProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Previous: ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ComponentProps<({
+    className,
+    variant,
+    size,
+    isLoading,
+    children,
+    disabled,
+    ...props
+  }: ButtonProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","names":[],"sources":["../src/ui/carousel/carousel.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuBM,QAAA;EAAA;;;;;;;;KAQH,cAAA,UAAwB,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/carousel.js

@@ -0,0 +1,79 @@
+"use client";
+
+import { a as CarouselContext, i as CarouselContent, n as CarouselNext, o as useCarousel, r as CarouselItem, t as CarouselPrevious } from "./carousel-previous-BE0u96g1.js";
+import { cn } from "tailwind-variants";
+import { useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import useEmblaCarousel from "embla-carousel-react";
+
+//#region src/ui/carousel/carousel.tsx
+const Carousel = ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) => {
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	const [canScrollPrev, setCanScrollPrev] = useState(false);
+	const [canScrollNext, setCanScrollNext] = useState(false);
+	const onSelect = useCallback((emblaApi) => {
+		if (!emblaApi) return;
+		setCanScrollPrev(emblaApi.canScrollPrev());
+		setCanScrollNext(emblaApi.canScrollNext());
+	}, []);
+	const scrollPrev = useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrev();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrev, scrollNext]);
+	useEffect(() => {
+		if (!(api && setApi)) return;
+		setApi(api);
+	}, [api, setApi]);
+	useEffect(() => {
+		if (!api) return;
+		onSelect(api);
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api?.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value: {
+			carouselRef,
+			api,
+			opts,
+			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev,
+			scrollNext,
+			canScrollPrev,
+			canScrollNext
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"aria-roledescription": "carousel",
+			className: cn("relative", className),
+			"data-slot": "carousel",
+			onKeyDownCapture: handleKeyDown,
+			role: "region",
+			...props,
+			children
+		})
+	});
+};
+Carousel.Content = CarouselContent;
+Carousel.Item = CarouselItem;
+Carousel.Next = CarouselNext;
+Carousel.Previous = CarouselPrevious;
+
+//#endregion
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","names":[],"sources":["../src/ui/carousel/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport {\n  type ComponentProps,\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { CarouselContent } from \"./carousel-content\";\nimport { CarouselItem } from \"./carousel-item\";\nimport { CarouselNext } from \"./carousel-next\";\nimport { CarouselPrevious } from \"./carousel-previous\";\nimport {\n  type CarouselApi,\n  CarouselContext,\n  type CarouselProps,\n  useCarousel,\n} from \"./use-carousel\";\n\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & CarouselProps) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  );\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((emblaApi: CarouselApi) => {\n    if (!emblaApi) {\n      return;\n    }\n    setCanScrollPrev(emblaApi.canScrollPrev());\n    setCanScrollNext(emblaApi.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext]\n  );\n\n  useEffect(() => {\n    if (!(api && setApi)) {\n      return;\n    }\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api?.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api,\n        opts,\n        orientation:\n          orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      {/** biome-ignore lint/a11y/useSemanticElements: region is not semantically appropriate for carousel */}\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        data-slot=\"carousel\"\n        onKeyDownCapture={handleKeyDown}\n        role=\"region\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\nCarousel.Content = CarouselContent;\nCarousel.Item = CarouselItem;\nCarousel.Next = CarouselNext;\nCarousel.Previous = CarouselPrevious;\n\nexport type { CarouselApi } from \"./use-carousel\";\n\nexport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  useCarousel,\n};\n"],"mappings":";;;;;;;;;AAuBA,MAAM,YAAY,EAChB,cAAc,cACd,MACA,QACA,SACA,WACA,UACA,GAAG,YACwC;CAC3C,MAAM,CAAC,aAAa,OAAO,iBACzB;EACE,GAAG;EACH,MAAM,gBAAgB,eAAe,MAAM;EAC5C,EACD,QACD;CACD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CAEzD,MAAM,WAAW,aAAa,aAA0B;AACtD,MAAI,CAAC,SACH;AAEF,mBAAiB,SAAS,eAAe,CAAC;AAC1C,mBAAiB,SAAS,eAAe,CAAC;IACzC,EAAE,CAAC;CAEN,MAAM,aAAa,kBAAkB;AACnC,OAAK,YAAY;IAChB,CAAC,IAAI,CAAC;CAET,MAAM,aAAa,kBAAkB;AACnC,OAAK,YAAY;IAChB,CAAC,IAAI,CAAC;CAET,MAAM,gBAAgB,aACnB,UAAyC;AACxC,MAAI,MAAM,QAAQ,aAAa;AAC7B,SAAM,gBAAgB;AACtB,eAAY;aACH,MAAM,QAAQ,cAAc;AACrC,SAAM,gBAAgB;AACtB,eAAY;;IAGhB,CAAC,YAAY,WAAW,CACzB;AAED,iBAAgB;AACd,MAAI,EAAE,OAAO,QACX;AAEF,SAAO,IAAI;IACV,CAAC,KAAK,OAAO,CAAC;AAEjB,iBAAgB;AACd,MAAI,CAAC,IACH;AAEF,WAAS,IAAI;AACb,MAAI,GAAG,UAAU,SAAS;AAC1B,MAAI,GAAG,UAAU,SAAS;AAE1B,eAAa;AACX,QAAK,IAAI,UAAU,SAAS;;IAE7B,CAAC,KAAK,SAAS,CAAC;AAEnB,QACE,oBAAC,gBAAgB;EACf,OAAO;GACL;GACA;GACA;GACA,aACE,gBAAgB,MAAM,SAAS,MAAM,aAAa;GACpD;GACA;GACA;GACA;GACD;YAGD,oBAAC;GACC,wBAAqB;GACrB,WAAW,GAAG,YAAY,UAAU;GACpC,aAAU;GACV,kBAAkB;GAClB,MAAK;GACL,GAAI;GAEH;IACG;GACmB;;AAI/B,SAAS,UAAU;AACnB,SAAS,OAAO;AAChB,SAAS,OAAO;AAChB,SAAS,WAAW"}

package/dist/checkbox-group.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
+
+//#region src/ui/checkbox-group/checkbox-group.d.ts
+type CheckboxGroupProps = ComponentProps<typeof CheckboxGroup$1>;
+declare const CheckboxGroup: ({
+  className,
+  ...props
+}: CheckboxGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckboxGroup, CheckboxGroupProps };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","names":[],"sources":["../src/ui/checkbox-group/checkbox-group.tsx"],"mappings":";;;;;KAKY,kBAAA,GAAqB,cAAA,QAAsB,eAAA;AAAA,cAE1C,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/checkbox-group.js

@@ -0,0 +1,14 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
+
+//#region src/ui/checkbox-group/checkbox-group.tsx
+const CheckboxGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(CheckboxGroup$1, {
+	className: cn("flex flex-col items-start gap-1", className),
+	"data-slot": "checkbox-group",
+	...props
+});
+
+//#endregion
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":["BaseCheckboxGroup"],"sources":["../src/ui/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"tailwind-variants\";\n\nexport type CheckboxGroupProps = ComponentProps<typeof BaseCheckboxGroup>;\n\nexport const CheckboxGroup = ({ className, ...props }: CheckboxGroupProps) => (\n  <BaseCheckboxGroup\n    className={cn(\"flex flex-col items-start gap-1\", className)}\n    data-slot=\"checkbox-group\"\n    {...props}\n  />\n);\n"],"mappings":";;;;;AAOA,MAAa,iBAAiB,EAAE,WAAW,GAAG,YAC5C,oBAACA;CACC,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;EACJ"}

package/dist/checkbox.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox.d.ts
+type CheckboxProps = Checkbox$1.Root.Props;
+declare const Checkbox: ({
+  className,
+  indeterminate,
+  ...props
+}: CheckboxProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Checkbox, CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../src/ui/checkbox/checkbox.tsx"],"mappings":";;;;KAKY,aAAA,GAAgB,UAAA,CAAkB,IAAA,CAAK,KAAA;AAAA,cAE7C,QAAA;EAAY,SAAA;EAAA,aAAA;EAAA,GAAA;AAAA,GAAwC,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/checkbox.js

@@ -0,0 +1,28 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { MinusSignIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox.tsx
+const Checkbox = ({ className, indeterminate, ...props }) => /* @__PURE__ */ jsx(Checkbox$1.Root, {
+	className: cn("peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] border border-input shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary", className),
+	"data-slot": "checkbox",
+	indeterminate,
+	...props,
+	children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+		className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+		"data-slot": "checkbox-indicator",
+		children: indeterminate ? /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: MinusSignIcon,
+			strokeWidth: 2
+		}) : /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Tick02Icon,
+			strokeWidth: 2
+		})
+	})
+});
+
+//#endregion
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive"],"sources":["../src/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { MinusSignIcon, Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type CheckboxProps = CheckboxPrimitive.Root.Props;\n\nconst Checkbox = ({ className, indeterminate, ...props }: CheckboxProps) => (\n  <CheckboxPrimitive.Root\n    className={cn(\n      \"peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] border border-input shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground dark:bg-input/30 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-checked:bg-primary dark:data-indeterminate:bg-primary\",\n      className\n    )}\n    data-slot=\"checkbox\"\n    indeterminate={indeterminate}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className=\"grid place-content-center text-current transition-none [&>svg]:size-3.5\"\n      data-slot=\"checkbox-indicator\"\n    >\n      {indeterminate ? (\n        <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n      ) : (\n        <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n);\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAOA,MAAM,YAAY,EAAE,WAAW,eAAe,GAAG,YAC/C,oBAACA,WAAkB;CACjB,WAAW,GACT,g0BACA,UACD;CACD,aAAU;CACK;CACf,GAAI;WAEJ,oBAACA,WAAkB;EACjB,WAAU;EACV,aAAU;YAET,gBACC,oBAAC;GAAc,MAAM;GAAe,aAAa;IAAK,GAEtD,oBAAC;GAAc,MAAM;GAAY,aAAa;IAAK;GAEzB;EACP"}

package/dist/collapsible-trigger-COktdQ2E.js

@@ -0,0 +1,22 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+
+//#region src/ui/collapsible/collapsible-content.tsx
+const CollapsibleContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible.Panel, {
+	className: cn("flex h-(--collapsible-panel-height) flex-col justify-end overflow-hidden transition-all duration-150 ease-out", "[&[hidden]:not([hidden='until-found'])]:hidden", "data-ending-style:h-0 data-starting-style:h-0", className),
+	"data-slot": "collapsible-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/collapsible/collapsible-trigger.tsx
+const CollapsibleTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "collapsible-trigger",
+	...props
+});
+
+//#endregion
+export { CollapsibleContent as n, CollapsibleTrigger as t };
+//# sourceMappingURL=collapsible-trigger-COktdQ2E.js.map

package/dist/collapsible-trigger-COktdQ2E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger-COktdQ2E.js","names":["CollapsiblePrimitive","CollapsiblePrimitive"],"sources":["../src/ui/collapsible/collapsible-content.tsx","../src/ui/collapsible/collapsible-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\nimport { cn } from \"tailwind-variants\";\n\nconst CollapsibleContent = ({\n  className,\n  ...props\n}: CollapsiblePrimitive.Panel.Props) => (\n  <CollapsiblePrimitive.Panel\n    className={cn(\n      \"flex h-(--collapsible-panel-height) flex-col justify-end overflow-hidden transition-all duration-150 ease-out\",\n      \"[&[hidden]:not([hidden='until-found'])]:hidden\",\n      \"data-ending-style:h-0 data-starting-style:h-0\",\n      className\n    )}\n    data-slot=\"collapsible-content\"\n    {...props}\n  />\n);\n\nexport { CollapsibleContent };\n","\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\nimport { cn } from \"tailwind-variants\";\n\nconst CollapsibleTrigger = ({\n  className,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props) => (\n  <CollapsiblePrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"collapsible-trigger\"\n    {...props}\n  />\n);\n\nexport { CollapsibleTrigger };\n"],"mappings":";;;;;AAKA,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACA,YAAqB;CACpB,WAAW,GACT,iHACA,kDACA,iDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACbJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,YAAqB;CACpB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}