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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/ui/radio-group/radio-group.tsx"],"mappings":";;;;;;cAKM,UAAA;EAAA;;;KAAuC,YAAA,CAAoB,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/ui/radio-group/radio-group.tsx"],"mappings":";;;;;KAMY,eAAA,oBAAmC,YAAA,CAAoB,KAAA,CAAM,KAAA;AAAA,cAEnE,UAAA;EAAA;;;KAAuC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/radio-group.js

@@ -1,16 +1,17 @@
-import { t as RadioGroupItem } from "./radio-group-item-kWYh-tp8.js";
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { n as RadioGroupIndicator, t as RadioGroupItem } from "./radio-group-item-By6KUGFQ.js";
 import { jsx } from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 
 //#region src/ui/radio-group/radio-group.tsx
 const RadioGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(RadioGroup$1, {
-	className: cn("grid w-full gap-2", className),
+	className: mergeBaseUIClassName("grid w-full gap-2", className),
 	"data-slot": "radio-group",
 	...props
 });
+RadioGroup.Indicator = RadioGroupIndicator;
 RadioGroup.Item = RadioGroupItem;
 
 //#endregion
-export { RadioGroup, RadioGroupItem };
+export { RadioGroup, RadioGroupIndicator, RadioGroupItem };
 //# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../src/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport { cn } from \"tailwind-variants\";\n\nimport { RadioGroupItem } from \"./radio-group-item\";\n\nconst RadioGroup = ({ className, ...props }: RadioGroupPrimitive.Props) => (\n  <RadioGroupPrimitive\n    className={cn(\"grid w-full gap-2\", className)}\n    data-slot=\"radio-group\"\n    {...props}\n  />\n);\n\nRadioGroup.Item = RadioGroupItem;\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACA;CACC,WAAW,GAAG,qBAAqB,UAAU;CAC7C,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,OAAO"}
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../src/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { RadioGroupIndicator } from \"./radio-group-indicator\";\nimport { RadioGroupItem } from \"./radio-group-item\";\n\nexport type RadioGroupProps<Value = unknown> = RadioGroupPrimitive.Props<Value>;\n\nconst RadioGroup = ({ className, ...props }: RadioGroupProps) => (\n  <RadioGroupPrimitive\n    className={mergeBaseUIClassName<RadioGroupPrimitive.State>(\n      \"grid w-full gap-2\",\n      className\n    )}\n    data-slot=\"radio-group\"\n    {...props}\n  />\n);\n\nRadioGroup.Indicator = RadioGroupIndicator;\nRadioGroup.Item = RadioGroupItem;\n\nexport type { RadioGroupIndicatorProps } from \"./radio-group-indicator\";\nexport type { RadioGroupItemProps } from \"./radio-group-item\";\n\nexport { RadioGroup, RadioGroupIndicator, RadioGroupItem };\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACA;CACC,WAAW,qBACT,qBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,YAAY;AACvB,WAAW,OAAO"}

package/dist/{rating-star-CxVJUZmc.d.ts → rating-star-Bg5AgFfI.d.ts}

@@ -6,9 +6,11 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/ui/rating/rating-star.d.ts
 declare const ratingStarVariants: tailwind_variants0.TVReturnType<{
   size: {
+    xs: string[];
     sm: string[];
     md: string[];
     lg: string[];
+    xl: string[];
   };
   editable: {
     true: string[];
@@ -16,9 +18,11 @@ declare const ratingStarVariants: tailwind_variants0.TVReturnType<{
   };
 }, undefined, string[], {
   size: {
+    xs: string[];
     sm: string[];
     md: string[];
     lg: string[];
+    xl: string[];
   };
   editable: {
     true: string[];
@@ -26,9 +30,11 @@ declare const ratingStarVariants: tailwind_variants0.TVReturnType<{
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
+    xs: string[];
     sm: string[];
     md: string[];
     lg: string[];
+    xl: string[];
   };
   editable: {
     true: string[];
@@ -55,4 +61,4 @@ declare const RatingStar: ({
 }: RatingStarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RatingStarProps as n, RatingStar as t };
-//# sourceMappingURL=rating-star-CxVJUZmc.d.ts.map
+//# sourceMappingURL=rating-star-Bg5AgFfI.d.ts.map

package/dist/rating-star-Bg5AgFfI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-star-Bg5AgFfI.d.ts","names":[],"sources":["../src/ui/rating/rating-star.tsx"],"mappings":";;;;;;cAQa,kBAAA,EA+CX,kBAAA,CA/C6B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cA+C7B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KA0EG,kBAAA,GAAqB,YAAA,QAAoB,kBAAA;AAAA,KAElC,eAAA,GAAkB,kBAAA,GAC5B,cAAA;EACE,MAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;AAAA;AAAA,cAGS,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,UAAA;EAAA,MAAA;EAAA,QAAA;EAAA,aAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAUxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{rating-star-BZCtD00E.js → rating-star-CT7E88Vb.js}

@@ -12,9 +12,11 @@ const ratingStarVariants = tv({
 	],
 	variants: {
 		size: {
+			xs: ["size-3"],
 			sm: ["size-3.5"],
 			md: ["size-4"],
-			lg: ["size-5"]
+			lg: ["size-5"],
+			xl: ["size-6"]
 		},
 		editable: {
 			true: ["hover:scale-110"],
@@ -27,7 +29,7 @@ const ratingStarVariants = tv({
 	}
 });
 const ratingStarFilledVariants = tv({
-	base: ["absolute inset-0", "fill-yellow-500 text-yellow-500"],
+	base: ["absolute inset-0", "fill-warning-foreground text-warning-foreground"],
 	variants: { visible: {
 		true: ["opacity-100"],
 		false: ["opacity-0"]
@@ -35,7 +37,7 @@ const ratingStarFilledVariants = tv({
 	defaultVariants: { visible: true }
 });
 const ratingStarHalfVariants = tv({
-	base: ["absolute inset-0 overflow-hidden", "fill-yellow-500 text-yellow-500"],
+	base: ["absolute inset-0 overflow-hidden", "fill-warning-foreground text-warning-foreground"],
 	variants: { visible: {
 		true: ["opacity-100"],
 		false: ["opacity-0"]
@@ -52,8 +54,10 @@ const ratingStarOutlineVariants = tv({
 });
 const RatingStar = ({ className, size, filled = false, halfFilled = false, active = false, editable = false, starClassName, onClick, ...props }) => {
 	const getStarSize = () => {
+		if (size === "xs") return 12;
 		if (size === "sm") return 14;
 		if (size === "lg") return 20;
+		if (size === "xl") return 24;
 		return 16;
 	};
 	const getAriaLabel = () => {
@@ -76,7 +80,7 @@ const RatingStar = ({ className, size, filled = false, halfFilled = false, activ
 			/* @__PURE__ */ jsx("span", {
 				className: cn(ratingStarFilledVariants({ visible: filled }), starClassName),
 				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
-					className: "fill-yellow-500 text-yellow-500",
+					className: "fill-warning-foreground text-warning-foreground",
 					icon: StarIcon,
 					size: starSize,
 					strokeWidth: 1.5
@@ -87,7 +91,7 @@ const RatingStar = ({ className, size, filled = false, halfFilled = false, activ
 				children: /* @__PURE__ */ jsx("div", {
 					className: "w-1/2 overflow-hidden",
 					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
-						className: "fill-yellow-500 text-yellow-500",
+						className: "fill-warning-foreground text-warning-foreground",
 						icon: StarIcon,
 						size: starSize,
 						strokeWidth: 1.5
@@ -108,4 +112,4 @@ const RatingStar = ({ className, size, filled = false, halfFilled = false, activ
 
 //#endregion
 export { RatingStar as t };
-//# sourceMappingURL=rating-star-BZCtD00E.js.map
+//# sourceMappingURL=rating-star-CT7E88Vb.js.map

package/dist/rating-star-CT7E88Vb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-star-CT7E88Vb.js","names":[],"sources":["../src/ui/rating/rating-star.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { StarIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nexport const ratingStarVariants = tv({\n  base: [\n    // Layout: relative container for star\n    \"relative inline-flex shrink-0\",\n    // Cursor: clickable when editable\n    \"cursor-pointer\",\n    // Transitions: smooth color transitions\n    \"transition-colors duration-150\",\n  ],\n  variants: {\n    size: {\n      xs: [\n        // Extra small size: smallest star\n        \"size-3\",\n      ],\n      sm: [\n        // Small size: smaller star\n        \"size-3.5\",\n      ],\n      md: [\n        // Medium size: default star\n        \"size-4\",\n      ],\n      lg: [\n        // Large size: larger star\n        \"size-5\",\n      ],\n      xl: [\n        // Extra large size: largest star\n        \"size-6\",\n      ],\n    },\n    editable: {\n      true: [\n        // Hover: slight scale on hover when editable\n        \"hover:scale-110\",\n      ],\n      false: [\n        // Non-editable: no pointer cursor\n        \"cursor-default\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    editable: false,\n  },\n});\n\nexport const ratingStarFilledVariants = tv({\n  base: [\n    // Layout: absolute positioned filled star\n    \"absolute inset-0\",\n    // Fill: semantic warning token for filled stars\n    \"fill-warning-foreground text-warning-foreground\",\n  ],\n  variants: {\n    visible: {\n      true: [\n        // Visible: show filled star\n        \"opacity-100\",\n      ],\n      false: [\n        // Hidden: hide filled star\n        \"opacity-0\",\n      ],\n    },\n  },\n  defaultVariants: {\n    visible: true,\n  },\n});\n\nexport const ratingStarHalfVariants = tv({\n  base: [\n    // Layout: absolute positioned half-filled star\n    \"absolute inset-0 overflow-hidden\",\n    // Fill: semantic warning token for half-filled stars\n    \"fill-warning-foreground text-warning-foreground\",\n  ],\n  variants: {\n    visible: {\n      true: [\n        // Visible: show half-filled star\n        \"opacity-100\",\n      ],\n      false: [\n        // Hidden: hide half-filled star\n        \"opacity-0\",\n      ],\n    },\n  },\n  defaultVariants: {\n    visible: true,\n  },\n});\n\nexport const ratingStarOutlineVariants = tv({\n  base: [\n    // Layout: relative positioned outline star\n    \"relative\",\n    // Color: muted color for outline\n    \"text-muted-foreground\",\n  ],\n  variants: {\n    active: {\n      true: [\n        // Active: slightly visible outline\n        \"opacity-30\",\n      ],\n      false: [\n        // Inactive: more visible outline\n        \"opacity-100\",\n      ],\n    },\n  },\n  defaultVariants: {\n    active: false,\n  },\n});\n\ntype RatingStarVariants = VariantProps<typeof ratingStarVariants>;\n\nexport type RatingStarProps = RatingStarVariants &\n  ComponentProps<\"button\"> & {\n    filled?: boolean;\n    halfFilled?: boolean;\n    active?: boolean;\n    starClassName?: string;\n  };\n\nexport const RatingStar = ({\n  className,\n  size,\n  filled = false,\n  halfFilled = false,\n  active = false,\n  editable = false,\n  starClassName,\n  onClick,\n  ...props\n}: RatingStarProps) => {\n  const getStarSize = () => {\n    if (size === \"xs\") {\n      return 12;\n    }\n    if (size === \"sm\") {\n      return 14;\n    }\n    if (size === \"lg\") {\n      return 20;\n    }\n    if (size === \"xl\") {\n      return 24;\n    }\n    return 16;\n  };\n\n  const getAriaLabel = () => {\n    if (filled) {\n      return \"Filled star\";\n    }\n    if (halfFilled) {\n      return \"Half-filled star\";\n    }\n    return \"Empty star\";\n  };\n\n  const starSize = getStarSize();\n\n  return (\n    <button\n      aria-label={getAriaLabel()}\n      className={cn(ratingStarVariants({ size, editable }), className)}\n      disabled={!editable}\n      onClick={onClick}\n      type=\"button\"\n      {...props}\n    >\n      {/* Filled star overlay */}\n      <span\n        className={cn(\n          ratingStarFilledVariants({ visible: filled }),\n          starClassName\n        )}\n      >\n        <HugeiconsIcon\n          className=\"fill-warning-foreground text-warning-foreground\"\n          icon={StarIcon}\n          size={starSize}\n          strokeWidth={1.5}\n        />\n      </span>\n\n      {/* Half-filled star overlay */}\n      {halfFilled && (\n        <span\n          className={cn(\n            ratingStarHalfVariants({ visible: true }),\n            starClassName\n          )}\n        >\n          <div className=\"w-1/2 overflow-hidden\">\n            <HugeiconsIcon\n              className=\"fill-warning-foreground text-warning-foreground\"\n              icon={StarIcon}\n              size={starSize}\n              strokeWidth={1.5}\n            />\n          </div>\n        </span>\n      )}\n\n      {/* Outline star */}\n      <span\n        className={cn(ratingStarOutlineVariants({ active }), starClassName)}\n      >\n        <HugeiconsIcon icon={StarIcon} size={starSize} strokeWidth={1.5} />\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;;;AAQA,MAAa,qBAAqB,GAAG;CACnC,MAAM;EAEJ;EAEA;EAEA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI,CAEF,SACD;GACD,IAAI,CAEF,WACD;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,SACD;GACF;EACD,UAAU;GACR,MAAM,CAEJ,kBACD;GACD,OAAO,CAEL,iBACD;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACX;CACF,CAAC;AAEF,MAAa,2BAA2B,GAAG;CACzC,MAAM,CAEJ,oBAEA,kDACD;CACD,UAAU,EACR,SAAS;EACP,MAAM,CAEJ,cACD;EACD,OAAO,CAEL,YACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,MACV;CACF,CAAC;AAEF,MAAa,yBAAyB,GAAG;CACvC,MAAM,CAEJ,oCAEA,kDACD;CACD,UAAU,EACR,SAAS;EACP,MAAM,CAEJ,cACD;EACD,OAAO,CAEL,YACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,MACV;CACF,CAAC;AAEF,MAAa,4BAA4B,GAAG;CAC1C,MAAM,CAEJ,YAEA,wBACD;CACD,UAAU,EACR,QAAQ;EACN,MAAM,CAEJ,aACD;EACD,OAAO,CAEL,cACD;EACF,EACF;CACD,iBAAiB,EACf,QAAQ,OACT;CACF,CAAC;AAYF,MAAa,cAAc,EACzB,WACA,MACA,SAAS,OACT,aAAa,OACb,SAAS,OACT,WAAW,OACX,eACA,SACA,GAAG,YACkB;CACrB,MAAM,oBAAoB;AACxB,MAAI,SAAS,KACX,QAAO;AAET,MAAI,SAAS,KACX,QAAO;AAET,MAAI,SAAS,KACX,QAAO;AAET,MAAI,SAAS,KACX,QAAO;AAET,SAAO;;CAGT,MAAM,qBAAqB;AACzB,MAAI,OACF,QAAO;AAET,MAAI,WACF,QAAO;AAET,SAAO;;CAGT,MAAM,WAAW,aAAa;AAE9B,QACE,qBAAC;EACC,cAAY,cAAc;EAC1B,WAAW,GAAG,mBAAmB;GAAE;GAAM;GAAU,CAAC,EAAE,UAAU;EAChE,UAAU,CAAC;EACF;EACT,MAAK;EACL,GAAI;;GAGJ,oBAAC;IACC,WAAW,GACT,yBAAyB,EAAE,SAAS,QAAQ,CAAC,EAC7C,cACD;cAED,oBAAC;KACC,WAAU;KACV,MAAM;KACN,MAAM;KACN,aAAa;MACb;KACG;GAGN,cACC,oBAAC;IACC,WAAW,GACT,uBAAuB,EAAE,SAAS,MAAM,CAAC,EACzC,cACD;cAED,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,WAAU;MACV,MAAM;MACN,MAAM;MACN,aAAa;OACb;MACE;KACD;GAIT,oBAAC;IACC,WAAW,GAAG,0BAA0B,EAAE,QAAQ,CAAC,EAAE,cAAc;cAEnE,oBAAC;KAAc,MAAM;KAAU,MAAM;KAAU,aAAa;MAAO;KAC9D;;GACA"}

package/dist/rating.d.ts

@@ -1,4 +1,4 @@
-import { n as RatingStarProps, t as RatingStar } from "./rating-star-CxVJUZmc.js";
+import { n as RatingStarProps, t as RatingStar } from "./rating-star-Bg5AgFfI.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import { ComponentProps } from "react";
@@ -7,40 +7,52 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/ui/rating/rating.d.ts
 declare const ratingVariants: tailwind_variants0.TVReturnType<{
   size: {
+    xs: string[];
     sm: string[];
     md: string[];
     lg: string[];
+    xl: string[];
   };
 }, undefined, string[], {
   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, string[], unknown, unknown, undefined>>;
 declare const ratingValueVariants: tailwind_variants0.TVReturnType<{
   size: {
+    xs: string[];
     sm: string[];
     md: string[];
     lg: string[];
+    xl: string[];
   };
 }, undefined, string[], {
   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, string[], unknown, unknown, undefined>>;
 type RatingVariants = VariantProps<typeof ratingVariants>;
@@ -77,5 +89,5 @@ declare const Rating: {
   }: RatingStarProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Rating, RatingProps, RatingStar, ratingValueVariants, ratingVariants };
+export { Rating, RatingProps, RatingStar, type RatingStarProps, ratingValueVariants, ratingVariants };
 //# sourceMappingURL=rating.d.ts.map

package/dist/rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","names":[],"sources":["../src/ui/rating/rating.tsx"],"mappings":";;;;;;;cASa,cAAA,EAwBX,kBAAA,CAxByB,YAAA;;;;;;;;;;;;cAwBzB,kBAAA,CAAA,YAAA;;;;;;;cAEW,mBAAA,EAwBX,kBAAA,CAxB8B,YAAA;;;;;;;;;;;;cAwB9B,kBAAA,CAAA,YAAA;;;;;;;KAEG,cAAA,GAAiB,YAAA,QAAoB,cAAA;AAAA,KAE9B,WAAA,GAAc,cAAA,GACxB,IAAA,CAAK,cAAA;EACH,MAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,IAAkB,MAAA;EAClB,aAAA;AAAA;AAAA,cAGE,MAAA;EAAA;;;;;;;;;;KAUH,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"rating.d.ts","names":[],"sources":["../src/ui/rating/rating.tsx"],"mappings":";;;;;;;cASa,cAAA,EAgCX,kBAAA,CAhCyB,YAAA;;;;;;;;;;;;;;;;cAgCzB,kBAAA,CAAA,YAAA;;;;;;;;;cAEW,mBAAA,EAgCX,kBAAA,CAhC8B,YAAA;;;;;;;;;;;;;;;;cAgC9B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,cAAA,GAAiB,YAAA,QAAoB,cAAA;AAAA,KAE9B,WAAA,GAAc,cAAA,GACxB,IAAA,CAAK,cAAA;EACH,MAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,IAAkB,MAAA;EAClB,aAAA;AAAA;AAAA,cAGE,MAAA;EAAA;;;;;;;;;;KAUH,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/rating.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { t as RatingStar } from "./rating-star-BZCtD00E.js";
+import { t as RatingStar } from "./rating-star-CT7E88Vb.js";
 import { cn, tv } from "tailwind-variants";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -9,18 +9,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ratingVariants = tv({
 	base: ["inline-flex items-center gap-1"],
 	variants: { size: {
+		xs: ["gap-0.5"],
 		sm: ["gap-0.5"],
 		md: ["gap-1"],
-		lg: ["gap-1.5"]
+		lg: ["gap-1.5"],
+		xl: ["gap-2"]
 	} },
 	defaultVariants: { size: "md" }
 });
 const ratingValueVariants = tv({
 	base: ["text-sm font-medium"],
 	variants: { size: {
+		xs: ["text-xs"],
 		sm: ["text-xs"],
 		md: ["text-sm"],
-		lg: ["text-base"]
+		lg: ["text-base"],
+		xl: ["text-base"]
 	} },
 	defaultVariants: { size: "md" }
 });

package/dist/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","names":[],"sources":["../src/ui/rating/rating.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, MouseEvent } from \"react\";\n\nimport { useCallback } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { RatingStar } from \"./rating-star\";\n\nexport const ratingVariants = tv({\n  base: [\n    // Layout: flex container with centered items\n    \"inline-flex items-center gap-1\",\n  ],\n  variants: {\n    size: {\n      sm: [\n        // Small size: smaller gap and text\n        \"gap-0.5\",\n      ],\n      md: [\n        // Medium size: default gap\n        \"gap-1\",\n      ],\n      lg: [\n        // Large size: larger gap\n        \"gap-1.5\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingValueVariants = tv({\n  base: [\n    // Typography: rating value text styling\n    \"text-sm font-medium\",\n  ],\n  variants: {\n    size: {\n      sm: [\n        // Small size: smaller text\n        \"text-xs\",\n      ],\n      md: [\n        // Medium size: default text\n        \"text-sm\",\n      ],\n      lg: [\n        // Large size: larger text\n        \"text-base\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype RatingVariants = VariantProps<typeof ratingVariants>;\n\nexport type RatingProps = RatingVariants &\n  Omit<ComponentProps<\"div\">, \"onClick\"> & {\n    rating: number;\n    maxRating?: number;\n    showValue?: boolean;\n    editable?: boolean;\n    onRatingChange?: (rating: number) => void;\n    starClassName?: string;\n  };\n\nconst Rating = ({\n  className,\n  size,\n  rating,\n  maxRating = 5,\n  showValue = false,\n  editable = false,\n  onRatingChange,\n  starClassName,\n  ...props\n}: RatingProps) => {\n  const handleStarClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const value = Number(e.currentTarget.dataset.value);\n      if (editable && onRatingChange) {\n        onRatingChange(value);\n      }\n    },\n    [editable, onRatingChange]\n  );\n\n  return (\n    <div\n      className={cn(ratingVariants({ size }), className)}\n      data-slot=\"rating\"\n      {...props}\n    >\n      {Array.from({ length: maxRating }, (_, index) => {\n        const starValue = index + 1;\n        const isFilled = starValue <= Math.floor(rating);\n        const isHalfFilled =\n          !isFilled && starValue - 0.5 <= rating && rating < starValue;\n        const isActive = starValue <= rating;\n\n        return (\n          <RatingStar\n            active={isActive}\n            className={starClassName}\n            data-value={starValue}\n            editable={editable}\n            filled={isFilled}\n            halfFilled={isHalfFilled}\n            key={starValue}\n            onClick={handleStarClick}\n            size={size}\n          />\n        );\n      })}\n      {showValue && (\n        <span className={cn(ratingValueVariants({ size }), \"ml-1\")}>\n          {rating.toFixed(1)}\n        </span>\n      )}\n    </div>\n  );\n};\n\nRating.Star = RatingStar;\n\nexport { Rating, RatingStar };\n"],"mappings":";;;;;;;;AASA,MAAa,iBAAiB,GAAG;CAC/B,MAAM,CAEJ,iCACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,QACD;EACD,IAAI,CAEF,UACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAa,sBAAsB,GAAG;CACpC,MAAM,CAEJ,sBACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,YACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAcF,MAAM,UAAU,EACd,WACA,MACA,QACA,YAAY,GACZ,YAAY,OACZ,WAAW,OACX,gBACA,eACA,GAAG,YACc;CACjB,MAAM,kBAAkB,aACrB,MAAqC;EACpC,MAAM,QAAQ,OAAO,EAAE,cAAc,QAAQ,MAAM;AACnD,MAAI,YAAY,eACd,gBAAe,MAAM;IAGzB,CAAC,UAAU,eAAe,CAC3B;AAED,QACE,qBAAC;EACC,WAAW,GAAG,eAAe,EAAE,MAAM,CAAC,EAAE,UAAU;EAClD,aAAU;EACV,GAAI;aAEH,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,GAAG,UAAU;GAC/C,MAAM,YAAY,QAAQ;GAC1B,MAAM,WAAW,aAAa,KAAK,MAAM,OAAO;GAChD,MAAM,eACJ,CAAC,YAAY,YAAY,MAAO,UAAU,SAAS;AAGrD,UACE,oBAAC;IACC,QAJa,aAAa;IAK1B,WAAW;IACX,cAAY;IACF;IACV,QAAQ;IACR,YAAY;IAEZ,SAAS;IACH;MAFD,UAGL;IAEJ,EACD,aACC,oBAAC;GAAK,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,OAAO;aACvD,OAAO,QAAQ,EAAE;IACb;GAEL;;AAIV,OAAO,OAAO"}
+{"version":3,"file":"rating.js","names":[],"sources":["../src/ui/rating/rating.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, MouseEvent } from \"react\";\n\nimport { useCallback } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { RatingStar } from \"./rating-star\";\n\nexport const ratingVariants = tv({\n  base: [\n    // Layout: flex container with centered items\n    \"inline-flex items-center gap-1\",\n  ],\n  variants: {\n    size: {\n      xs: [\n        // Extra small size: compact gap\n        \"gap-0.5\",\n      ],\n      sm: [\n        // Small size: smaller gap and text\n        \"gap-0.5\",\n      ],\n      md: [\n        // Medium size: default gap\n        \"gap-1\",\n      ],\n      lg: [\n        // Large size: larger gap\n        \"gap-1.5\",\n      ],\n      xl: [\n        // Extra large size: largest spacing\n        \"gap-2\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const ratingValueVariants = tv({\n  base: [\n    // Typography: rating value text styling\n    \"text-sm font-medium\",\n  ],\n  variants: {\n    size: {\n      xs: [\n        // Extra small size: smallest text\n        \"text-xs\",\n      ],\n      sm: [\n        // Small size: smaller text\n        \"text-xs\",\n      ],\n      md: [\n        // Medium size: default text\n        \"text-sm\",\n      ],\n      lg: [\n        // Large size: larger text\n        \"text-base\",\n      ],\n      xl: [\n        // Extra large size: largest text\n        \"text-base\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype RatingVariants = VariantProps<typeof ratingVariants>;\n\nexport type RatingProps = RatingVariants &\n  Omit<ComponentProps<\"div\">, \"onClick\"> & {\n    rating: number;\n    maxRating?: number;\n    showValue?: boolean;\n    editable?: boolean;\n    onRatingChange?: (rating: number) => void;\n    starClassName?: string;\n  };\n\nconst Rating = ({\n  className,\n  size,\n  rating,\n  maxRating = 5,\n  showValue = false,\n  editable = false,\n  onRatingChange,\n  starClassName,\n  ...props\n}: RatingProps) => {\n  const handleStarClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const value = Number(e.currentTarget.dataset.value);\n      if (editable && onRatingChange) {\n        onRatingChange(value);\n      }\n    },\n    [editable, onRatingChange]\n  );\n\n  return (\n    <div\n      className={cn(ratingVariants({ size }), className)}\n      data-slot=\"rating\"\n      {...props}\n    >\n      {Array.from({ length: maxRating }, (_, index) => {\n        const starValue = index + 1;\n        const isFilled = starValue <= Math.floor(rating);\n        const isHalfFilled =\n          !isFilled && starValue - 0.5 <= rating && rating < starValue;\n        const isActive = starValue <= rating;\n\n        return (\n          <RatingStar\n            active={isActive}\n            className={starClassName}\n            data-value={starValue}\n            editable={editable}\n            filled={isFilled}\n            halfFilled={isHalfFilled}\n            key={starValue}\n            onClick={handleStarClick}\n            size={size}\n          />\n        );\n      })}\n      {showValue && (\n        <span className={cn(ratingValueVariants({ size }), \"ml-1\")}>\n          {rating.toFixed(1)}\n        </span>\n      )}\n    </div>\n  );\n};\n\nRating.Star = RatingStar;\n\nexport { Rating, RatingStar };\n\nexport type { RatingStarProps } from \"./rating-star\";\n"],"mappings":";;;;;;;;AASA,MAAa,iBAAiB,GAAG;CAC/B,MAAM,CAEJ,iCACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,QACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,QACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAa,sBAAsB,GAAG;CACpC,MAAM,CAEJ,sBACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAEF,UACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,UACD;EACD,IAAI,CAEF,YACD;EACD,IAAI,CAEF,YACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAcF,MAAM,UAAU,EACd,WACA,MACA,QACA,YAAY,GACZ,YAAY,OACZ,WAAW,OACX,gBACA,eACA,GAAG,YACc;CACjB,MAAM,kBAAkB,aACrB,MAAqC;EACpC,MAAM,QAAQ,OAAO,EAAE,cAAc,QAAQ,MAAM;AACnD,MAAI,YAAY,eACd,gBAAe,MAAM;IAGzB,CAAC,UAAU,eAAe,CAC3B;AAED,QACE,qBAAC;EACC,WAAW,GAAG,eAAe,EAAE,MAAM,CAAC,EAAE,UAAU;EAClD,aAAU;EACV,GAAI;aAEH,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,GAAG,UAAU;GAC/C,MAAM,YAAY,QAAQ;GAC1B,MAAM,WAAW,aAAa,KAAK,MAAM,OAAO;GAChD,MAAM,eACJ,CAAC,YAAY,YAAY,MAAO,UAAU,SAAS;AAGrD,UACE,oBAAC;IACC,QAJa,aAAa;IAK1B,WAAW;IACX,cAAY;IACF;IACV,QAAQ;IACR,YAAY;IAEZ,SAAS;IACH;MAFD,UAGL;IAEJ,EACD,aACC,oBAAC;GAAK,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,OAAO;aACvD,OAAO,QAAQ,EAAE;IACb;GAEL;;AAIV,OAAO,OAAO"}

package/dist/{resizable-panel-D4Brid-G.d.ts → resizable-panel-BSRzFmQT.d.ts}

@@ -3,18 +3,20 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Panel, Separator } from "react-resizable-panels";
 
 //#region src/ui/resizable/resizable-handle.d.ts
+type ResizableHandleProps = ComponentProps<typeof Separator> & {
+  withHandle?: boolean;
+};
 declare const ResizableHandle: ({
   withHandle,
   className,
   ...props
-}: ComponentProps<typeof Separator> & {
-  withHandle?: boolean;
-}) => react_jsx_runtime0.JSX.Element;
+}: ResizableHandleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/ui/resizable/resizable-panel.d.ts
+type ResizablePanelProps = ComponentProps<typeof Panel>;
 declare const ResizablePanel: ({
   ...props
-}: ComponentProps<typeof Panel>) => react_jsx_runtime0.JSX.Element;
+}: ResizablePanelProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ResizableHandle as n, ResizablePanel as t };
-//# sourceMappingURL=resizable-panel-D4Brid-G.d.ts.map
+export { ResizableHandleProps as i, ResizablePanelProps as n, ResizableHandle as r, ResizablePanel as t };
+//# sourceMappingURL=resizable-panel-BSRzFmQT.d.ts.map

package/dist/resizable-panel-BSRzFmQT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel-BSRzFmQT.d.ts","names":[],"sources":["../src/ui/resizable/resizable-handle.tsx","../src/ui/resizable/resizable-panel.tsx"],"mappings":";;;;;KAMY,oBAAA,GAAuB,cAAA,QAAsB,SAAA;EACvD,UAAA;AAAA;AAAA,cAGI,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCTX,mBAAA,GAAsB,cAAA,QAAsB,KAAA;AAAA,cAElD,cAAA;EAAA,GAAkB;AAAA,GAAc,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{resizable-panel-DbWIMjJZ.js → resizable-panel-Qs_va758.js}

@@ -19,4 +19,4 @@ const ResizablePanel = ({ ...props }) => /* @__PURE__ */ jsx(Panel, {
 
 //#endregion
 export { ResizableHandle as n, ResizablePanel as t };
-//# sourceMappingURL=resizable-panel-DbWIMjJZ.js.map
+//# sourceMappingURL=resizable-panel-Qs_va758.js.map

package/dist/resizable-panel-Qs_va758.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-panel-Qs_va758.js","names":[],"sources":["../src/ui/resizable/resizable-handle.tsx","../src/ui/resizable/resizable-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Separator } from \"react-resizable-panels\";\nimport { cn } from \"tailwind-variants\";\nexport type ResizableHandleProps = ComponentProps<typeof Separator> & {\n  withHandle?: boolean;\n};\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: ResizableHandleProps) => (\n  <Separator\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    data-slot=\"resizable-handle\"\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />\n    )}\n  </Separator>\n);\n\nexport { ResizableHandle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Panel } from \"react-resizable-panels\";\nexport type ResizablePanelProps = ComponentProps<typeof Panel>;\n\nconst ResizablePanel = ({ ...props }: ResizablePanelProps) => (\n  <Panel data-slot=\"resizable-panel\" {...props} />\n);\n\nexport { ResizablePanel };\n"],"mappings":";;;;;AAUA,MAAM,mBAAmB,EACvB,YACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,6oBACA,UACD;CACD,aAAU;CACV,GAAI;WAEH,cACC,oBAAC,SAAI,WAAU,oDAAoD;EAE3D;;;;ACnBd,MAAM,kBAAkB,EAAE,GAAG,YAC3B,oBAAC;CAAM,aAAU;CAAkB,GAAI;EAAS"}

package/dist/resizable.d.ts

@@ -1,26 +1,24 @@
-import { n as ResizableHandle, t as ResizablePanel } from "./resizable-panel-D4Brid-G.js";
+import { i as ResizableHandleProps, n as ResizablePanelProps, r as ResizableHandle, t as ResizablePanel } from "./resizable-panel-BSRzFmQT.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react_resizable_panels0 from "react-resizable-panels";
 import { Group } from "react-resizable-panels";
 
 //#region src/ui/resizable/resizable.d.ts
+type ResizablePanelGroupProps = ComponentProps<typeof Group>;
 declare const ResizablePanelGroup: {
   ({
     className,
     ...props
-  }: ComponentProps<typeof Group>): react_jsx_runtime0.JSX.Element;
+  }: ResizablePanelGroupProps): react_jsx_runtime0.JSX.Element;
   Handle: ({
     withHandle,
     className,
     ...props
-  }: ComponentProps<typeof react_resizable_panels0.Separator> & {
-    withHandle?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }: ResizableHandleProps) => react_jsx_runtime0.JSX.Element;
   Panel: ({
     ...props
-  }: ComponentProps<typeof react_resizable_panels0.Panel>) => react_jsx_runtime0.JSX.Element;
+  }: ResizablePanelProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, type ResizablePanelProps };
 //# sourceMappingURL=resizable.d.ts.map

package/dist/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"mappings":";;;;;;;cAUM,mBAAA;EAAA;;;KAGH,cAAA,QAAsB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"mappings":";;;;;;KASY,wBAAA,GAA2B,cAAA,QAAsB,KAAA;AAAA,cAEvD,mBAAA;EAAA;;;KAGH,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/resizable.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { n as ResizableHandle, t as ResizablePanel } from "./resizable-panel-DbWIMjJZ.js";
+import { n as ResizableHandle, t as ResizablePanel } from "./resizable-panel-Qs_va758.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Group } from "react-resizable-panels";

package/dist/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Group } from \"react-resizable-panels\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ResizableHandle } from \"./resizable-handle\";\nimport { ResizablePanel } from \"./resizable-panel\";\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: ComponentProps<typeof Group>) => (\n  <Group\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className\n    )}\n    data-slot=\"resizable-panel-group\"\n    {...props}\n  />\n);\n\nResizablePanelGroup.Handle = ResizableHandle;\nResizablePanelGroup.Panel = ResizablePanel;\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":";;;;;;;;AAUA,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,qEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,oBAAoB,SAAS;AAC7B,oBAAoB,QAAQ"}
+{"version":3,"file":"resizable.js","names":[],"sources":["../src/ui/resizable/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Group } from \"react-resizable-panels\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ResizableHandle } from \"./resizable-handle\";\nimport { ResizablePanel } from \"./resizable-panel\";\nexport type ResizablePanelGroupProps = ComponentProps<typeof Group>;\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: ResizablePanelGroupProps) => (\n  <Group\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className\n    )}\n    data-slot=\"resizable-panel-group\"\n    {...props}\n  />\n);\n\nResizablePanelGroup.Handle = ResizableHandle;\nResizablePanelGroup.Panel = ResizablePanel;\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n\nexport type { ResizableHandleProps } from \"./resizable-handle\";\nexport type { ResizablePanelProps } from \"./resizable-panel\";\n"],"mappings":";;;;;;;;AAWA,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,qEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,oBAAoB,SAAS;AAC7B,oBAAoB,QAAQ"}

package/dist/scroll-area.d.ts

@@ -1,20 +1,44 @@
-import { t as ScrollBar } from "./scroll-bar-L-sXig2v.js";
+import { a as ScrollAreaCorner, c as ScrollAreaContentProps, i as ScrollAreaThumbProps, l as ScrollBar, n as ScrollAreaViewportProps, o as ScrollAreaCornerProps, r as ScrollAreaThumb, s as ScrollAreaContent, t as ScrollAreaViewport, u as ScrollBarProps } from "./scroll-viewport-02SiMbYg.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
 //#region src/ui/scroll-area/scroll-area.d.ts
+type ScrollAreaProps = ScrollArea$1.Root.Props;
 declare const ScrollArea: {
   ({
     className,
     children,
     ...props
-  }: ScrollArea$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaProps): react_jsx_runtime0.JSX.Element;
   Bar: ({
     className,
     orientation,
+    children,
+    ...props
+  }: ScrollBarProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ScrollAreaContentProps) => react_jsx_runtime0.JSX.Element;
+  Corner: ({
+    className,
+    ...props
+  }: ScrollAreaCornerProps) => react_jsx_runtime0.JSX.Element;
+  Scrollbar: ({
+    className,
+    orientation,
+    children,
+    ...props
+  }: ScrollBarProps) => react_jsx_runtime0.JSX.Element;
+  Thumb: ({
+    className,
+    ...props
+  }: ScrollAreaThumbProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
     ...props
-  }: ScrollArea$1.Scrollbar.Props) => react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaViewportProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, ScrollBar, type ScrollBarProps };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/ui/scroll-area/scroll-area.tsx"],"mappings":";;;;;cAKM,UAAA;EAAA;;;;KAIH,YAAA,CAAoB,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/ui/scroll-area/scroll-area.tsx"],"mappings":";;;;;KASY,eAAA,GAAkB,YAAA,CAAoB,IAAA,CAAK,KAAA;AAAA,cAEjD,UAAA;EAAA;;;;KAAiD,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/scroll-area.js

@@ -1,25 +1,31 @@
-import { t as ScrollBar } from "./scroll-bar-KWm27Sfb.js";
-import { cn } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { n as ScrollAreaThumb, t as ScrollBar } from "./scroll-bar-Ms5-vqAH.js";
+import { n as ScrollAreaCorner, r as ScrollAreaContent, t as ScrollAreaViewport } from "./scroll-viewport-Bv90eZWC.js";
+import { Children, isValidElement } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
 //#region src/ui/scroll-area/scroll-area.tsx
-const ScrollArea = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
-	className: cn("relative", className),
+const ScrollArea = ({ className, children, ...props }) => /* @__PURE__ */ jsx(ScrollArea$1.Root, {
+	className: mergeBaseUIClassName("relative", className),
 	"data-slot": "scroll-area",
 	...props,
-	children: [
-		/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
-			className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
-			"data-slot": "scroll-area-viewport",
-			children
-		}),
+	children: Children.toArray(children).some((child) => {
+		if (!isValidElement(child)) return false;
+		return child.type === ScrollArea$1.Viewport || child.type === ScrollAreaViewport;
+	}) ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(ScrollAreaViewport, { children: /* @__PURE__ */ jsx(ScrollAreaContent, { children }) }),
 		/* @__PURE__ */ jsx(ScrollBar, {}),
-		/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
-	]
+		/* @__PURE__ */ jsx(ScrollAreaCorner, {})
+	] })
 });
 ScrollArea.Bar = ScrollBar;
+ScrollArea.Content = ScrollAreaContent;
+ScrollArea.Corner = ScrollAreaCorner;
+ScrollArea.Scrollbar = ScrollBar;
+ScrollArea.Thumb = ScrollAreaThumb;
+ScrollArea.Viewport = ScrollAreaViewport;
 
 //#endregion
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaThumb, ScrollAreaViewport, ScrollBar };
 //# sourceMappingURL=scroll-area.js.map

package/dist/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../src/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ScrollBar } from \"./scroll-bar\";\n\nconst ScrollArea = ({\n  className,\n  children,\n  ...props\n}: ScrollAreaPrimitive.Root.Props) => (\n  <ScrollAreaPrimitive.Root\n    className={cn(\"relative\", className)}\n    data-slot=\"scroll-area\"\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1\"\n      data-slot=\"scroll-area-viewport\"\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n\nScrollArea.Bar = ScrollBar;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,EAClB,WACA,UACA,GAAG,YAEH,qBAACA,aAAoB;CACnB,WAAW,GAAG,YAAY,UAAU;CACpC,aAAU;CACV,GAAI;;EAEJ,oBAACA,aAAoB;GACnB,WAAU;GACV,aAAU;GAET;IAC4B;EAC/B,oBAAC,cAAY;EACb,oBAACA,aAAoB,WAAS;;EACL;AAG7B,WAAW,MAAM"}
+{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../src/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { Children, isValidElement } from \"react\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ScrollBar } from \"./scroll-bar\";\nimport { ScrollAreaContent } from \"./scroll-content\";\nimport { ScrollAreaCorner } from \"./scroll-corner\";\nimport { ScrollAreaThumb } from \"./scroll-thumb\";\nimport { ScrollAreaViewport } from \"./scroll-viewport\";\nexport type ScrollAreaProps = ScrollAreaPrimitive.Root.Props;\n\nconst ScrollArea = ({ className, children, ...props }: ScrollAreaProps) => (\n  <ScrollAreaPrimitive.Root\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Root.State>(\n      \"relative\",\n      className\n    )}\n    data-slot=\"scroll-area\"\n    {...props}\n  >\n    {Children.toArray(children).some((child) => {\n      if (!isValidElement(child)) {\n        return false;\n      }\n      return (\n        child.type === ScrollAreaPrimitive.Viewport ||\n        child.type === ScrollAreaViewport\n      );\n    }) ? (\n      children\n    ) : (\n      <>\n        <ScrollAreaViewport>\n          <ScrollAreaContent>{children}</ScrollAreaContent>\n        </ScrollAreaViewport>\n        <ScrollBar />\n        <ScrollAreaCorner />\n      </>\n    )}\n  </ScrollAreaPrimitive.Root>\n);\n\nScrollArea.Bar = ScrollBar;\nScrollArea.Content = ScrollAreaContent;\nScrollArea.Corner = ScrollAreaCorner;\nScrollArea.Scrollbar = ScrollBar;\nScrollArea.Thumb = ScrollAreaThumb;\nScrollArea.Viewport = ScrollAreaViewport;\n\nexport {\n  ScrollArea,\n  ScrollAreaContent,\n  ScrollAreaCorner,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n  ScrollBar,\n};\n\nexport type { ScrollBarProps } from \"./scroll-bar\";\nexport type { ScrollAreaContentProps } from \"./scroll-content\";\nexport type { ScrollAreaCornerProps } from \"./scroll-corner\";\nexport type { ScrollAreaThumbProps } from \"./scroll-thumb\";\nexport type { ScrollAreaViewportProps } from \"./scroll-viewport\";\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,EAAE,WAAW,UAAU,GAAG,YAC5C,oBAACA,aAAoB;CACnB,WAAW,qBACT,YACA,UACD;CACD,aAAU;CACV,GAAI;WAEH,SAAS,QAAQ,SAAS,CAAC,MAAM,UAAU;AAC1C,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAET,SACE,MAAM,SAASA,aAAoB,YACnC,MAAM,SAAS;GAEjB,GACA,WAEA;EACE,oBAAC,gCACC,oBAAC,qBAAmB,WAA6B,GAC9B;EACrB,oBAAC,cAAY;EACb,oBAAC,qBAAmB;KACnB;EAEoB;AAG7B,WAAW,MAAM;AACjB,WAAW,UAAU;AACrB,WAAW,SAAS;AACpB,WAAW,YAAY;AACvB,WAAW,QAAQ;AACnB,WAAW,WAAW"}

package/dist/scroll-bar-Ms5-vqAH.js

@@ -0,0 +1,26 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/ui/scroll-area/scroll-thumb.tsx
+const ScrollAreaThumb = ({ className, ...props }) => /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+	className: mergeBaseUIClassName("relative flex-1 rounded-full bg-border", className),
+	"data-slot": "scroll-area-thumb",
+	...props
+});
+
+//#endregion
+//#region src/ui/scroll-area/scroll-bar.tsx
+const ScrollBar = ({ className, orientation = "vertical", children, ...props }) => /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+	className: mergeBaseUIClassName(cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent"), className),
+	"data-orientation": orientation,
+	"data-slot": "scroll-area-scrollbar",
+	orientation,
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(ScrollAreaThumb, {})
+});
+
+//#endregion
+export { ScrollAreaThumb as n, ScrollBar as t };
+//# sourceMappingURL=scroll-bar-Ms5-vqAH.js.map

package/dist/scroll-bar-Ms5-vqAH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-bar-Ms5-vqAH.js","names":["ScrollAreaPrimitive","ScrollAreaPrimitive"],"sources":["../src/ui/scroll-area/scroll-thumb.tsx","../src/ui/scroll-area/scroll-bar.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ScrollAreaThumbProps = ScrollAreaPrimitive.Thumb.Props;\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => (\n  <ScrollAreaPrimitive.Thumb\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Thumb.State>(\n      \"relative flex-1 rounded-full bg-border\",\n      className\n    )}\n    data-slot=\"scroll-area-thumb\"\n    {...props}\n  />\n);\n\nexport { ScrollAreaThumb };\n","import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ScrollAreaThumb } from \"./scroll-thumb\";\nexport type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;\n\nconst ScrollBar = ({\n  className,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: ScrollBarProps) => (\n  <ScrollAreaPrimitive.Scrollbar\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Scrollbar.State>(\n      cn(\n        \"flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent\"\n      ),\n      className\n    )}\n    data-orientation={orientation}\n    data-slot=\"scroll-area-scrollbar\"\n    orientation={orientation}\n    {...props}\n  >\n    {children ?? <ScrollAreaThumb />}\n  </ScrollAreaPrimitive.Scrollbar>\n);\n\nexport { ScrollBar };\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACA,WAAoB;CACnB,WAAW,qBACT,0CACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,aAAa,EACjB,WACA,cAAc,YACd,UACA,GAAG,YAEH,oBAACC,WAAoB;CACnB,WAAW,qBACT,GACE,qQACD,EACD,UACD;CACD,oBAAkB;CAClB,aAAU;CACG;CACb,GAAI;WAEH,YAAY,oBAAC,oBAAkB;EACF"}

package/dist/scroll-viewport-02SiMbYg.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/ui/scroll-area/scroll-bar.d.ts
+type ScrollBarProps = ScrollArea.Scrollbar.Props;
+declare const ScrollBar: ({
+  className,
+  orientation,
+  children,
+  ...props
+}: ScrollBarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/scroll-area/scroll-content.d.ts
+type ScrollAreaContentProps = ScrollArea.Content.Props;
+declare const ScrollAreaContent: ({
+  className,
+  ...props
+}: ScrollAreaContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/scroll-area/scroll-corner.d.ts
+type ScrollAreaCornerProps = ScrollArea.Corner.Props;
+declare const ScrollAreaCorner: ({
+  className,
+  ...props
+}: ScrollAreaCornerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/scroll-area/scroll-thumb.d.ts
+type ScrollAreaThumbProps = ScrollArea.Thumb.Props;
+declare const ScrollAreaThumb: ({
+  className,
+  ...props
+}: ScrollAreaThumbProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/scroll-area/scroll-viewport.d.ts
+type ScrollAreaViewportProps = ScrollArea.Viewport.Props;
+declare const ScrollAreaViewport: ({
+  className,
+  ...props
+}: ScrollAreaViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ScrollAreaCorner as a, ScrollAreaContentProps as c, ScrollAreaThumbProps as i, ScrollBar as l, ScrollAreaViewportProps as n, ScrollAreaCornerProps as o, ScrollAreaThumb as r, ScrollAreaContent as s, ScrollAreaViewport as t, ScrollBarProps as u };
+//# sourceMappingURL=scroll-viewport-02SiMbYg.d.ts.map

package/dist/scroll-viewport-02SiMbYg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-viewport-02SiMbYg.d.ts","names":[],"sources":["../src/ui/scroll-area/scroll-bar.tsx","../src/ui/scroll-area/scroll-content.tsx","../src/ui/scroll-area/scroll-corner.tsx","../src/ui/scroll-area/scroll-thumb.tsx","../src/ui/scroll-area/scroll-viewport.tsx"],"mappings":";;;;KAKY,cAAA,GAAiB,UAAA,CAAoB,SAAA,CAAU,KAAA;AAAA,cAErD,SAAA;EAAa,SAAA;EAAA,WAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAKhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCTL,sBAAA,GAAyB,UAAA,CAAoB,OAAA,CAAQ,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF9D,qBAAA,GAAwB,UAAA,CAAoB,MAAA,CAAO,KAAA;AAAA,cAEzD,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,oBAAA,GAAuB,UAAA,CAAoB,KAAA,CAAM,KAAA;AAAA,cAEvD,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF1D,uBAAA,GAA0B,UAAA,CAAoB,QAAA,CAAS,KAAA;AAAA,cAE7D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}