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

package/dist/carousel.d.ts

@@ -1,47 +1,4 @@
-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 { a as CarouselPreviousProps, c as CarouselItem, d as CarouselContentProps, i as CarouselPrevious, l as CarouselItemProps, n as CarouselProps, o as CarouselNext, r as useCarousel, s as CarouselNextProps, t as CarouselApi, u as CarouselContent } from "./use-carousel-BP1JcA8B.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -59,40 +16,24 @@ declare const Carousel: {
   Content: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CarouselContentProps) => react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CarouselItemProps) => 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;
+  }: CarouselNextProps) => 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;
+  }: CarouselPreviousProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, useCarousel };
 //# sourceMappingURL=carousel.d.ts.map

package/dist/carousel.d.ts.map

@@ -1 +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"}
+{"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

@@ -1,6 +1,6 @@
 "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 { a as CarouselContext, i as CarouselContent, n as CarouselNext, o as useCarousel, r as CarouselItem, t as CarouselPrevious } from "./carousel-previous-OcdvvI1k.js";
 import { cn } from "tailwind-variants";
 import { useCallback, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/carousel.js.map

@@ -1 +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"}
+{"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\nexport type { CarouselProps } from \"./use-carousel\";\n\nexport type { CarouselContentProps } from \"./carousel-content\";\nexport type { CarouselItemProps } from \"./carousel-item\";\nexport type { CarouselNextProps } from \"./carousel-next\";\nexport type { CarouselPreviousProps } from \"./carousel-previous\";\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.map

@@ -1 +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"}
+{"version":3,"file":"checkbox-group.d.ts","names":[],"sources":["../src/ui/checkbox-group/checkbox-group.tsx"],"mappings":";;;;;KAMY,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

@@ -1,10 +1,10 @@
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
 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),
+	className: mergeBaseUIClassName("flex flex-col items-start gap-1", className),
 	"data-slot": "checkbox-group",
 	...props
 });

package/dist/checkbox-group.js.map

@@ -1 +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"}
+{"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\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type CheckboxGroupProps = ComponentProps<typeof BaseCheckboxGroup>;\n\nexport const CheckboxGroup = ({ className, ...props }: CheckboxGroupProps) => (\n  <BaseCheckboxGroup\n    className={mergeBaseUIClassName<BaseCheckboxGroup.State>(\n      \"flex flex-col items-start gap-1\",\n      className\n    )}\n    data-slot=\"checkbox-group\"\n    {...props}\n  />\n);\n"],"mappings":";;;;;AAQA,MAAa,iBAAiB,EAAE,WAAW,GAAG,YAC5C,oBAACA;CACC,WAAW,qBACT,mCACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/checkbox-indicator-D9X12aCq.d.ts

@@ -0,0 +1,44 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox-indicator.d.ts
+declare const checkboxIndicatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "grid place-content-center text-current transition-none", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "grid place-content-center text-current transition-none", unknown, unknown, undefined>>;
+type CheckboxIndicatorVariantProps = Omit<VariantProps<typeof checkboxIndicatorVariants>, "size"> & {
+  size?: UISize;
+};
+type CheckboxIndicatorProps = Checkbox.Indicator.Props & CheckboxIndicatorVariantProps;
+declare const CheckboxIndicator: ({
+  className,
+  size: providedSize,
+  ...props
+}: CheckboxIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CheckboxIndicatorProps as n, CheckboxIndicator as t };
+//# sourceMappingURL=checkbox-indicator-D9X12aCq.d.ts.map

package/dist/checkbox-indicator-D9X12aCq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-indicator-D9X12aCq.d.ts","names":[],"sources":["../src/ui/checkbox/checkbox-indicator.tsx"],"mappings":";;;;;;;cAQM,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,IAAA,CACnC,YAAA,QAAoB,yBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,sBAAA,GAAyB,QAAA,CAAkB,SAAA,CAAU,KAAA,GAC/D,6BAAA;AAAA,cAEI,iBAAA;EAAqB,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/checkbox-indicator-DMjot9eq.js

@@ -0,0 +1,31 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+
+//#region src/ui/checkbox/checkbox-indicator.tsx
+const checkboxIndicatorVariants = tv({
+	base: "grid place-content-center text-current transition-none",
+	variants: { size: {
+		xs: "[&>svg]:size-2",
+		sm: "[&>svg]:size-2.5",
+		md: "[&>svg]:size-3",
+		lg: "[&>svg]:size-3.5",
+		xl: "[&>svg]:size-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+const CheckboxIndicator = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Checkbox.Indicator, {
+		className: mergeBaseUIClassName(checkboxIndicatorVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "checkbox-indicator",
+		...props
+	});
+};
+
+//#endregion
+export { CheckboxIndicator as t };
+//# sourceMappingURL=checkbox-indicator-DMjot9eq.js.map

package/dist/checkbox-indicator-DMjot9eq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-indicator-DMjot9eq.js","names":["CheckboxPrimitive"],"sources":["../src/ui/checkbox/checkbox-indicator.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nconst checkboxIndicatorVariants = tv({\n  base: \"grid place-content-center text-current transition-none\",\n  variants: {\n    size: {\n      xs: \"[&>svg]:size-2\",\n      sm: \"[&>svg]:size-2.5\",\n      md: \"[&>svg]:size-3\",\n      lg: \"[&>svg]:size-3.5\",\n      xl: \"[&>svg]:size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype CheckboxIndicatorVariantProps = Omit<\n  VariantProps<typeof checkboxIndicatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type CheckboxIndicatorProps = CheckboxPrimitive.Indicator.Props &\n  CheckboxIndicatorVariantProps;\n\nconst CheckboxIndicator = ({\n  className,\n  size: providedSize,\n  ...props\n}: CheckboxIndicatorProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <CheckboxPrimitive.Indicator\n      className={mergeBaseUIClassName<CheckboxPrimitive.Indicator.State>(\n        checkboxIndicatorVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"checkbox-indicator\"\n      {...props}\n    />\n  );\n};\n\nexport { CheckboxIndicator };\n"],"mappings":";;;;;;;AAQA,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,qBAAqB,EACzB,WACA,MAAM,cACN,GAAG,YACyB;CAC5B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,SAAkB;EACjB,WAAW,qBACT,0BAA0B,EAAE,MAAM,CAAC,EACnC,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ"}

package/dist/checkbox.d.ts

@@ -1,13 +1,54 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { n as CheckboxIndicatorProps, t as CheckboxIndicator } from "./checkbox-indicator-D9X12aCq.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
 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;
+declare const checkboxVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 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", unknown, unknown, undefined>>;
+type CheckboxVariantProps = Omit<VariantProps<typeof checkboxVariants>, "size"> & {
+  size?: UISize;
+};
+type CheckboxProps = Checkbox$1.Root.Props & CheckboxVariantProps;
+declare const Checkbox: {
+  ({
+    className,
+    indeterminate,
+    children,
+    size: providedSize,
+    ...props
+  }: CheckboxProps): react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    size: providedSize,
+    ...props
+  }: CheckboxIndicatorProps) => react_jsx_runtime0.JSX.Element;
+};
 //#endregion
-export { Checkbox, CheckboxProps };
+export { Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, CheckboxProps };
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../src/ui/checkbox/checkbox.tsx"],"mappings":";;;;;;;;cAWM,gBAAA,EAcJ,kBAAA,CAdoB,YAAA;;;;;;;;;;;;;;;;cAcpB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,oBAAA,GAAuB,IAAA,CAC1B,YAAA,QAAoB,gBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,aAAA,GAAgB,UAAA,CAAkB,IAAA,CAAK,KAAA,GAAQ,oBAAA;AAAA,cAErD,QAAA;EAAA;;;;;;KAMH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/checkbox.js

@@ -1,28 +1,46 @@
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as CheckboxIndicator } from "./checkbox-indicator-DMjot9eq.js";
+import { tv } 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
-		})
-	})
+const checkboxVariants = tv({
+	base: "peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 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",
+	variants: { size: {
+		xs: "size-3 rounded-[3px] after:absolute after:-inset-1.5",
+		sm: "size-3.5 rounded-[3.5px] after:absolute after:-inset-2",
+		md: "size-4 rounded-[4px] after:absolute after:-inset-2.5",
+		lg: "size-[18px] rounded-[4px] after:absolute after:-inset-3",
+		xl: "size-5 rounded-[5px] after:absolute after:-inset-3.5"
+	} },
+	defaultVariants: { size: "md" }
 });
+const Checkbox = ({ className, indeterminate, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		className: mergeBaseUIClassName(checkboxVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "checkbox",
+		indeterminate,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckboxIndicator, {
+			size,
+			children: indeterminate ? /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: MinusSignIcon,
+				strokeWidth: 2
+			}) : /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Tick02Icon,
+				strokeWidth: 2
+			})
+		})
+	});
+};
+Checkbox.Indicator = CheckboxIndicator;
 
 //#endregion
-export { Checkbox };
+export { Checkbox, CheckboxIndicator };
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -1 +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"}
+{"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 { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { CheckboxIndicator } from \"./checkbox-indicator\";\n\nconst checkboxVariants = tv({\n  base: \"peer relative flex shrink-0 cursor-pointer items-center justify-center border border-input text-primary-foreground shadow-xs transition-colors outline-none group-has-disabled/field:opacity-50 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  variants: {\n    size: {\n      xs: \"size-3 rounded-[3px] after:absolute after:-inset-1.5\",\n      sm: \"size-3.5 rounded-[3.5px] after:absolute after:-inset-2\",\n      md: \"size-4 rounded-[4px] after:absolute after:-inset-2.5\",\n      lg: \"size-[18px] rounded-[4px] after:absolute after:-inset-3\",\n      xl: \"size-5 rounded-[5px] after:absolute after:-inset-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype CheckboxVariantProps = Omit<\n  VariantProps<typeof checkboxVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type CheckboxProps = CheckboxPrimitive.Root.Props & CheckboxVariantProps;\n\nconst Checkbox = ({\n  className,\n  indeterminate,\n  children,\n  size: providedSize,\n  ...props\n}: CheckboxProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <CheckboxPrimitive.Root\n      className={mergeBaseUIClassName<CheckboxPrimitive.Root.State>(\n        checkboxVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"checkbox\"\n      indeterminate={indeterminate}\n      {...props}\n    >\n      {children ?? (\n        <CheckboxIndicator size={size}>\n          {indeterminate ? (\n            <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n          ) : (\n            <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} />\n          )}\n        </CheckboxIndicator>\n      )}\n    </CheckboxPrimitive.Root>\n  );\n};\n\nCheckbox.Indicator = CheckboxIndicator;\n\nexport type { CheckboxIndicatorProps } from \"./checkbox-indicator\";\nexport { Checkbox, CheckboxIndicator };\n"],"mappings":";;;;;;;;;;AAWA,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,YAAY,EAChB,WACA,eACA,UACA,MAAM,cACN,GAAG,YACgB;CACnB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,WAAkB;EACjB,WAAW,qBACT,iBAAiB,EAAE,MAAM,CAAC,EAC1B,UACD;EACD,aAAW;EACX,aAAU;EACK;EACf,GAAI;YAEH,YACC,oBAAC;GAAwB;aACtB,gBACC,oBAAC;IAAc,MAAM;IAAe,aAAa;KAAK,GAEtD,oBAAC;IAAc,MAAM;IAAY,aAAa;KAAK;IAEnC;GAEC;;AAI7B,SAAS,YAAY"}

package/dist/code.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/code/code.d.ts
+interface CodeProps extends ComponentPropsWithoutRef<"code"> {
+  block?: boolean;
+}
+declare const Code: ({
+  block,
+  className,
+  ...props
+}: CodeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Code, CodeProps };
+//# sourceMappingURL=code.d.ts.map

package/dist/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","names":[],"sources":["../src/ui/code/code.tsx"],"mappings":";;;;UAiBiB,SAAA,SAAkB,wBAAA;EACjC,KAAA;AAAA;AAAA,cAGI,IAAA;EAAQ,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAwC,SAAA,KAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/code.js

@@ -0,0 +1,22 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/code/code.tsx
+const codeVariants = tv({
+	base: "relative rounded bg-muted font-mono text-[0.85em] font-medium text-foreground",
+	variants: { block: {
+		true: "m-0 block overflow-x-auto px-3 py-2 leading-relaxed whitespace-pre",
+		false: "px-[0.35rem] py-[0.2rem]"
+	} },
+	defaultVariants: { block: false }
+});
+const Code = ({ block = false, className, ...props }) => /* @__PURE__ */ jsx("code", {
+	className: cn(codeVariants({ block }), className),
+	"data-block": block ? "true" : void 0,
+	"data-slot": "code",
+	...props
+});
+
+//#endregion
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":[],"sources":["../src/ui/code/code.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn, tv } from \"tailwind-variants\";\n\nconst codeVariants = tv({\n  base: \"relative rounded bg-muted font-mono text-[0.85em] font-medium text-foreground\",\n  variants: {\n    block: {\n      true: \"m-0 block overflow-x-auto px-3 py-2 leading-relaxed whitespace-pre\",\n      false: \"px-[0.35rem] py-[0.2rem]\",\n    },\n  },\n  defaultVariants: {\n    block: false,\n  },\n});\n\nexport interface CodeProps extends ComponentPropsWithoutRef<\"code\"> {\n  block?: boolean;\n}\n\nconst Code = ({ block = false, className, ...props }: CodeProps) => (\n  <code\n    className={cn(codeVariants({ block }), className)}\n    data-block={block ? \"true\" : undefined}\n    data-slot=\"code\"\n    {...props}\n  />\n);\n\nexport { Code };\n"],"mappings":";;;;AAIA,MAAM,eAAe,GAAG;CACtB,MAAM;CACN,UAAU,EACR,OAAO;EACL,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,OAAO,OACR;CACF,CAAC;AAMF,MAAM,QAAQ,EAAE,QAAQ,OAAO,WAAW,GAAG,YAC3C,oBAAC;CACC,WAAW,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,UAAU;CACjD,cAAY,QAAQ,SAAS;CAC7B,aAAU;CACV,GAAI;EACJ"}

package/dist/collapsible-trigger-CvIq1bXq.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+
+//#region src/ui/collapsible/collapsible-content.d.ts
+type CollapsibleContentProps = Collapsible.Panel.Props;
+declare const CollapsibleContent: ({
+  className,
+  ...props
+}: CollapsibleContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/collapsible/collapsible-trigger.d.ts
+type CollapsibleTriggerProps = Collapsible.Trigger.Props;
+declare const CollapsibleTrigger: ({
+  className,
+  ...props
+}: CollapsibleTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CollapsibleContentProps as i, CollapsibleTriggerProps as n, CollapsibleContent as r, CollapsibleTrigger as t };
+//# sourceMappingURL=collapsible-trigger-CvIq1bXq.d.ts.map

package/dist/collapsible-trigger-CvIq1bXq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger-CvIq1bXq.d.ts","names":[],"sources":["../src/ui/collapsible/collapsible-content.tsx","../src/ui/collapsible/collapsible-trigger.tsx"],"mappings":";;;;KAKY,uBAAA,GAA0B,WAAA,CAAqB,KAAA,CAAM,KAAA;AAAA,cAE3D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLd,uBAAA,GAA0B,WAAA,CAAqB,OAAA,CAAQ,KAAA;AAAA,cAE7D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{collapsible-trigger-COktdQ2E.js → collapsible-trigger-DCw3swj8.js}

@@ -1,10 +1,10 @@
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
 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),
+	className: mergeBaseUIClassName("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
 });
@@ -12,11 +12,11 @@ const CollapsibleContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Coll
 //#endregion
 //#region src/ui/collapsible/collapsible-trigger.tsx
 const CollapsibleTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: mergeBaseUIClassName("cursor-pointer", className),
 	"data-slot": "collapsible-trigger",
 	...props
 });
 
 //#endregion
 export { CollapsibleContent as n, CollapsibleTrigger as t };
-//# sourceMappingURL=collapsible-trigger-COktdQ2E.js.map
+//# sourceMappingURL=collapsible-trigger-DCw3swj8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger-DCw3swj8.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\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type CollapsibleContentProps = CollapsiblePrimitive.Panel.Props;\n\nconst CollapsibleContent = ({\n  className,\n  ...props\n}: CollapsibleContentProps) => (\n  <CollapsiblePrimitive.Panel\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Panel.State>(\n      \"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\",\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\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;\n\nconst CollapsibleTrigger = ({\n  className,\n  ...props\n}: CollapsibleTriggerProps) => (\n  <CollapsiblePrimitive.Trigger\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Root.State>(\n      \"cursor-pointer\",\n      className\n    )}\n    data-slot=\"collapsible-trigger\"\n    {...props}\n  />\n);\n\nexport { CollapsibleTrigger };\n"],"mappings":";;;;;AAOA,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACA,YAAqB;CACpB,WAAW,qBACT,8MACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,YAAqB;CACpB,WAAW,qBACT,kBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/collapsible.d.ts

@@ -1,22 +1,27 @@
-import { n as CollapsibleContent, t as CollapsibleTrigger } from "./collapsible-trigger-DjL8pGgf.js";
+import { i as CollapsibleContentProps, n as CollapsibleTriggerProps, r as CollapsibleContent, t as CollapsibleTrigger } from "./collapsible-trigger-CvIq1bXq.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 
 //#region src/ui/collapsible/collapsible.d.ts
+type CollapsibleProps = Collapsible$1.Root.Props;
 declare const Collapsible: {
   ({
     className,
     ...props
-  }: Collapsible$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: CollapsibleProps): react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
     ...props
-  }: Collapsible$1.Panel.Props) => react_jsx_runtime0.JSX.Element;
+  }: CollapsibleContentProps) => react_jsx_runtime0.JSX.Element;
+  Panel: ({
+    className,
+    ...props
+  }: CollapsibleContentProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
     ...props
-  }: Collapsible$1.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+  }: CollapsibleTriggerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../src/ui/collapsible/collapsible.tsx"],"mappings":";;;;;cAQM,WAAA;EAAA;;;KAGH,aAAA,CAAqB,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../src/ui/collapsible/collapsible.tsx"],"mappings":";;;;;KAOY,gBAAA,GAAmB,aAAA,CAAqB,IAAA,CAAK,KAAA;AAAA,cAEnD,WAAA;EAAA;;;KAAwC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/collapsible.js

@@ -1,17 +1,18 @@
 "use client";
 
-import { n as CollapsibleContent, t as CollapsibleTrigger } from "./collapsible-trigger-COktdQ2E.js";
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { n as CollapsibleContent, t as CollapsibleTrigger } from "./collapsible-trigger-DCw3swj8.js";
 import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 
 //#region src/ui/collapsible/collapsible.tsx
 const Collapsible = ({ className, ...props }) => /* @__PURE__ */ jsx(Collapsible$1.Root, {
-	className: cn("flex flex-col", className),
+	className: mergeBaseUIClassName("flex flex-col", className),
 	"data-slot": "collapsible",
 	...props
 });
 Collapsible.Content = CollapsibleContent;
+Collapsible.Panel = CollapsibleContent;
 Collapsible.Trigger = CollapsibleTrigger;
 
 //#endregion

package/dist/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../src/ui/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\nimport { cn } from \"tailwind-variants\";\n\nimport { CollapsibleContent } from \"./collapsible-content\";\nimport { CollapsibleTrigger } from \"./collapsible-trigger\";\n\nconst Collapsible = ({\n  className,\n  ...props\n}: CollapsiblePrimitive.Root.Props) => (\n  <CollapsiblePrimitive.Root\n    className={cn(\"flex flex-col\", className)}\n    data-slot=\"collapsible\"\n    {...props}\n  />\n);\n\nCollapsible.Content = CollapsibleContent;\nCollapsible.Trigger = CollapsibleTrigger;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,EACnB,WACA,GAAG,YAEH,oBAACA,cAAqB;CACpB,WAAW,GAAG,iBAAiB,UAAU;CACzC,aAAU;CACV,GAAI;EACJ;AAGJ,YAAY,UAAU;AACtB,YAAY,UAAU"}
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../src/ui/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { CollapsibleContent } from \"./collapsible-content\";\nimport { CollapsibleTrigger } from \"./collapsible-trigger\";\nexport type CollapsibleProps = CollapsiblePrimitive.Root.Props;\n\nconst Collapsible = ({ className, ...props }: CollapsibleProps) => (\n  <CollapsiblePrimitive.Root\n    className={mergeBaseUIClassName<CollapsiblePrimitive.Root.State>(\n      \"flex flex-col\",\n      className\n    )}\n    data-slot=\"collapsible\"\n    {...props}\n  />\n);\n\nCollapsible.Content = CollapsibleContent;\nCollapsible.Panel = CollapsibleContent;\nCollapsible.Trigger = CollapsibleTrigger;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n\nexport type { CollapsibleContentProps } from \"./collapsible-content\";\nexport type { CollapsibleTriggerProps } from \"./collapsible-trigger\";\n"],"mappings":";;;;;;;;AASA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,cAAqB;CACpB,WAAW,qBACT,iBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,UAAU"}