@timmbr/native-ui 0.0.0-stage → 1.0.0

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

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

package/dist/components/Box/Box.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,iFAkBf,CAAC"}

package/dist/components/Box/Box.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { boxStyle } from './Box.styles.js';
+import { cn } from '@timmbr/utils';
+
+const Box = React.forwardRef(
+  ({ className, children, onPress, onClick, as: Component = "div", ...props }, ref) => {
+    const handleClick = (e) => {
+      onPress?.(e);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(boxStyle(), className),
+        onClick: handleClick,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+export { Box };

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

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

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

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

package/dist/components/Box/Box.styles.js

@@ -0,0 +1,7 @@
+import { tva } from '../../theme/config.js';
+
+const boxStyle = tva({
+  base: "box-border"
+});
+
+export { boxStyle };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+    onPress?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    as?: React.ElementType;
+}
+//# sourceMappingURL=Box.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { ButtonProps, ButtonTextProps, ButtonIconProps, ButtonSpinnerProps, ButtonGroupProps, ButtonContextValue } from './Button.types';
+export declare const useButtonContext: () => ButtonContextValue;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ButtonText: React.ForwardRefExoticComponent<ButtonTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ButtonSpinner: React.ForwardRefExoticComponent<ButtonSpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAUxB,eAAO,MAAM,gBAAgB,0BAAwC,CAAC;AAEtE,eAAO,MAAM,MAAM,uFA8DlB,CAAC;AAIF,eAAO,MAAM,UAAU,yFAatB,CAAC;AAIF,eAAO,MAAM,UAAU,yFAatB,CAAC;AAIF,eAAO,MAAM,aAAa,4FAiCzB,CAAC;AAIF,eAAO,MAAM,WAAW,yFAuBvB,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,169 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { buttonStyle, buttonGroupStyle, buttonIconStyle, buttonTextStyle } from './Button.styles.js';
+import { cn } from '@timmbr/utils';
+
+const ButtonContext = React.createContext({
+  action: "primary",
+  variant: "solid",
+  size: "md",
+  isDisabled: false
+});
+const useButtonContext = () => React.useContext(ButtonContext);
+const Button = React.forwardRef(
+  ({
+    action = "primary",
+    variant = "solid",
+    size = "md",
+    isDisabled = false,
+    isLoading = false,
+    className,
+    children,
+    onPress,
+    onClick,
+    disabled,
+    type = "button",
+    ...props
+  }, ref) => {
+    const isActuallyDisabled = isDisabled || isLoading || disabled;
+    const handleClick = (e) => {
+      if (isActuallyDisabled) {
+        e.preventDefault();
+        return;
+      }
+      onPress?.(e);
+      onClick?.(e);
+    };
+    const contextValue = React.useMemo(
+      () => ({
+        action,
+        variant,
+        size,
+        isDisabled: isActuallyDisabled
+      }),
+      [action, variant, size, isActuallyDisabled]
+    );
+    return /* @__PURE__ */ jsx(ButtonContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type,
+        disabled: isActuallyDisabled,
+        "aria-disabled": isActuallyDisabled,
+        "data-action": action,
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(
+          buttonStyle({ action, variant, size, isDisabled: isActuallyDisabled }),
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children: [
+          isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}),
+          children
+        ]
+      }
+    ) });
+  }
+);
+Button.displayName = "Button";
+const ButtonText = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { size } = useButtonContext();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(buttonTextStyle({ size }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+ButtonText.displayName = "ButtonText";
+const ButtonIcon = React.forwardRef(
+  ({ as: Component, className, size: iconSizeProp, children, ...props }, ref) => {
+    const { size } = useButtonContext();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(buttonIconStyle({ size }), className),
+        ...props,
+        children: Component ? /* @__PURE__ */ jsx(Component, { size: iconSizeProp }) : children
+      }
+    );
+  }
+);
+ButtonIcon.displayName = "ButtonIcon";
+const ButtonSpinner = React.forwardRef(
+  ({ className, color = "currentColor", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "status",
+        "aria-label": "Loading",
+        className: cn("inline-block animate-spin shrink-0 size-4", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "size-full",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: color,
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: color,
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+ButtonSpinner.displayName = "ButtonSpinner";
+const ButtonGroup = React.forwardRef(
+  ({
+    space = "md",
+    isAttached = false,
+    reversed = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        className: cn(buttonGroupStyle({ space, isAttached, reversed }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+export { Button, ButtonGroup, ButtonIcon, ButtonSpinner, ButtonText, useButtonContext };

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

@@ -0,0 +1,30 @@
+export declare const buttonStyle: (props?: ({
+    action?: string | boolean | undefined;
+    variant?: string | boolean | undefined;
+    size?: string | boolean | undefined;
+    isDisabled?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const buttonTextStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const buttonIconStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const buttonGroupStyle: (props?: ({
+    space?: string | boolean | undefined;
+    isAttached?: string | boolean | undefined;
+    reversed?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Button.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;yBAqDtB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAa1B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAa1B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;yBAuB3B,CAAC"}

package/dist/components/Button/Button.styles.js

@@ -0,0 +1,106 @@
+import { tva } from '../../theme/config.js';
+
+const buttonStyle = tva({
+  base: "inline-flex items-center justify-center font-sans font-medium transition-colors select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98]",
+  variants: {
+    action: {
+      primary: "",
+      secondary: "",
+      positive: "",
+      negative: "",
+      default: ""
+    },
+    variant: {
+      solid: "",
+      outline: "bg-transparent border",
+      link: "bg-transparent underline-offset-4 hover:underline p-0 h-auto active:scale-100"
+    },
+    size: {
+      xs: "h-8 px-2.5 text-xs gap-1.5 rounded",
+      sm: "h-9 px-3 text-xs gap-2 rounded-md",
+      md: "h-10 px-4 text-sm gap-2 rounded-md",
+      lg: "h-11 px-5 text-base gap-2.5 rounded-lg"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none cursor-not-allowed",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { action: "primary", variant: "solid", class: "bg-primary text-primary-foreground hover:bg-primary/90" },
+    { action: "primary", variant: "outline", class: "border-primary text-primary hover:bg-primary/10" },
+    { action: "primary", variant: "link", class: "text-primary" },
+    { action: "secondary", variant: "solid", class: "bg-secondary text-secondary-foreground hover:bg-secondary/80" },
+    { action: "secondary", variant: "outline", class: "border-secondary-foreground/20 text-secondary-foreground hover:bg-secondary/20" },
+    { action: "secondary", variant: "link", class: "text-secondary-foreground" },
+    { action: "positive", variant: "solid", class: "bg-success text-white hover:bg-success/90" },
+    { action: "positive", variant: "outline", class: "border-success text-success hover:bg-success/10" },
+    { action: "positive", variant: "link", class: "text-success" },
+    { action: "negative", variant: "solid", class: "bg-destructive text-destructive-foreground hover:bg-destructive/90" },
+    { action: "negative", variant: "outline", class: "border-destructive text-destructive hover:bg-destructive/10" },
+    { action: "negative", variant: "link", class: "text-destructive" },
+    { action: "default", variant: "solid", class: "bg-muted text-foreground hover:bg-muted/80" },
+    { action: "default", variant: "outline", class: "border-border text-foreground hover:bg-muted/30" },
+    { action: "default", variant: "link", class: "text-foreground" }
+  ],
+  defaultVariants: {
+    action: "primary",
+    variant: "solid",
+    size: "md",
+    isDisabled: false
+  }
+});
+const buttonTextStyle = tva({
+  base: "font-medium leading-none select-none",
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const buttonIconStyle = tva({
+  base: "shrink-0",
+  variants: {
+    size: {
+      xs: "size-3.5",
+      sm: "size-4",
+      md: "size-4",
+      lg: "size-5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const buttonGroupStyle = tva({
+  base: "inline-flex items-center",
+  variants: {
+    space: {
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4"
+    },
+    isAttached: {
+      true: "gap-0 [&>button:not(:first-child)]:rounded-l-none [&>button:not(:last-child)]:rounded-r-none [&>button:not(:first-child)]:-ml-[1px]",
+      false: ""
+    },
+    reversed: {
+      true: "flex-row-reverse",
+      false: "flex-row"
+    }
+  },
+  defaultVariants: {
+    space: "md",
+    isAttached: false,
+    reversed: false
+  }
+});
+
+export { buttonGroupStyle, buttonIconStyle, buttonStyle, buttonTextStyle };

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+export type ButtonAction = 'primary' | 'secondary' | 'positive' | 'negative' | 'default';
+export type ButtonVariant = 'solid' | 'outline' | 'link';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface ButtonContextValue {
+    action?: ButtonAction;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isDisabled?: boolean;
+}
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    action?: ButtonAction;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ButtonTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ButtonIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as?: React.ElementType;
+    className?: string;
+    size?: number | string;
+}
+export interface ButtonSpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    color?: string;
+}
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    space?: 'xs' | 'sm' | 'md' | 'lg';
+    isAttached?: boolean;
+    reversed?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AACzF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACzD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

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

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

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

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

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardContextValue } from './Card.types';
+export declare const useCardContext: () => CardContextValue;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAQtB,eAAO,MAAM,cAAc,wBAAsC,CAAC;AAElE,eAAO,MAAM,IAAI,kFAqBhB,CAAC;AAIF,eAAO,MAAM,UAAU,wFAQtB,CAAC;AAIF,eAAO,MAAM,QAAQ,sFAQpB,CAAC;AAIF,eAAO,MAAM,UAAU,wFAQtB,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cardStyle, cardBodyStyle, cardFooterStyle, cardHeaderStyle } from './Card.styles.js';
+import { cn } from '@timmbr/utils';
+
+const CardContext = React.createContext({
+  size: "md",
+  variant: "elevated"
+});
+const useCardContext = () => React.useContext(CardContext);
+const Card = React.forwardRef(
+  ({ size = "md", variant = "elevated", className, children, ...props }, ref) => {
+    const contextValue = React.useMemo(
+      () => ({ size, variant }),
+      [size, variant]
+    );
+    return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-size": size,
+        "data-variant": variant,
+        className: cn(cardStyle({ size, variant }), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(cardHeaderStyle(), className), ...props, children });
+  }
+);
+CardHeader.displayName = "CardHeader";
+const CardBody = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(cardBodyStyle(), className), ...props, children });
+  }
+);
+CardBody.displayName = "CardBody";
+const CardFooter = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(cardFooterStyle(), className), ...props, children });
+  }
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardBody, CardFooter, CardHeader, useCardContext };

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

@@ -0,0 +1,26 @@
+export declare const cardStyle: (props?: ({
+    size?: string | boolean | undefined;
+    variant?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const cardHeaderStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const cardBodyStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const cardFooterStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Card.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;yBAkBpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAE1B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;yBAExB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;yBAE1B,CAAC"}

package/dist/components/Card/Card.styles.js

@@ -0,0 +1,32 @@
+import { tva } from '../../theme/config.js';
+
+const cardStyle = tva({
+  base: "rounded-xl bg-card text-card-foreground transition-shadow",
+  variants: {
+    size: {
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6"
+    },
+    variant: {
+      elevated: "shadow-sm border border-border/40",
+      outline: "border border-border shadow-none",
+      ghost: "bg-transparent shadow-none border-none"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "elevated"
+  }
+});
+const cardHeaderStyle = tva({
+  base: "flex flex-col space-y-1.5 pb-2"
+});
+const cardBodyStyle = tva({
+  base: "flex-1 py-1 text-sm text-muted-foreground"
+});
+const cardFooterStyle = tva({
+  base: "flex items-center pt-3"
+});
+
+export { cardBodyStyle, cardFooterStyle, cardHeaderStyle, cardStyle };

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export type CardSize = 'sm' | 'md' | 'lg';
+export type CardVariant = 'elevated' | 'outline' | 'ghost';
+export interface CardContextValue {
+    size?: CardSize;
+    variant?: CardVariant;
+}
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: CardSize;
+    variant?: CardVariant;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,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,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

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

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

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

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

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

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

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

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