@timmbr/native-ui 0.0.0-stage → 1.0.0

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { TabsProps, TabsListProps, TabsTriggerProps, TabsTriggerTextProps, TabsContentProps, TabsContextValue } from './Tabs.types';
+export declare const useTabsContext: () => TabsContextValue;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsTriggerText: React.ForwardRefExoticComponent<TabsTriggerTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAQtB,eAAO,MAAM,cAAc,wBAAsC,CAAC;AAElE,eAAO,MAAM,IAAI,kFAyChB,CAAC;AAIF,eAAO,MAAM,QAAQ,sFAapB,CAAC;AAIF,eAAO,MAAM,WAAW,4FAyBvB,CAAC;AAIF,eAAO,MAAM,eAAe,8FAQ3B,CAAC;AAIF,eAAO,MAAM,WAAW,yFAmBvB,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,109 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { tabsStyle, tabsContentStyle, tabsListStyle, tabsTriggerStyle, tabsTriggerTextStyle } from './Tabs.styles.js';
+import { cn } from '@timmbr/utils';
+
+const TabsContext = React.createContext({
+  value: "",
+  onValueChange: () => {
+  }
+});
+const useTabsContext = () => React.useContext(TabsContext);
+const Tabs = React.forwardRef(
+  ({
+    value: controlledValue,
+    defaultValue = "",
+    onValueChange,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const currentValue = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+    const handleValueChange = React.useCallback(
+      (newValue) => {
+        if (controlledValue === void 0) {
+          setUncontrolledValue(newValue);
+        }
+        onValueChange?.(newValue);
+      },
+      [controlledValue, onValueChange]
+    );
+    const contextValue = React.useMemo(
+      () => ({
+        value: currentValue,
+        onValueChange: handleValueChange
+      }),
+      [currentValue, handleValueChange]
+    );
+    return /* @__PURE__ */ jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn(tabsStyle(), className), ...props, children }) });
+  }
+);
+Tabs.displayName = "Tabs";
+const TabsList = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tablist",
+        className: cn(tabsListStyle(), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsList.displayName = "TabsList";
+const TabsTrigger = React.forwardRef(
+  ({ value, className, children, onClick, ...props }, ref) => {
+    const { value: activeValue, onValueChange } = useTabsContext();
+    const isActive = activeValue === value;
+    const handleClick = (e) => {
+      onValueChange(value);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "tab",
+        "aria-selected": isActive,
+        "data-state": isActive ? "active" : "inactive",
+        className: cn(tabsTriggerStyle({ isActive }), className),
+        onClick: handleClick,
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+const TabsTriggerText = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("span", { ref, className: cn(tabsTriggerTextStyle(), className), ...props, children });
+  }
+);
+TabsTriggerText.displayName = "TabsTriggerText";
+const TabsContent = React.forwardRef(
+  ({ value, className, children, ...props }, ref) => {
+    const { value: activeValue } = useTabsContext();
+    const isActive = activeValue === value;
+    if (!isActive) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tabpanel",
+        "data-state": isActive ? "active" : "inactive",
+        className: cn(tabsContentStyle({ isActive }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsContent.displayName = "TabsContent";
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerText, useTabsContext };

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

@@ -0,0 +1,31 @@
+export declare const tabsStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const tabsListStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const tabsTriggerStyle: (props?: ({
+    isActive?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const tabsTriggerTextStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const tabsContentStyle: (props?: ({
+    isActive?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Tabs.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;yBAEpB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;yBAExB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;yBAW3B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;yBAE/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;yBAW3B,CAAC"}

package/dist/components/Tabs/Tabs.styles.js

@@ -0,0 +1,37 @@
+import { tva } from '../../theme/config.js';
+
+const tabsStyle = tva({
+  base: "flex flex-col w-full font-sans"
+});
+const tabsListStyle = tva({
+  base: "inline-flex h-11 items-center justify-start rounded-lg bg-secondary/50 p-1 text-muted-foreground border border-border/50 gap-1"
+});
+const tabsTriggerStyle = tva({
+  base: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3.5 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer",
+  variants: {
+    isActive: {
+      true: "bg-card text-foreground shadow-sm font-semibold border border-border/40",
+      false: "hover:text-foreground hover:bg-card/50"
+    }
+  },
+  defaultVariants: {
+    isActive: false
+  }
+});
+const tabsTriggerTextStyle = tva({
+  base: "leading-none"
+});
+const tabsContentStyle = tva({
+  base: "mt-3 focus-visible:outline-none",
+  variants: {
+    isActive: {
+      true: "block",
+      false: "hidden"
+    }
+  },
+  defaultVariants: {
+    isActive: false
+  }
+});
+
+export { tabsContentStyle, tabsListStyle, tabsStyle, tabsTriggerStyle, tabsTriggerTextStyle };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface TabsContextValue {
+    value: string;
+    onValueChange: (value: string) => void;
+}
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsTriggerTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Tabs.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

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

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

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

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

package/dist/components/Text/Text.d.ts

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

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

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

package/dist/components/Text/Text.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { textStyle } from './Text.styles.js';
+import { cn } from '@timmbr/utils';
+
+const Text = React.forwardRef(
+  ({
+    size = "md",
+    sub = false,
+    highlight = false,
+    className,
+    children,
+    as: Component = "span",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(textStyle({ size, sub, highlight }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+export { Text };

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

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

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

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

package/dist/components/Text/Text.styles.js

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type TextSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: TextSize;
+    sub?: boolean;
+    highlight?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    as?: React.ElementType;
+}
+//# sourceMappingURL=Text.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACtE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB"}

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

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

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

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

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { TextareaProps, TextareaInputProps, TextareaContextValue } from './Textarea.types';
+export declare const useTextareaContext: () => TextareaContextValue;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TextareaInput: React.ForwardRefExoticComponent<TextareaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAU1B,eAAO,MAAM,kBAAkB,4BAA0C,CAAC;AAE1E,eAAO,MAAM,QAAQ,sFA0CpB,CAAC;AAIF,eAAO,MAAM,aAAa,gGAcxB,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,66 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { textareaStyle, textareaInputStyle } from './Textarea.styles.js';
+import { cn } from '@timmbr/utils';
+
+const TextareaContext = React.createContext({
+  size: "md",
+  isInvalid: false,
+  isDisabled: false,
+  isFocused: false
+});
+const useTextareaContext = () => React.useContext(TextareaContext);
+const Textarea = React.forwardRef(
+  ({
+    size = "md",
+    isInvalid = false,
+    isDisabled = false,
+    isFocused = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const contextValue = React.useMemo(
+      () => ({
+        size,
+        isInvalid,
+        isDisabled,
+        isFocused
+      }),
+      [size, isInvalid, isDisabled, isFocused]
+    );
+    return /* @__PURE__ */ jsx(TextareaContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-size": size,
+        "data-invalid": isInvalid,
+        "data-disabled": isDisabled,
+        "aria-disabled": isDisabled,
+        className: cn(
+          textareaStyle({ size, isInvalid, isDisabled, isFocused }),
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Textarea.displayName = "Textarea";
+const TextareaInput = React.forwardRef(({ className, disabled, ...props }, ref) => {
+  const { size, isDisabled, isInvalid } = useTextareaContext();
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      disabled: isDisabled || disabled,
+      "aria-invalid": isInvalid,
+      className: cn(textareaInputStyle({ size }), className),
+      ...props
+    }
+  );
+});
+TextareaInput.displayName = "TextareaInput";
+
+export { Textarea, TextareaInput, useTextareaContext };

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

@@ -0,0 +1,16 @@
+export declare const textareaStyle: (props?: ({
+    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 textareaInputStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Textarea.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;yBA4BxB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;yBAa7B,CAAC"}

package/dist/components/Textarea/Textarea.styles.js

@@ -0,0 +1,47 @@
+import { tva } from '../../theme/config.js';
+
+const textareaStyle = tva({
+  base: "flex flex-col font-sans transition-colors border rounded-md bg-background text-foreground focus-within:ring-2 focus-within:border-primary focus-within:ring-primary/20",
+  variants: {
+    size: {
+      sm: "p-2 text-xs",
+      md: "p-3 text-sm",
+      lg: "p-3.5 text-base",
+      xl: "p-4 text-lg"
+    },
+    isInvalid: {
+      true: "border-destructive focus-within:border-destructive focus-within:ring-destructive/20 text-destructive",
+      false: "border-border"
+    },
+    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: {
+    size: "md",
+    isInvalid: false,
+    isDisabled: false,
+    isFocused: false
+  }
+});
+const textareaInputStyle = tva({
+  base: "w-full h-full min-h-[80px] bg-transparent border-none outline-none resize-y text-foreground placeholder:text-muted-foreground p-0 leading-relaxed",
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export { textareaInputStyle, textareaStyle };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type TextareaSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface TextareaContextValue {
+    size?: TextareaSize;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isFocused?: boolean;
+}
+export interface TextareaProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: TextareaSize;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isFocused?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TextareaInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,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,kBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { ToastProps, ToastTitleProps, ToastDescriptionProps, ToastContextValue } from './Toast.types';
+export declare const useToastContext: () => ToastContextValue;
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const ToastDescription: React.ForwardRefExoticComponent<ToastDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAQvB,eAAO,MAAM,eAAe,yBAAuC,CAAC;AAEpE,eAAO,MAAM,KAAK,mFAiBjB,CAAC;AAIF,eAAO,MAAM,UAAU,4FAQtB,CAAC;AAIF,eAAO,MAAM,gBAAgB,oGAS3B,CAAC"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { toastStyle, toastDescriptionStyle, toastTitleStyle } from './Toast.styles.js';
+import { cn } from '@timmbr/utils';
+
+const ToastContext = React.createContext({
+  action: "muted",
+  variant: "solid"
+});
+const useToastContext = () => React.useContext(ToastContext);
+const Toast = React.forwardRef(
+  ({ action = "muted", variant = "solid", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(ToastContext.Provider, { value: { action, variant }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "data-action": action,
+        "data-variant": variant,
+        className: cn(toastStyle({ action, variant }), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Toast.displayName = "Toast";
+const ToastTitle = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("h5", { ref, className: cn(toastTitleStyle(), className), ...props, children });
+  }
+);
+ToastTitle.displayName = "ToastTitle";
+const ToastDescription = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("p", { ref, className: cn(toastDescriptionStyle(), className), ...props, children });
+});
+ToastDescription.displayName = "ToastDescription";
+
+export { Toast, ToastDescription, ToastTitle, useToastContext };

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

@@ -0,0 +1,20 @@
+export declare const toastStyle: (props?: ({
+    action?: string | boolean | undefined;
+    variant?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const toastTitleStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const toastDescriptionStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Toast.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;yBAmCrB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAE1B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;yBAEhC,CAAC"}