@causw/core 0.0.9 → 0.0.11

package/dist/components/Select/Select.styles.d.mts

@@ -0,0 +1,72 @@
+import * as tailwind_variants7 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Select/Select.styles.d.ts
+declare const select: tailwind_variants7.TVReturnType<{
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {
+      trigger: string;
+    };
+  };
+  position: {
+    popper: {
+      viewport: string;
+    };
+    'item-aligned': {};
+  };
+}, {
+  trigger: string[];
+  content: string[];
+  item: string[];
+  label: string;
+  viewport: string;
+}, undefined, {
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {
+      trigger: string;
+    };
+  };
+  position: {
+    popper: {
+      viewport: string;
+    };
+    'item-aligned': {};
+  };
+}, {
+  trigger: string[];
+  content: string[];
+  item: string[];
+  label: string;
+  viewport: string;
+}, tailwind_variants7.TVReturnType<{
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {
+      trigger: string;
+    };
+  };
+  position: {
+    popper: {
+      viewport: string;
+    };
+    'item-aligned': {};
+  };
+}, {
+  trigger: string[];
+  content: string[];
+  item: string[];
+  label: string;
+  viewport: string;
+}, undefined, unknown, unknown, undefined>>;
+type SelectVariants = VariantProps<typeof select>;
+//#endregion
+export { SelectVariants };
+//# sourceMappingURL=Select.styles.d.mts.map

package/dist/components/Select/Select.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.d.mts","names":[],"sources":["../../../src/components/Select/Select.styles.ts"],"mappings":";;;;cAEa,MAAA,EA+CX,kBAAA,CA/CiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Select/Select.styles.mjs

@@ -0,0 +1,44 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Select/Select.styles.ts
+const select = tv({
+	slots: {
+		trigger: [
+			"flex items-center justify-between gap-2 rounded-md bg-white p-4 text-sm text-gray-700",
+			"placeholder:text-gray-400 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			"[&>span]:line-clamp-1"
+		],
+		content: [
+			"relative overflow-hidden rounded-md border border-gray-200 bg-white text-gray-950 shadow-md",
+			"data-[state=open]:animate-in data-[state=closed]:animate-out",
+			"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+			"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+			"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+		],
+		item: [
+			"relative flex w-full cursor-default select-none items-center justify-between gap-2",
+			"border-b border-gray-100 py-3 px-6 text-gray-500 outline-none typo-body-16-regular",
+			"last:border-0 focus:bg-gray-100 focus:text-gray-800",
+			"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"data-[state=checked]:font-semibold data-[state=checked]:text-gray-700"
+		],
+		label: "py-1.5 px-6 text-gray-800 typo-subtitle-16-bold",
+		viewport: "py-1"
+	},
+	variants: {
+		error: {
+			true: { trigger: "ring-2 ring-red-400 focus:ring-red-400 data-[state=open]:ring-red-400" },
+			false: { trigger: "focus:ring-2 focus:ring-gray-600 data-[state=open]:ring-2 data-[state=open]:ring-gray-600" }
+		},
+		position: {
+			popper: { viewport: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]" },
+			"item-aligned": {}
+		}
+	},
+	defaultVariants: { error: false }
+});
+
+//#endregion
+export { select };
+//# sourceMappingURL=Select.styles.mjs.map

package/dist/components/Select/Select.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.mjs","names":[],"sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const select = tv({\n  slots: {\n    trigger: [\n      'flex items-center justify-between gap-2 rounded-md bg-white p-4 text-sm text-gray-700',\n      'placeholder:text-gray-400 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      '[&>span]:line-clamp-1',\n    ],\n    content: [\n      'relative overflow-hidden rounded-md border border-gray-200 bg-white text-gray-950 shadow-md',\n      'data-[state=open]:animate-in data-[state=closed]:animate-out',\n      'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n      'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n      'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n    ],\n    item: [\n      'relative flex w-full cursor-default select-none items-center justify-between gap-2',\n      'border-b border-gray-100 py-3 px-6 text-gray-500 outline-none typo-body-16-regular',\n      'last:border-0 focus:bg-gray-100 focus:text-gray-800',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      'data-[state=checked]:font-semibold data-[state=checked]:text-gray-700',\n    ],\n    label: 'py-1.5 px-6 text-gray-800 typo-subtitle-16-bold',\n    viewport: 'py-1',\n  },\n  variants: {\n    error: {\n      true: {\n        trigger:\n          'ring-2 ring-red-400 focus:ring-red-400 data-[state=open]:ring-red-400',\n      },\n      false: {\n        trigger:\n          'focus:ring-2 focus:ring-gray-600 data-[state=open]:ring-2 data-[state=open]:ring-gray-600',\n      },\n    },\n    position: {\n      popper: {\n        viewport:\n          'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n      },\n      'item-aligned': {},\n    },\n  },\n  defaultVariants: {\n    error: false,\n  },\n});\n\nexport type SelectVariants = VariantProps<typeof select>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,OAAO;EACL,SAAS;GACP;GACA;GACA;GACD;EACD,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACD;EACD,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,OAAO;EACP,UAAU;EACX;CACD,UAAU;EACR,OAAO;GACL,MAAM,EACJ,SACE,yEACH;GACD,OAAO,EACL,SACE,6FACH;GACF;EACD,UAAU;GACR,QAAQ,EACN,UACE,2FACH;GACD,gBAAgB,EAAE;GACnB;EACF;CACD,iBAAiB,EACf,OAAO,OACR;CACF,CAAC"}

package/dist/components/Select/index.d.mts

@@ -0,0 +1,2 @@
+import { SelectVariants } from "./Select.styles.mjs";
+import { Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps } from "./Select.mjs";

package/dist/components/Separator/Separator.cjs

@@ -0,0 +1,21 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Separator_styles = require('./Separator.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Separator/Separator.tsx
+const Separator = ({ as, orientation = "horizontal", className = "", ...props }) => {
+	const Component = as || "div";
+	const classes = require_Separator_styles.separator({ orientation });
+	return react.default.createElement(Component, {
+		role: "separator",
+		"aria-orientation": orientation,
+		className: require_mergeStyles.mergeStyles(classes, className),
+		...props
+	});
+};
+Separator.displayName = "Separator";
+
+//#endregion
+exports.Separator = Separator;

package/dist/components/Separator/Separator.d.cts

@@ -0,0 +1,18 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { SeparatorVariants } from "./Separator.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Separator/Separator.d.ts
+type SeparatorProps<E extends ElementType = 'div'> = PolymorphicProps<E, SeparatorVariants>;
+declare const Separator: {
+  <E extends ElementType = "div">({
+    as,
+    orientation,
+    className,
+    ...props
+  }: SeparatorProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Separator, SeparatorProps };
+//# sourceMappingURL=Separator.d.cts.map

package/dist/components/Separator/Separator.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.cts","names":[],"sources":["../../../src/components/Separator/Separator.tsx"],"mappings":";;;;;KAKY,cAAA,WAAyB,WAAA,YAAuB,gBAAA,CAC1D,CAAA,EACA,iBAAA;AAAA,cAGW,SAAA;EAAA,WAAuB,WAAA;IAAW,EAAA;IAAA,WAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAK5C,cAAA,CAAe,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Separator/Separator.d.mts

@@ -0,0 +1,19 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import { SeparatorVariants } from "./Separator.styles.mjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Separator/Separator.d.ts
+type SeparatorProps<E extends ElementType = 'div'> = PolymorphicProps<E, SeparatorVariants>;
+declare const Separator: {
+  <E extends ElementType = "div">({
+    as,
+    orientation,
+    className,
+    ...props
+  }: SeparatorProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Separator, SeparatorProps };
+//# sourceMappingURL=Separator.d.mts.map

package/dist/components/Separator/Separator.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.mts","names":[],"sources":["../../../src/components/Separator/Separator.tsx"],"mappings":";;;;;;KAKY,cAAA,WAAyB,WAAA,YAAuB,gBAAA,CAC1D,CAAA,EACA,iBAAA;AAAA,cAGW,SAAA;EAAA,WAAuB,WAAA;IAAW,EAAA;IAAA,WAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAK5C,cAAA,CAAe,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Separator/Separator.mjs

@@ -0,0 +1,20 @@
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { separator } from "./Separator.styles.mjs";
+import React from "react";
+
+//#region src/components/Separator/Separator.tsx
+const Separator = ({ as, orientation = "horizontal", className = "", ...props }) => {
+	const Component = as || "div";
+	const classes = separator({ orientation });
+	return React.createElement(Component, {
+		role: "separator",
+		"aria-orientation": orientation,
+		className: mergeStyles(classes, className),
+		...props
+	});
+};
+Separator.displayName = "Separator";
+
+//#endregion
+export { Separator };
+//# sourceMappingURL=Separator.mjs.map

package/dist/components/Separator/Separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.mjs","names":[],"sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport { separator, type SeparatorVariants } from './Separator.styles';\nimport { mergeStyles } from '../../utils';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\n\nexport type SeparatorProps<E extends ElementType = 'div'> = PolymorphicProps<\n  E,\n  SeparatorVariants\n>;\n\nexport const Separator = <E extends ElementType = 'div'>({\n  as,\n  orientation = 'horizontal',\n  className = '',\n  ...props\n}: SeparatorProps<E>) => {\n  const Component = as || 'div';\n  const classes = separator({ orientation });\n\n  return React.createElement(Component, {\n    role: 'separator',\n    'aria-orientation': orientation,\n    className: mergeStyles(classes, className),\n    ...props,\n  });\n};\n\nSeparator.displayName = 'Separator';\n"],"mappings":";;;;;AAUA,MAAa,aAA4C,EACvD,IACA,cAAc,cACd,YAAY,IACZ,GAAG,YACoB;CACvB,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,UAAU,EAAE,aAAa,CAAC;AAE1C,QAAO,MAAM,cAAc,WAAW;EACpC,MAAM;EACN,oBAAoB;EACpB,WAAW,YAAY,SAAS,UAAU;EAC1C,GAAG;EACJ,CAAC;;AAGJ,UAAU,cAAc"}

package/dist/components/Separator/Separator.styles.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Separator/Separator.styles.ts
+const separator = (0, tailwind_variants.tv)({
+	base: "bg-gray-200",
+	variants: { orientation: {
+		horizontal: "h-px w-full my-2",
+		vertical: "h-full w-px mx-2 self-stretch"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+
+//#endregion
+exports.separator = separator;

package/dist/components/Separator/Separator.styles.d.cts

@@ -0,0 +1,24 @@
+import * as tailwind_variants3 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Separator/Separator.styles.d.ts
+declare const separator: tailwind_variants3.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "bg-gray-200", {
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, tailwind_variants3.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "bg-gray-200", unknown, unknown, undefined>>;
+type SeparatorVariants = VariantProps<typeof separator>;
+//#endregion
+export { SeparatorVariants };
+//# sourceMappingURL=Separator.styles.d.cts.map

package/dist/components/Separator/Separator.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styles.d.cts","names":[],"sources":["../../../src/components/Separator/Separator.styles.ts"],"mappings":";;;;cAEa,SAAA,EAWX,kBAAA,CAXoB,YAAA;;;;;;;;;;cAWpB,kBAAA,CAAA,YAAA;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

package/dist/components/Separator/Separator.styles.d.mts

@@ -0,0 +1,24 @@
+import * as tailwind_variants11 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Separator/Separator.styles.d.ts
+declare const separator: tailwind_variants11.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "bg-gray-200", {
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, tailwind_variants11.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "bg-gray-200", unknown, unknown, undefined>>;
+type SeparatorVariants = VariantProps<typeof separator>;
+//#endregion
+export { SeparatorVariants };
+//# sourceMappingURL=Separator.styles.d.mts.map

package/dist/components/Separator/Separator.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styles.d.mts","names":[],"sources":["../../../src/components/Separator/Separator.styles.ts"],"mappings":";;;;cAEa,SAAA,EAWX,mBAAA,CAXoB,YAAA;;;;;;;;;;cAWpB,mBAAA,CAAA,YAAA;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

package/dist/components/Separator/Separator.styles.mjs

@@ -0,0 +1,15 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Separator/Separator.styles.ts
+const separator = tv({
+	base: "bg-gray-200",
+	variants: { orientation: {
+		horizontal: "h-px w-full my-2",
+		vertical: "h-full w-px mx-2 self-stretch"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+
+//#endregion
+export { separator };
+//# sourceMappingURL=Separator.styles.mjs.map

package/dist/components/Separator/Separator.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styles.mjs","names":[],"sources":["../../../src/components/Separator/Separator.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const separator = tv({\n  base: 'bg-gray-200',\n  variants: {\n    orientation: {\n      horizontal: 'h-px w-full my-2',\n      vertical: 'h-full w-px mx-2 self-stretch',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport type SeparatorVariants = VariantProps<typeof separator>;\n"],"mappings":";;;AAEA,MAAa,YAAY,GAAG;CAC1B,MAAM;CACN,UAAU,EACR,aAAa;EACX,YAAY;EACZ,UAAU;EACX,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}

package/dist/components/Separator/index.d.mts

@@ -0,0 +1,2 @@
+import { SeparatorVariants } from "./Separator.styles.mjs";
+import { Separator, SeparatorProps } from "./Separator.mjs";

package/dist/components/Spacer/Spacer.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Spacer_styles = require('./Spacer.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Spacer/Spacer.tsx
+const Spacer = ({ as, size, className = "", ...props }) => {
+	const Component = as || "div";
+	const classes = require_Spacer_styles.spacer({ size });
+	return react.default.createElement(Component, {
+		"aria-hidden": "true",
+		className: require_mergeStyles.mergeStyles(classes, className),
+		...props
+	});
+};
+Spacer.displayName = "Spacer";
+
+//#endregion
+exports.Spacer = Spacer;

package/dist/components/Spacer/Spacer.d.cts

@@ -0,0 +1,18 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { SpacerVariants } from "./Spacer.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Spacer/Spacer.d.ts
+type SpacerProps<E extends ElementType = 'div'> = PolymorphicProps<E, SpacerVariants>;
+declare const Spacer: {
+  <E extends ElementType = "div">({
+    as,
+    size,
+    className,
+    ...props
+  }: SpacerProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Spacer, SpacerProps };
+//# sourceMappingURL=Spacer.d.cts.map

package/dist/components/Spacer/Spacer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.cts","names":[],"sources":["../../../src/components/Spacer/Spacer.tsx"],"mappings":";;;;;KAKY,WAAA,WAAsB,WAAA,YAAuB,gBAAA,CACvD,CAAA,EACA,cAAA;AAAA,cAGW,MAAA;EAAA,WAAoB,WAAA;IAAW,EAAA;IAAA,IAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAKzC,WAAA,CAAY,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Spacer/Spacer.d.mts

@@ -0,0 +1,19 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import { SpacerVariants } from "./Spacer.styles.mjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Spacer/Spacer.d.ts
+type SpacerProps<E extends ElementType = 'div'> = PolymorphicProps<E, SpacerVariants>;
+declare const Spacer: {
+  <E extends ElementType = "div">({
+    as,
+    size,
+    className,
+    ...props
+  }: SpacerProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Spacer, SpacerProps };
+//# sourceMappingURL=Spacer.d.mts.map

package/dist/components/Spacer/Spacer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.mts","names":[],"sources":["../../../src/components/Spacer/Spacer.tsx"],"mappings":";;;;;;KAKY,WAAA,WAAsB,WAAA,YAAuB,gBAAA,CACvD,CAAA,EACA,cAAA;AAAA,cAGW,MAAA;EAAA,WAAoB,WAAA;IAAW,EAAA;IAAA,IAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAKzC,WAAA,CAAY,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Spacer/Spacer.mjs

@@ -0,0 +1,19 @@
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { spacer } from "./Spacer.styles.mjs";
+import React from "react";
+
+//#region src/components/Spacer/Spacer.tsx
+const Spacer = ({ as, size, className = "", ...props }) => {
+	const Component = as || "div";
+	const classes = spacer({ size });
+	return React.createElement(Component, {
+		"aria-hidden": "true",
+		className: mergeStyles(classes, className),
+		...props
+	});
+};
+Spacer.displayName = "Spacer";
+
+//#endregion
+export { Spacer };
+//# sourceMappingURL=Spacer.mjs.map

package/dist/components/Spacer/Spacer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.mjs","names":[],"sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport { spacer, type SpacerVariants } from './Spacer.styles';\nimport { mergeStyles } from '../../utils';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\n\nexport type SpacerProps<E extends ElementType = 'div'> = PolymorphicProps<\n  E,\n  SpacerVariants\n>;\n\nexport const Spacer = <E extends ElementType = 'div'>({\n  as,\n  size,\n  className = '',\n  ...props\n}: SpacerProps<E>) => {\n  const Component = as || 'div';\n  const classes = spacer({ size });\n\n  return React.createElement(Component, {\n    'aria-hidden': 'true',\n    className: mergeStyles(classes, className),\n    ...props,\n  });\n};\n\nSpacer.displayName = 'Spacer';\n"],"mappings":";;;;;AAUA,MAAa,UAAyC,EACpD,IACA,MACA,YAAY,IACZ,GAAG,YACiB;CACpB,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,OAAO,EAAE,MAAM,CAAC;AAEhC,QAAO,MAAM,cAAc,WAAW;EACpC,eAAe;EACf,WAAW,YAAY,SAAS,UAAU;EAC1C,GAAG;EACJ,CAAC;;AAGJ,OAAO,cAAc"}

package/dist/components/Spacer/Spacer.styles.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Spacer/Spacer.styles.ts
+const spacer = (0, tailwind_variants.tv)({
+	base: "flex-none",
+	variants: { size: {
+		1: "w-1 h-1",
+		2: "w-2 h-2",
+		4: "w-4 h-4",
+		6: "w-6 h-6",
+		8: "w-8 h-8",
+		10: "w-10 h-10",
+		12: "w-12 h-12",
+		16: "w-16 h-16",
+		20: "w-20 h-20",
+		24: "w-24 h-24",
+		auto: "flex-1"
+	} },
+	defaultVariants: { size: "auto" }
+});
+
+//#endregion
+exports.spacer = spacer;

package/dist/components/Spacer/Spacer.styles.d.cts

@@ -0,0 +1,51 @@
+import * as tailwind_variants7 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Spacer/Spacer.styles.d.ts
+declare const spacer: tailwind_variants7.TVReturnType<{
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, "flex-none", {
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, tailwind_variants7.TVReturnType<{
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, "flex-none", unknown, unknown, undefined>>;
+type SpacerVariants = VariantProps<typeof spacer>;
+//#endregion
+export { SpacerVariants };
+//# sourceMappingURL=Spacer.styles.d.cts.map

package/dist/components/Spacer/Spacer.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.styles.d.cts","names":[],"sources":["../../../src/components/Spacer/Spacer.styles.ts"],"mappings":";;;;cAEa,MAAA,EAoBX,kBAAA,CApBiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Spacer/Spacer.styles.d.mts

@@ -0,0 +1,51 @@
+import * as tailwind_variants9 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Spacer/Spacer.styles.d.ts
+declare const spacer: tailwind_variants9.TVReturnType<{
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, "flex-none", {
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, tailwind_variants9.TVReturnType<{
+  size: {
+    1: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+    auto: string;
+  };
+}, undefined, "flex-none", unknown, unknown, undefined>>;
+type SpacerVariants = VariantProps<typeof spacer>;
+//#endregion
+export { SpacerVariants };
+//# sourceMappingURL=Spacer.styles.d.mts.map

package/dist/components/Spacer/Spacer.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.styles.d.mts","names":[],"sources":["../../../src/components/Spacer/Spacer.styles.ts"],"mappings":";;;;cAEa,MAAA,EAoBX,kBAAA,CApBiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Spacer/Spacer.styles.mjs

@@ -0,0 +1,24 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Spacer/Spacer.styles.ts
+const spacer = tv({
+	base: "flex-none",
+	variants: { size: {
+		1: "w-1 h-1",
+		2: "w-2 h-2",
+		4: "w-4 h-4",
+		6: "w-6 h-6",
+		8: "w-8 h-8",
+		10: "w-10 h-10",
+		12: "w-12 h-12",
+		16: "w-16 h-16",
+		20: "w-20 h-20",
+		24: "w-24 h-24",
+		auto: "flex-1"
+	} },
+	defaultVariants: { size: "auto" }
+});
+
+//#endregion
+export { spacer };
+//# sourceMappingURL=Spacer.styles.mjs.map

package/dist/components/Spacer/Spacer.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.styles.mjs","names":[],"sources":["../../../src/components/Spacer/Spacer.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const spacer = tv({\n  base: 'flex-none',\n  variants: {\n    size: {\n      1: 'w-1 h-1',\n      2: 'w-2 h-2',\n      4: 'w-4 h-4',\n      6: 'w-6 h-6',\n      8: 'w-8 h-8',\n      10: 'w-10 h-10',\n      12: 'w-12 h-12',\n      16: 'w-16 h-16',\n      20: 'w-20 h-20',\n      24: 'w-24 h-24',\n      auto: 'flex-1',\n    },\n  },\n  defaultVariants: {\n    size: 'auto',\n  },\n});\n\nexport type SpacerVariants = VariantProps<typeof spacer>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,MAAM;EACP,EACF;CACD,iBAAiB,EACf,MAAM,QACP;CACF,CAAC"}

package/dist/components/Spacer/index.d.mts

@@ -0,0 +1,2 @@
+import { SpacerVariants } from "./Spacer.styles.mjs";
+import { Spacer, SpacerProps } from "./Spacer.mjs";

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1,28 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Stack_styles = require('./Stack.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Stack/Stack.tsx
+/**
+* Stack is a layout component that arranges its children in a horizontal or vertical line.
+* It abstracts Flexbox behaviors to easily manage spacing, alignment, and direction.
+*/
+const Stack = ({ as, direction, gap, align, justify, className = "", children, ...props }) => {
+	const Component = as || "div";
+	const classes = require_Stack_styles.stack({
+		direction,
+		gap,
+		align,
+		justify
+	});
+	return react.default.createElement(Component, {
+		className: require_mergeStyles.mergeStyles(classes, className),
+		...props
+	}, children);
+};
+Stack.displayName = "Stack";
+
+//#endregion
+exports.Stack = Stack;

package/dist/components/Stack/Stack.d.cts

@@ -0,0 +1,26 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { StackVariants } from "./Stack.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Stack/Stack.d.ts
+type StackProps<E extends ElementType = 'div'> = PolymorphicProps<E, StackVariants>;
+/**
+ * Stack is a layout component that arranges its children in a horizontal or vertical line.
+ * It abstracts Flexbox behaviors to easily manage spacing, alignment, and direction.
+ */
+declare const Stack: {
+  <E extends ElementType = "div">({
+    as,
+    direction,
+    gap,
+    align,
+    justify,
+    className,
+    children,
+    ...props
+  }: StackProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Stack, StackProps };
+//# sourceMappingURL=Stack.d.cts.map

package/dist/components/Stack/Stack.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.cts","names":[],"sources":["../../../src/components/Stack/Stack.tsx"],"mappings":";;;;;KAKY,UAAA,WAAqB,WAAA,YAAuB,gBAAA,CACtD,CAAA,EACA,aAAA;;AAFF;;;cASa,KAAA;EAAA,WAAmB,WAAA;IAAW,EAAA;IAAA,SAAA;IAAA,GAAA;IAAA,KAAA;IAAA,OAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GASxC,UAAA,CAAW,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}