@timmbr/native-ui 0.0.0-stage → 1.0.1

package/dist/components/Divider/Divider.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { dividerStyle } from './Divider.styles.js';
+import { cn } from '@timmbr/utils';
+
+const Divider = React.forwardRef(
+  ({ orientation = "horizontal", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: cn(dividerStyle({ orientation }), className),
+        ...props
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+export { Divider };

package/dist/components/Divider/Divider.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const dividerStyle: (props?: ({
+    orientation?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Divider.styles.d.ts.map

package/dist/components/Divider/Divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;yBAWvB,CAAC"}

package/dist/components/Divider/Divider.styles.js

@@ -0,0 +1,16 @@
+import { tva } from '../../theme/config.js';
+
+const dividerStyle = tva({
+  base: "bg-border shrink-0",
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "w-[1px] h-full self-stretch min-h-[16px]"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+
+export { dividerStyle };

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: DividerOrientation;
+    className?: string;
+}
+//# sourceMappingURL=Divider.types.d.ts.map

package/dist/components/Divider/Divider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Divider';
+export * from './Divider.types';
+export * from './Divider.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/components/HStack/HStack.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { HStackProps } from './HStack.types';
+export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HStack.d.ts.map

package/dist/components/HStack/HStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../src/components/HStack/HStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,oFAYlB,CAAC"}

package/dist/components/HStack/HStack.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { hstackStyle } from './HStack.styles.js';
+import { cn } from '@timmbr/utils';
+
+const HStack = React.forwardRef(
+  ({ space = "none", reversed = false, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(hstackStyle({ space, reversed }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+HStack.displayName = "HStack";
+
+export { HStack };

package/dist/components/HStack/HStack.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const hstackStyle: (props?: ({
+    space?: string | boolean | undefined;
+    reversed?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=HStack.styles.d.ts.map

package/dist/components/HStack/HStack.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HStack/HStack.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;yBAuBtB,CAAC"}

package/dist/components/HStack/HStack.styles.js

@@ -0,0 +1,28 @@
+import { tva } from '../../theme/config.js';
+
+const hstackStyle = tva({
+  base: "flex flex-row items-center",
+  variants: {
+    space: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6",
+      "2xl": "gap-8",
+      "3xl": "gap-12",
+      "4xl": "gap-16"
+    },
+    reversed: {
+      true: "flex-row-reverse",
+      false: "flex-row"
+    }
+  },
+  defaultVariants: {
+    space: "none",
+    reversed: false
+  }
+});
+
+export { hstackStyle };

package/dist/components/HStack/HStack.types.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type HStackSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export interface HStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    space?: HStackSpace;
+    reversed?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=HStack.types.d.ts.map

package/dist/components/HStack/HStack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/HStack/HStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE5F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/HStack/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HStack';
+export * from './HStack.types';
+export * from './HStack.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/HStack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HStack/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { HeadingProps } from './Heading.types';
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,yFA0BnB,CAAC"}

package/dist/components/Heading/Heading.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { headingStyle } from './Heading.styles.js';
+import { cn } from '@timmbr/utils';
+
+const Heading = React.forwardRef(
+  ({ size = "lg", sub = false, className, children, as, ...props }, ref) => {
+    const Tag = as || (size === "5xl" || size === "4xl" ? "h1" : size === "3xl" ? "h2" : size === "2xl" ? "h3" : size === "xl" ? "h4" : size === "lg" ? "h5" : "h6");
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(headingStyle({ size, sub }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+export { Heading };

package/dist/components/Heading/Heading.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const headingStyle: (props?: ({
+    size?: string | boolean | undefined;
+    sub?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Heading.styles.d.ts.map

package/dist/components/Heading/Heading.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;yBAuBvB,CAAC"}

package/dist/components/Heading/Heading.styles.js

@@ -0,0 +1,28 @@
+import { tva } from '../../theme/config.js';
+
+const headingStyle = tva({
+  base: "text-foreground font-display font-normal tracking-tight",
+  variants: {
+    size: {
+      xs: "text-base leading-6 font-semibold font-sans",
+      sm: "text-lg leading-7 font-semibold font-sans",
+      md: "text-xl leading-7",
+      lg: "text-2xl leading-8",
+      xl: "text-3xl leading-9",
+      "2xl": "text-4xl leading-10",
+      "3xl": "text-5xl leading-none",
+      "4xl": "text-6xl leading-none",
+      "5xl": "text-7xl leading-none"
+    },
+    sub: {
+      true: "text-muted-foreground",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    sub: false
+  }
+});
+
+export { headingStyle };

package/dist/components/Heading/Heading.types.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    size?: HeadingSize;
+    sub?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
+}
+//# sourceMappingURL=Heading.types.d.ts.map

package/dist/components/Heading/Heading.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3F,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC;CAC/D"}

package/dist/components/Heading/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Heading';
+export * from './Heading.types';
+export * from './Heading.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { IconProps } from './Icon.types';
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,mFA8BhB,CAAC"}

package/dist/components/Icon/Icon.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { iconStyle } from './Icon.styles.js';
+import { cn } from '@timmbr/utils';
+
+const Icon = React.forwardRef(
+  ({ as: Component, size = "md", color, className, children, style, ...props }, ref) => {
+    const isNamedSize = typeof size === "string";
+    const numericSize = typeof size === "number" ? size : void 0;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "img",
+        "aria-hidden": "true",
+        className: cn(isNamedSize ? iconStyle({ size }) : "inline-flex items-center justify-center", className),
+        style: {
+          color,
+          ...numericSize ? { width: numericSize, height: numericSize } : {},
+          ...style
+        },
+        ...props,
+        children: Component ? /* @__PURE__ */ jsx(
+          Component,
+          {
+            size: numericSize || "100%",
+            color,
+            className: "size-full"
+          }
+        ) : children
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export { Icon };

package/dist/components/Icon/Icon.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const iconStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Icon.styles.d.ts.map

package/dist/components/Icon/Icon.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;yBAepB,CAAC"}

package/dist/components/Icon/Icon.styles.js

@@ -0,0 +1,20 @@
+import { tva } from '../../theme/config.js';
+
+const iconStyle = tva({
+  base: "inline-flex items-center justify-center shrink-0 leading-none select-none",
+  variants: {
+    size: {
+      "2xs": "size-3",
+      xs: "size-3.5",
+      sm: "size-4",
+      md: "size-5",
+      lg: "size-6",
+      xl: "size-8"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export { iconStyle };

package/dist/components/Icon/Icon.types.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type IconSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as?: React.ElementType;
+    size?: IconSize;
+    color?: string;
+    className?: string;
+}
+//# sourceMappingURL=Icon.types.d.ts.map

package/dist/components/Icon/Icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACtE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Icon';
+export * from './Icon.types';
+export * from './Icon.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { InputProps, InputFieldProps, InputSlotProps, InputIconProps, InputContextValue } from './Input.types';
+export declare const useInputContext: () => InputContextValue;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputSlot: React.ForwardRefExoticComponent<InputSlotProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InputIcon: React.ForwardRefExoticComponent<InputIconProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAWvB,eAAO,MAAM,eAAe,yBAAuC,CAAC;AAEpE,eAAO,MAAM,KAAK,mFA6CjB,CAAC;AAIF,eAAO,MAAM,UAAU,0FAatB,CAAC;AAIF,eAAO,MAAM,SAAS,uFAkBrB,CAAC;AAIF,eAAO,MAAM,SAAS,wFAYrB,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,105 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { inputStyle, inputFieldStyle, inputSlotStyle } from './Input.styles.js';
+import { cn } from '@timmbr/utils';
+
+const InputContext = React.createContext({
+  size: "md",
+  variant: "outline",
+  isInvalid: false,
+  isDisabled: false,
+  isFocused: false
+});
+const useInputContext = () => React.useContext(InputContext);
+const Input = React.forwardRef(
+  ({
+    size = "md",
+    variant = "outline",
+    isInvalid = false,
+    isDisabled = false,
+    isFocused = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const contextValue = React.useMemo(
+      () => ({
+        size,
+        variant,
+        isInvalid,
+        isDisabled,
+        isFocused
+      }),
+      [size, variant, isInvalid, isDisabled, isFocused]
+    );
+    return /* @__PURE__ */ jsx(InputContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-size": size,
+        "data-variant": variant,
+        "data-invalid": isInvalid,
+        "data-disabled": isDisabled,
+        "aria-disabled": isDisabled,
+        className: cn(
+          inputStyle({ size, variant, isInvalid, isDisabled, isFocused }),
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Input.displayName = "Input";
+const InputField = React.forwardRef(
+  ({ className, disabled, ...props }, ref) => {
+    const { size, isDisabled, isInvalid } = useInputContext();
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        disabled: isDisabled || disabled,
+        "aria-invalid": isInvalid,
+        className: cn(inputFieldStyle({ size }), className),
+        ...props
+      }
+    );
+  }
+);
+InputField.displayName = "InputField";
+const InputSlot = React.forwardRef(
+  ({ className, children, onPress, onClick, ...props }, ref) => {
+    const handleClick = (e) => {
+      onPress?.(e);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        onClick: handleClick,
+        className: cn(inputSlotStyle(), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+InputSlot.displayName = "InputSlot";
+const InputIcon = React.forwardRef(
+  ({ as: Component, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center justify-center size-4", className),
+        ...props,
+        children: Component ? /* @__PURE__ */ jsx(Component, { className: "size-full" }) : children
+      }
+    );
+  }
+);
+InputIcon.displayName = "InputIcon";
+
+export { Input, InputField, InputIcon, InputSlot, useInputContext };

package/dist/components/Input/Input.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const inputStyle: (props?: ({
+    variant?: string | boolean | undefined;
+    size?: string | boolean | undefined;
+    isInvalid?: string | boolean | undefined;
+    isDisabled?: string | boolean | undefined;
+    isFocused?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const inputFieldStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const inputSlotStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Input.styles.d.ts.map

package/dist/components/Input/Input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;yBAkCrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAa1B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;yBAEzB,CAAC"}

package/dist/components/Input/Input.styles.js

@@ -0,0 +1,56 @@
+import { tva } from '../../theme/config.js';
+
+const inputStyle = tva({
+  base: "flex flex-row items-center font-sans transition-colors border bg-background text-foreground focus-within:ring-2",
+  variants: {
+    variant: {
+      outline: "rounded-md border-border focus-within:border-primary focus-within:ring-primary/20",
+      underlined: "rounded-none border-b border-t-0 border-x-0 border-b-border focus-within:border-b-primary focus-within:ring-0",
+      rounded: "rounded-full border-border focus-within:border-primary focus-within:ring-primary/20"
+    },
+    size: {
+      sm: "h-8 px-2.5 text-xs gap-1.5",
+      md: "h-10 px-3 text-sm gap-2",
+      lg: "h-11 px-3.5 text-base gap-2.5",
+      xl: "h-12 px-4 text-lg gap-3"
+    },
+    isInvalid: {
+      true: "border-destructive focus-within:border-destructive focus-within:ring-destructive/20 text-destructive",
+      false: ""
+    },
+    isDisabled: {
+      true: "opacity-50 cursor-not-allowed bg-muted/20 pointer-events-none",
+      false: ""
+    },
+    isFocused: {
+      true: "border-primary ring-2 ring-primary/20",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    size: "md",
+    isInvalid: false,
+    isDisabled: false,
+    isFocused: false
+  }
+});
+const inputFieldStyle = tva({
+  base: "flex-1 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground w-full h-full p-0 leading-normal",
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const inputSlotStyle = tva({
+  base: "flex items-center justify-center shrink-0 text-muted-foreground select-none"
+});
+
+export { inputFieldStyle, inputSlotStyle, inputStyle };

package/dist/components/Input/Input.types.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+export type InputSize = 'sm' | 'md' | 'lg' | 'xl';
+export type InputVariant = 'outline' | 'underlined' | 'rounded';
+export interface InputContextValue {
+    size?: InputSize;
+    variant?: InputVariant;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isFocused?: boolean;
+}
+export interface InputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    size?: InputSize;
+    variant?: InputVariant;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isFocused?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    className?: string;
+}
+export interface InputSlotProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+    onPress?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export interface InputIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as?: React.ElementType;
+    className?: string;
+}
+//# sourceMappingURL=Input.types.d.ts.map

package/dist/components/Input/Input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Input';
+export * from './Input.types';
+export * from './Input.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}