@causw/core 0.0.9 → 0.0.11

package/dist/components/Field/Field.d.cts

@@ -0,0 +1,59 @@
+import { TextVariants } from "../Text/Text.styles.cjs";
+import React, { ComponentProps } from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+
+//#region src/components/Field/Field.d.ts
+interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  disabled?: boolean;
+  error?: boolean;
+}
+interface FieldLabelProps extends ComponentProps<'label'>, TextVariants {}
+interface FieldDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  className?: string;
+}
+interface FieldErrorDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  className?: string;
+}
+declare const Field: {
+  ({
+    children,
+    disabled,
+    error,
+    className,
+    ...props
+  }: FieldProps): react_jsx_runtime31.JSX.Element;
+  displayName: string;
+} & {
+  Label: {
+    ({
+      children,
+      className,
+      typography,
+      textColor,
+      ...labelProps
+    }: FieldLabelProps): react_jsx_runtime31.JSX.Element;
+    displayName: string;
+  };
+  Description: {
+    ({
+      children,
+      className,
+      ...props
+    }: FieldDescriptionProps): react_jsx_runtime31.JSX.Element | null;
+    displayName: string;
+  };
+  ErrorDescription: {
+    ({
+      children,
+      className,
+      ...props
+    }: FieldErrorDescriptionProps): react_jsx_runtime31.JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+export { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps };
+//# sourceMappingURL=Field.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.cts","names":[],"sources":["../../../src/components/Field/Field.tsx"],"mappings":";;;;;UASiB,UAAA,SAAmB,KAAA,CAAM,cAAA,CAAe,cAAA;EACvD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,QAAA;EACA,KAAA;AAAA;AAAA,UAsBe,eAAA,SACP,cAAA,WAAyB,YAAA;AAAA,UA2BlB,qBAAA,SAA8B,KAAA,CAAM,cAAA,CAAe,cAAA;EAClE,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,UA6Be,0BAAA,SAAmC,KAAA,CAAM,cAAA,CAAe,cAAA;EACvE,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,cAkCW,KAAA;EAAA;;;;;;KA5GV,UAAA,GAAU,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;OAsBV,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA4Bf,qBAAA,GAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA+BrB,0BAAA,GAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Field/Field.d.mts

@@ -0,0 +1,60 @@
+import { TextVariants } from "../Text/Text.styles.mjs";
+import "../Text/index.mjs";
+import React, { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Field/Field.d.ts
+interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  disabled?: boolean;
+  error?: boolean;
+}
+interface FieldLabelProps extends ComponentProps<'label'>, TextVariants {}
+interface FieldDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  className?: string;
+}
+interface FieldErrorDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+  className?: string;
+}
+declare const Field: {
+  ({
+    children,
+    disabled,
+    error,
+    className,
+    ...props
+  }: FieldProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+} & {
+  Label: {
+    ({
+      children,
+      className,
+      typography,
+      textColor,
+      ...labelProps
+    }: FieldLabelProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  Description: {
+    ({
+      children,
+      className,
+      ...props
+    }: FieldDescriptionProps): react_jsx_runtime0.JSX.Element | null;
+    displayName: string;
+  };
+  ErrorDescription: {
+    ({
+      children,
+      className,
+      ...props
+    }: FieldErrorDescriptionProps): react_jsx_runtime0.JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+export { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps };
+//# sourceMappingURL=Field.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.mts","names":[],"sources":["../../../src/components/Field/Field.tsx"],"mappings":";;;;;;UASiB,UAAA,SAAmB,KAAA,CAAM,cAAA,CAAe,cAAA;EACvD,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,QAAA;EACA,KAAA;AAAA;AAAA,UAsBe,eAAA,SACP,cAAA,WAAyB,YAAA;AAAA,UA2BlB,qBAAA,SAA8B,KAAA,CAAM,cAAA,CAAe,cAAA;EAClE,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,UA6Be,0BAAA,SAAmC,KAAA,CAAM,cAAA,CAAe,cAAA;EACvE,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,cAkCW,KAAA;EAAA;;;;;;KA5GV,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;OAsBV,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA4Bf,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA+BrB,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Field/Field.mjs

@@ -0,0 +1,79 @@
+import { Text } from "../Text/Text.mjs";
+import { FieldContext, useFieldContext } from "../../hooks/field/useFieldContext.mjs";
+import { field } from "./Field.styles.mjs";
+import React, { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Field/Field.tsx
+const FieldRoot = ({ children, disabled = false, error = false, className, ...props }) => {
+	const id = useId();
+	const { root } = field();
+	return /* @__PURE__ */ jsx(FieldContext.Provider, {
+		value: {
+			id,
+			disabled,
+			error
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: root({ className }),
+			...props,
+			children
+		})
+	});
+};
+const FieldLabel = ({ children, className, typography = "subtitle-16-bold", textColor = "gray-700", ...labelProps }) => {
+	const id = useFieldContext()?.id;
+	const { label } = field();
+	return /* @__PURE__ */ jsx(Text, {
+		as: "label",
+		typography,
+		textColor,
+		htmlFor: id,
+		className: label({ className }),
+		...labelProps,
+		children
+	});
+};
+const FieldDescription = ({ children, className, ...props }) => {
+	const fieldContext = useFieldContext();
+	const id = fieldContext?.id;
+	const error = fieldContext?.error;
+	const { description } = field();
+	if (error) return null;
+	return /* @__PURE__ */ jsx(Text, {
+		typography: "body-14-regular",
+		textColor: "gray-400",
+		id: id ? `${id}-description` : void 0,
+		className: description({ className }),
+		...props,
+		children
+	});
+};
+const FieldErrorDescription = ({ children, className, ...props }) => {
+	const fieldContext = useFieldContext();
+	const id = fieldContext?.id;
+	const error = fieldContext?.error;
+	const { error: errorStyle } = field();
+	if (!error) return null;
+	return /* @__PURE__ */ jsx(Text, {
+		typography: "body-14-regular",
+		textColor: "red-400",
+		id: id ? `${id}-error` : void 0,
+		className: errorStyle({ className }),
+		...props,
+		children
+	});
+};
+FieldRoot.displayName = "Field";
+FieldLabel.displayName = "Field.Label";
+FieldDescription.displayName = "Field.Description";
+FieldErrorDescription.displayName = "Field.ErrorDescription";
+const Field = Object.assign(FieldRoot, {
+	Label: FieldLabel,
+	Description: FieldDescription,
+	ErrorDescription: FieldErrorDescription
+});
+
+//#endregion
+export { Field };
+//# sourceMappingURL=Field.mjs.map

package/dist/components/Field/Field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.mjs","names":[],"sources":["../../../src/components/Field/Field.tsx"],"sourcesContent":["import React, { ComponentProps, useId } from 'react';\nimport { Text, type TextVariants } from '../Text';\nimport {\n  FieldContext,\n  useFieldContext,\n} from '../../hooks/field/useFieldContext';\nimport { field } from './Field.styles';\n\n// Field Root\nexport interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  disabled?: boolean;\n  error?: boolean;\n}\n\nconst FieldRoot = ({\n  children,\n  disabled = false,\n  error = false,\n  className,\n  ...props\n}: FieldProps) => {\n  const id = useId();\n  const { root } = field();\n\n  return (\n    <FieldContext.Provider value={{ id, disabled, error }}>\n      <div className={root({ className })} {...props}>\n        {children}\n      </div>\n    </FieldContext.Provider>\n  );\n};\n\nexport interface FieldLabelProps\n  extends ComponentProps<'label'>, TextVariants {}\n\nconst FieldLabel = ({\n  children,\n  className,\n  typography = 'subtitle-16-bold',\n  textColor = 'gray-700',\n  ...labelProps\n}: FieldLabelProps) => {\n  const fieldContext = useFieldContext();\n  const id = fieldContext?.id;\n  const { label } = field();\n\n  return (\n    <Text\n      as=\"label\"\n      typography={typography}\n      textColor={textColor}\n      htmlFor={id}\n      className={label({ className })}\n      {...labelProps}\n    >\n      {children}\n    </Text>\n  );\n};\n\nexport interface FieldDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst FieldDescription = ({\n  children,\n  className,\n  ...props\n}: FieldDescriptionProps) => {\n  const fieldContext = useFieldContext();\n\n  const id = fieldContext?.id;\n  const error = fieldContext?.error;\n  const { description } = field();\n\n  if (error) return null;\n\n  return (\n    <Text\n      typography=\"body-14-regular\"\n      textColor=\"gray-400\"\n      id={id ? `${id}-description` : undefined}\n      className={description({ className })}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n};\n\nexport interface FieldErrorDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst FieldErrorDescription = ({\n  children,\n  className,\n  ...props\n}: FieldErrorDescriptionProps) => {\n  const fieldContext = useFieldContext();\n\n  const id = fieldContext?.id;\n  const error = fieldContext?.error;\n  const { error: errorStyle } = field();\n\n  if (!error) return null;\n\n  return (\n    <Text\n      typography=\"body-14-regular\"\n      textColor=\"red-400\"\n      id={id ? `${id}-error` : undefined}\n      className={errorStyle({ className })}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n};\n\nFieldRoot.displayName = 'Field';\nFieldLabel.displayName = 'Field.Label';\nFieldDescription.displayName = 'Field.Description';\nFieldErrorDescription.displayName = 'Field.ErrorDescription';\n\nexport const Field = Object.assign(FieldRoot, {\n  Label: FieldLabel,\n  Description: FieldDescription,\n  ErrorDescription: FieldErrorDescription,\n});\n"],"mappings":";;;;;;;AAeA,MAAM,aAAa,EACjB,UACA,WAAW,OACX,QAAQ,OACR,WACA,GAAG,YACa;CAChB,MAAM,KAAK,OAAO;CAClB,MAAM,EAAE,SAAS,OAAO;AAExB,QACE,oBAAC,aAAa;EAAS,OAAO;GAAE;GAAI;GAAU;GAAO;YACnD,oBAAC;GAAI,WAAW,KAAK,EAAE,WAAW,CAAC;GAAE,GAAI;GACtC;IACG;GACgB;;AAO5B,MAAM,cAAc,EAClB,UACA,WACA,aAAa,oBACb,YAAY,YACZ,GAAG,iBACkB;CAErB,MAAM,KADe,iBAAiB,EACb;CACzB,MAAM,EAAE,UAAU,OAAO;AAEzB,QACE,oBAAC;EACC,IAAG;EACS;EACD;EACX,SAAS;EACT,WAAW,MAAM,EAAE,WAAW,CAAC;EAC/B,GAAI;EAEH;GACI;;AASX,MAAM,oBAAoB,EACxB,UACA,WACA,GAAG,YACwB;CAC3B,MAAM,eAAe,iBAAiB;CAEtC,MAAM,KAAK,cAAc;CACzB,MAAM,QAAQ,cAAc;CAC5B,MAAM,EAAE,gBAAgB,OAAO;AAE/B,KAAI,MAAO,QAAO;AAElB,QACE,oBAAC;EACC,YAAW;EACX,WAAU;EACV,IAAI,KAAK,GAAG,GAAG,gBAAgB;EAC/B,WAAW,YAAY,EAAE,WAAW,CAAC;EACrC,GAAI;EAEH;GACI;;AASX,MAAM,yBAAyB,EAC7B,UACA,WACA,GAAG,YAC6B;CAChC,MAAM,eAAe,iBAAiB;CAEtC,MAAM,KAAK,cAAc;CACzB,MAAM,QAAQ,cAAc;CAC5B,MAAM,EAAE,OAAO,eAAe,OAAO;AAErC,KAAI,CAAC,MAAO,QAAO;AAEnB,QACE,oBAAC;EACC,YAAW;EACX,WAAU;EACV,IAAI,KAAK,GAAG,GAAG,UAAU;EACzB,WAAW,WAAW,EAAE,WAAW,CAAC;EACpC,GAAI;EAEH;GACI;;AAIX,UAAU,cAAc;AACxB,WAAW,cAAc;AACzB,iBAAiB,cAAc;AAC/B,sBAAsB,cAAc;AAEpC,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,OAAO;CACP,aAAa;CACb,kBAAkB;CACnB,CAAC"}

package/dist/components/Field/Field.styles.cjs

@@ -0,0 +1,13 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Field/Field.styles.ts
+const field = (0, tailwind_variants.tv)({ slots: {
+	root: "flex flex-col gap-2",
+	label: "px-1 cursor-pointer",
+	description: "",
+	error: ""
+} });
+
+//#endregion
+exports.field = field;

package/dist/components/Field/Field.styles.mjs

@@ -0,0 +1,13 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Field/Field.styles.ts
+const field = tv({ slots: {
+	root: "flex flex-col gap-2",
+	label: "px-1 cursor-pointer",
+	description: "",
+	error: ""
+} });
+
+//#endregion
+export { field };
+//# sourceMappingURL=Field.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.styles.mjs","names":[],"sources":["../../../src/components/Field/Field.styles.ts"],"sourcesContent":["import { tv } from 'tailwind-variants';\n\nexport const field = tv({\n  slots: {\n    root: 'flex flex-col gap-2',\n    label: 'px-1 cursor-pointer',\n    description: '',\n    error: '',\n  },\n});\n"],"mappings":";;;AAEA,MAAa,QAAQ,GAAG,EACtB,OAAO;CACL,MAAM;CACN,OAAO;CACP,aAAa;CACb,OAAO;CACR,EACF,CAAC"}

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

@@ -0,0 +1 @@
+import { Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps } from "./Field.mjs";

package/dist/components/Flex/Flex.cjs

@@ -0,0 +1,25 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Flex_styles = require('./Flex.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Flex/Flex.tsx
+const Flex = ({ as, direction, gap, align, justify, wrap, className = "", children, ...props }) => {
+	const Component = as || "div";
+	const classes = require_Flex_styles.flexStyles({
+		direction,
+		gap,
+		align,
+		justify,
+		wrap
+	});
+	return react.default.createElement(Component, {
+		className: require_mergeStyles.mergeStyles(classes, className),
+		...props
+	}, children);
+};
+Flex.displayName = "Flex";
+
+//#endregion
+exports.Flex = Flex;

package/dist/components/Flex/Flex.d.cts

@@ -0,0 +1,24 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { FlexStylesOptions } from "./Flex.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Flex/Flex.d.ts
+type FlexBaseProps = FlexStylesOptions;
+type FlexProps<E extends ElementType = 'div'> = PolymorphicProps<E, FlexBaseProps>;
+declare const Flex: {
+  <E extends ElementType = "div">({
+    as,
+    direction,
+    gap,
+    align,
+    justify,
+    wrap,
+    className,
+    children,
+    ...props
+  }: FlexProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Flex, FlexProps };
+//# sourceMappingURL=Flex.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.cts","names":[],"sources":["../../../src/components/Flex/Flex.tsx"],"mappings":";;;;;KAKY,aAAA,GAAgB,iBAAA;AAAA,KAEhB,SAAA,WAAoB,WAAA,YAAuB,gBAAA,CACrD,CAAA,EACA,aAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,EAAA;IAAA,SAAA;IAAA,GAAA;IAAA,KAAA;IAAA,OAAA;IAAA,IAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GAUvC,SAAA,CAAU,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Flex/Flex.d.mts

@@ -0,0 +1,25 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import { FlexStylesOptions } from "./Flex.styles.mjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Flex/Flex.d.ts
+type FlexBaseProps = FlexStylesOptions;
+type FlexProps<E extends ElementType = 'div'> = PolymorphicProps<E, FlexBaseProps>;
+declare const Flex: {
+  <E extends ElementType = "div">({
+    as,
+    direction,
+    gap,
+    align,
+    justify,
+    wrap,
+    className,
+    children,
+    ...props
+  }: FlexProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Flex, FlexProps };
+//# sourceMappingURL=Flex.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.mts","names":[],"sources":["../../../src/components/Flex/Flex.tsx"],"mappings":";;;;;;KAKY,aAAA,GAAgB,iBAAA;AAAA,KAEhB,SAAA,WAAoB,WAAA,YAAuB,gBAAA,CACrD,CAAA,EACA,aAAA;AAAA,cAGW,IAAA;EAAA,WAAkB,WAAA;IAAW,EAAA;IAAA,SAAA;IAAA,GAAA;IAAA,KAAA;IAAA,OAAA;IAAA,IAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GAUvC,SAAA,CAAU,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Flex/Flex.mjs

@@ -0,0 +1,24 @@
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { flexStyles } from "./Flex.styles.mjs";
+import React from "react";
+
+//#region src/components/Flex/Flex.tsx
+const Flex = ({ as, direction, gap, align, justify, wrap, className = "", children, ...props }) => {
+	const Component = as || "div";
+	const classes = flexStyles({
+		direction,
+		gap,
+		align,
+		justify,
+		wrap
+	});
+	return React.createElement(Component, {
+		className: mergeStyles(classes, className),
+		...props
+	}, children);
+};
+Flex.displayName = "Flex";
+
+//#endregion
+export { Flex };
+//# sourceMappingURL=Flex.mjs.map

package/dist/components/Flex/Flex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.mjs","names":[],"sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport { flexStyles, type FlexStylesOptions } from './Flex.styles';\nimport { mergeStyles } from '../../utils';\nimport type { PolymorphicProps } from '../../utils/polymorphic';\n\nexport type FlexBaseProps = FlexStylesOptions;\n\nexport type FlexProps<E extends ElementType = 'div'> = PolymorphicProps<\n  E,\n  FlexBaseProps\n>;\n\nexport const Flex = <E extends ElementType = 'div'>({\n  as,\n  direction,\n  gap,\n  align,\n  justify,\n  wrap,\n  className = '',\n  children,\n  ...props\n}: FlexProps<E>) => {\n  const Component = as || 'div';\n\n  const classes = flexStyles({ direction, gap, align, justify, wrap });\n\n  return React.createElement(\n    Component,\n    {\n      className: mergeStyles(classes, className),\n      ...props,\n    },\n    children,\n  );\n};\n\nFlex.displayName = 'Flex';\n"],"mappings":";;;;;AAYA,MAAa,QAAuC,EAClD,IACA,WACA,KACA,OACA,SACA,MACA,YAAY,IACZ,UACA,GAAG,YACe;CAClB,MAAM,YAAY,MAAM;CAExB,MAAM,UAAU,WAAW;EAAE;EAAW;EAAK;EAAO;EAAS;EAAM,CAAC;AAEpE,QAAO,MAAM,cACX,WACA;EACE,WAAW,YAAY,SAAS,UAAU;EAC1C,GAAG;EACJ,EACD,SACD;;AAGH,KAAK,cAAc"}

package/dist/components/Flex/Flex.styles.cjs

@@ -0,0 +1,50 @@
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+
+//#region src/components/Flex/Flex.styles.ts
+const directionClasses = {
+	row: "flex-row",
+	"row-reverse": "flex-row-reverse",
+	column: "flex-col",
+	"column-reverse": "flex-col-reverse"
+};
+const gapClasses = {
+	none: "gap-0",
+	xs: "gap-1",
+	sm: "gap-2",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8"
+};
+const alignClasses = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch",
+	baseline: "items-baseline"
+};
+const justifyClasses = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+};
+const wrapClasses = {
+	nowrap: "flex-nowrap",
+	wrap: "flex-wrap",
+	"wrap-reverse": "flex-wrap-reverse"
+};
+function flexStyles({ direction = "row", gap = "md", align = "stretch", justify = "start", wrap = "nowrap" }) {
+	return require_mergeStyles.mergeStyles([
+		"flex",
+		directionClasses[direction],
+		gapClasses[gap],
+		alignClasses[align],
+		justifyClasses[justify],
+		wrapClasses[wrap]
+	]);
+}
+
+//#endregion
+exports.flexStyles = flexStyles;

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

@@ -0,0 +1,16 @@
+//#region src/components/Flex/Flex.styles.d.ts
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+interface FlexStylesOptions {
+  direction?: FlexDirection;
+  gap?: FlexGap;
+  align?: FlexAlign;
+  justify?: FlexJustify;
+  wrap?: FlexWrap;
+}
+//#endregion
+export { FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexStylesOptions };
+//# sourceMappingURL=Flex.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.styles.d.cts","names":[],"sources":["../../../src/components/Flex/Flex.styles.ts"],"mappings":";KAEY,aAAA;AAAA,KACA,OAAA;AAAA,KACA,SAAA;AAAA,KACA,WAAA;AAAA,KAOA,QAAA;AAAA,UAyCK,iBAAA;EACf,SAAA,GAAY,aAAA;EACZ,GAAA,GAAM,OAAA;EACN,KAAA,GAAQ,SAAA;EACR,OAAA,GAAU,WAAA;EACV,IAAA,GAAO,QAAA;AAAA"}

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

@@ -0,0 +1,16 @@
+//#region src/components/Flex/Flex.styles.d.ts
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+interface FlexStylesOptions {
+  direction?: FlexDirection;
+  gap?: FlexGap;
+  align?: FlexAlign;
+  justify?: FlexJustify;
+  wrap?: FlexWrap;
+}
+//#endregion
+export { FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexStylesOptions };
+//# sourceMappingURL=Flex.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.styles.d.mts","names":[],"sources":["../../../src/components/Flex/Flex.styles.ts"],"mappings":";KAEY,aAAA;AAAA,KACA,OAAA;AAAA,KACA,SAAA;AAAA,KACA,WAAA;AAAA,KAOA,QAAA;AAAA,UAyCK,iBAAA;EACf,SAAA,GAAY,aAAA;EACZ,GAAA,GAAM,OAAA;EACN,KAAA,GAAQ,SAAA;EACR,OAAA,GAAU,WAAA;EACV,IAAA,GAAO,QAAA;AAAA"}

package/dist/components/Flex/Flex.styles.mjs

@@ -0,0 +1,51 @@
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+
+//#region src/components/Flex/Flex.styles.ts
+const directionClasses = {
+	row: "flex-row",
+	"row-reverse": "flex-row-reverse",
+	column: "flex-col",
+	"column-reverse": "flex-col-reverse"
+};
+const gapClasses = {
+	none: "gap-0",
+	xs: "gap-1",
+	sm: "gap-2",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8"
+};
+const alignClasses = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch",
+	baseline: "items-baseline"
+};
+const justifyClasses = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+};
+const wrapClasses = {
+	nowrap: "flex-nowrap",
+	wrap: "flex-wrap",
+	"wrap-reverse": "flex-wrap-reverse"
+};
+function flexStyles({ direction = "row", gap = "md", align = "stretch", justify = "start", wrap = "nowrap" }) {
+	return mergeStyles([
+		"flex",
+		directionClasses[direction],
+		gapClasses[gap],
+		alignClasses[align],
+		justifyClasses[justify],
+		wrapClasses[wrap]
+	]);
+}
+
+//#endregion
+export { flexStyles };
+//# sourceMappingURL=Flex.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.styles.mjs","names":[],"sources":["../../../src/components/Flex/Flex.styles.ts"],"sourcesContent":["import { mergeStyles } from '../../utils';\n\nexport type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';\nexport type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport type FlexJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\n\nconst directionClasses: Record<FlexDirection, string> = {\n  row: 'flex-row',\n  'row-reverse': 'flex-row-reverse',\n  column: 'flex-col',\n  'column-reverse': 'flex-col-reverse',\n};\n\nconst gapClasses: Record<FlexGap, string> = {\n  none: 'gap-0',\n  xs: 'gap-1', // 4px\n  sm: 'gap-2', // 8px\n  md: 'gap-4', // 16px\n  lg: 'gap-6', // 24px\n  xl: 'gap-8', // 32px\n};\n\nconst alignClasses: Record<FlexAlign, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n  baseline: 'items-baseline',\n};\n\nconst justifyClasses: Record<FlexJustify, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n};\n\nconst wrapClasses: Record<FlexWrap, string> = {\n  nowrap: 'flex-nowrap',\n  wrap: 'flex-wrap',\n  'wrap-reverse': 'flex-wrap-reverse',\n};\n\nexport interface FlexStylesOptions {\n  direction?: FlexDirection;\n  gap?: FlexGap;\n  align?: FlexAlign;\n  justify?: FlexJustify;\n  wrap?: FlexWrap;\n}\n\nexport function flexStyles({\n  direction = 'row',\n  gap = 'md',\n  align = 'stretch',\n  justify = 'start',\n  wrap = 'nowrap',\n}: FlexStylesOptions): string {\n  return mergeStyles([\n    'flex', // Base style\n    directionClasses[direction],\n    gapClasses[gap],\n    alignClasses[align],\n    justifyClasses[justify],\n    wrapClasses[wrap],\n  ]);\n}\n"],"mappings":";;;AAcA,MAAM,mBAAkD;CACtD,KAAK;CACL,eAAe;CACf,QAAQ;CACR,kBAAkB;CACnB;AAED,MAAM,aAAsC;CAC1C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,eAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,UAAU;CACX;AAED,MAAM,iBAA8C;CAClD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;CACT;AAED,MAAM,cAAwC;CAC5C,QAAQ;CACR,MAAM;CACN,gBAAgB;CACjB;AAUD,SAAgB,WAAW,EACzB,YAAY,OACZ,MAAM,MACN,QAAQ,WACR,UAAU,SACV,OAAO,YACqB;AAC5B,QAAO,YAAY;EACjB;EACA,iBAAiB;EACjB,WAAW;EACX,aAAa;EACb,eAAe;EACf,YAAY;EACb,CAAC"}

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

@@ -0,0 +1,2 @@
+import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from "./Flex.styles.mjs";
+import { Flex, FlexProps } from "./Flex.mjs";

package/dist/components/Float/Float.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Float_styles = require('./Float.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/Float/Float.tsx
+const Float = ({ as, floatType = "absolute", zIndex = "sticky", top, bottom, left, right, className, style, children, ...props }) => {
+	const Component = as || "div";
+	const classes = require_Float_styles.float({
+		floatType,
+		zIndex,
+		className
+	});
+	const positionStyles = require_Float_styles.floatPositionStyles({
+		top,
+		bottom,
+		left,
+		right
+	});
+	return react.default.createElement(Component, {
+		className: classes,
+		style: {
+			...positionStyles,
+			...style
+		},
+		...props
+	}, children);
+};
+Float.displayName = "Float";
+
+//#endregion
+exports.Float = Float;

package/dist/components/Float/Float.d.cts

@@ -0,0 +1,25 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
+import { FloatStylesOptions } from "./Float.styles.cjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Float/Float.d.ts
+type FloatProps<E extends ElementType = 'div'> = PolymorphicProps<E, FloatStylesOptions>;
+declare const Float: {
+  <E extends ElementType = "div">({
+    as,
+    floatType,
+    zIndex,
+    top,
+    bottom,
+    left,
+    right,
+    className,
+    style,
+    children,
+    ...props
+  }: FloatProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Float, FloatProps };
+//# sourceMappingURL=Float.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.d.cts","names":[],"sources":["../../../src/components/Float/Float.tsx"],"mappings":";;;;;KAQY,UAAA,WAAqB,WAAA,YAAuB,gBAAA,CACtD,CAAA,EACA,kBAAA;AAAA,cAGW,KAAA;EAAA,WAAmB,WAAA;IAAW,EAAA;IAAA,SAAA;IAAA,MAAA;IAAA,GAAA;IAAA,MAAA;IAAA,IAAA;IAAA,KAAA;IAAA,SAAA;IAAA,KAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GAYxC,UAAA,CAAW,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Float/Float.d.mts

@@ -0,0 +1,26 @@
+import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.mjs";
+import "../../utils/polymorphic/index.mjs";
+import { FloatStylesOptions } from "./Float.styles.mjs";
+import React, { ElementType } from "react";
+
+//#region src/components/Float/Float.d.ts
+type FloatProps<E extends ElementType = 'div'> = PolymorphicProps<E, FloatStylesOptions>;
+declare const Float: {
+  <E extends ElementType = "div">({
+    as,
+    floatType,
+    zIndex,
+    top,
+    bottom,
+    left,
+    right,
+    className,
+    style,
+    children,
+    ...props
+  }: FloatProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+export { Float, FloatProps };
+//# sourceMappingURL=Float.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.d.mts","names":[],"sources":["../../../src/components/Float/Float.tsx"],"mappings":";;;;;;KAQY,UAAA,WAAqB,WAAA,YAAuB,gBAAA,CACtD,CAAA,EACA,kBAAA;AAAA,cAGW,KAAA;EAAA,WAAmB,WAAA;IAAW,EAAA;IAAA,SAAA;IAAA,MAAA;IAAA,GAAA;IAAA,MAAA;IAAA,IAAA;IAAA,KAAA;IAAA,SAAA;IAAA,KAAA;IAAA,QAAA;IAAA,GAAA;EAAA,GAYxC,UAAA,CAAW,CAAA,IAAE,KAAA,CAAA,YAAA,eAAA,KAAA,CAAA,qBAAA"}

package/dist/components/Float/Float.mjs

@@ -0,0 +1,31 @@
+import { float, floatPositionStyles } from "./Float.styles.mjs";
+import React from "react";
+
+//#region src/components/Float/Float.tsx
+const Float = ({ as, floatType = "absolute", zIndex = "sticky", top, bottom, left, right, className, style, children, ...props }) => {
+	const Component = as || "div";
+	const classes = float({
+		floatType,
+		zIndex,
+		className
+	});
+	const positionStyles = floatPositionStyles({
+		top,
+		bottom,
+		left,
+		right
+	});
+	return React.createElement(Component, {
+		className: classes,
+		style: {
+			...positionStyles,
+			...style
+		},
+		...props
+	}, children);
+};
+Float.displayName = "Float";
+
+//#endregion
+export { Float };
+//# sourceMappingURL=Float.mjs.map