@timmbr/native-ui 0.0.0-stage → 1.0.0

package/dist/components/Actionsheet/Actionsheet.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { ActionsheetProps, ActionsheetBackdropProps, ActionsheetContentProps, ActionsheetDragIndicatorWrapperProps, ActionsheetDragIndicatorProps, ActionsheetItemProps, ActionsheetItemTextProps, ActionsheetIconProps, ActionsheetContextValue } from './Actionsheet.types';
+export declare const useActionsheetContext: () => ActionsheetContextValue;
+export declare const Actionsheet: React.ForwardRefExoticComponent<ActionsheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionsheetBackdrop: React.ForwardRefExoticComponent<ActionsheetBackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionsheetContent: React.ForwardRefExoticComponent<ActionsheetContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionsheetDragIndicatorWrapper: React.ForwardRefExoticComponent<ActionsheetDragIndicatorWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionsheetDragIndicator: React.ForwardRefExoticComponent<ActionsheetDragIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionsheetItem: React.ForwardRefExoticComponent<ActionsheetItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ActionsheetItemText: React.ForwardRefExoticComponent<ActionsheetItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ActionsheetIcon: React.ForwardRefExoticComponent<ActionsheetIconProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Actionsheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actionsheet.d.ts","sourceRoot":"","sources":["../../../src/components/Actionsheet/Actionsheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,EACvB,oCAAoC,EACpC,6BAA6B,EAC7B,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAO7B,eAAO,MAAM,qBAAqB,+BAA6C,CAAC;AAEhF,eAAO,MAAM,WAAW,yFAkBvB,CAAC;AAIF,eAAO,MAAM,mBAAmB,iGAmB9B,CAAC;AAIH,eAAO,MAAM,kBAAkB,gGAc7B,CAAC;AAIH,eAAO,MAAM,+BAA+B,6GAa1C,CAAC;AAIH,eAAO,MAAM,wBAAwB,sGAWnC,CAAC;AAIH,eAAO,MAAM,eAAe,gGAoB1B,CAAC;AAIH,eAAO,MAAM,mBAAmB,kGAS9B,CAAC;AAIH,eAAO,MAAM,eAAe,8FAa1B,CAAC"}

package/dist/components/Actionsheet/Actionsheet.js

@@ -0,0 +1,116 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { actionsheetStyle, actionsheetBackdropStyle, actionsheetContentStyle, actionsheetDragIndicatorStyle, actionsheetDragIndicatorWrapperStyle, actionsheetItemStyle, actionsheetItemTextStyle } from './Actionsheet.styles.js';
+import { cn } from '@timmbr/utils';
+
+const ActionsheetContext = React.createContext({
+  isOpen: false
+});
+const useActionsheetContext = () => React.useContext(ActionsheetContext);
+const Actionsheet = React.forwardRef(
+  ({ isOpen = false, onClose, className, children, ...props }, ref) => {
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsx(ActionsheetContext.Provider, { value: { isOpen, onClose }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "dialog",
+        "aria-modal": "true",
+        className: cn(actionsheetStyle(), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Actionsheet.displayName = "Actionsheet";
+const ActionsheetBackdrop = React.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { onClose } = useActionsheetContext();
+  const handleClick = (e) => {
+    onClose?.();
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-hidden": "true",
+      className: cn(actionsheetBackdropStyle(), className),
+      onClick: handleClick,
+      ...props
+    }
+  );
+});
+ActionsheetBackdrop.displayName = "ActionsheetBackdrop";
+const ActionsheetContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "actionsheet-content",
+      className: cn(actionsheetContentStyle(), className),
+      ...props,
+      children
+    }
+  );
+});
+ActionsheetContent.displayName = "ActionsheetContent";
+const ActionsheetDragIndicatorWrapper = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(actionsheetDragIndicatorWrapperStyle(), className),
+      ...props,
+      children
+    }
+  );
+});
+ActionsheetDragIndicatorWrapper.displayName = "ActionsheetDragIndicatorWrapper";
+const ActionsheetDragIndicator = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(actionsheetDragIndicatorStyle(), className),
+      ...props
+    }
+  );
+});
+ActionsheetDragIndicator.displayName = "ActionsheetDragIndicator";
+const ActionsheetItem = React.forwardRef(({ className, children, onPress, onClick, ...props }, ref) => {
+  const handleClick = (e) => {
+    onPress?.(e);
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(actionsheetItemStyle(), className),
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+});
+ActionsheetItem.displayName = "ActionsheetItem";
+const ActionsheetItemText = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("span", { ref, className: cn(actionsheetItemTextStyle(), className), ...props, children });
+});
+ActionsheetItemText.displayName = "ActionsheetItemText";
+const ActionsheetIcon = React.forwardRef(({ as: Component, className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn("inline-flex items-center justify-center shrink-0 size-4 text-muted-foreground", className),
+      ...props,
+      children: Component ? /* @__PURE__ */ jsx(Component, { className: "size-full" }) : children
+    }
+  );
+});
+ActionsheetIcon.displayName = "ActionsheetIcon";
+
+export { Actionsheet, ActionsheetBackdrop, ActionsheetContent, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetIcon, ActionsheetItem, ActionsheetItemText, useActionsheetContext };

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

@@ -0,0 +1,43 @@
+export declare const actionsheetStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetBackdropStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetContentStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetDragIndicatorWrapperStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetDragIndicatorStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetItemStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const actionsheetItemTextStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Actionsheet.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actionsheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Actionsheet/Actionsheet.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;yBAE3B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;yBAEnC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;yBAElC,CAAC;AAEH,eAAO,MAAM,oCAAoC;;;;;yBAE/C,CAAC;AAEH,eAAO,MAAM,6BAA6B;;;;;yBAExC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;yBAE/B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;yBAEnC,CAAC"}

package/dist/components/Actionsheet/Actionsheet.styles.js

@@ -0,0 +1,25 @@
+import { tva } from '../../theme/config.js';
+
+const actionsheetStyle = tva({
+  base: "fixed inset-0 z-50 flex items-end justify-center font-sans pointer-events-auto"
+});
+const actionsheetBackdropStyle = tva({
+  base: "fixed inset-0 bg-black/50 backdrop-blur-xs transition-opacity"
+});
+const actionsheetContentStyle = tva({
+  base: "relative z-10 w-full max-w-lg rounded-t-2xl bg-card text-card-foreground p-5 pb-8 shadow-xl border-t border-border flex flex-col max-h-[85vh] overflow-y-auto animate-in slide-in-from-bottom duration-200"
+});
+const actionsheetDragIndicatorWrapperStyle = tva({
+  base: "w-full flex items-center justify-center py-1 mb-3 cursor-grab"
+});
+const actionsheetDragIndicatorStyle = tva({
+  base: "w-12 h-1.5 rounded-full bg-muted-foreground/30"
+});
+const actionsheetItemStyle = tva({
+  base: "flex flex-row items-center w-full px-4 py-3 rounded-lg text-left text-sm font-medium transition-colors hover:bg-muted/50 active:bg-muted/80 disabled:opacity-50 disabled:pointer-events-none gap-3 select-none cursor-pointer"
+});
+const actionsheetItemTextStyle = tva({
+  base: "flex-1 text-foreground font-medium text-sm leading-normal"
+});
+
+export { actionsheetBackdropStyle, actionsheetContentStyle, actionsheetDragIndicatorStyle, actionsheetDragIndicatorWrapperStyle, actionsheetItemStyle, actionsheetItemTextStyle, actionsheetStyle };

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export interface ActionsheetContextValue {
+    isOpen: boolean;
+    onClose?: () => void;
+}
+export interface ActionsheetProps extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ActionsheetBackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+export interface ActionsheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ActionsheetDragIndicatorWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ActionsheetDragIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+export interface ActionsheetItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    onPress?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ActionsheetItemTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ActionsheetIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as?: React.ElementType;
+    className?: string;
+}
+//# sourceMappingURL=Actionsheet.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actionsheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Actionsheet/Actionsheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,oCAAqC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACrF,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,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { AvatarProps, AvatarFallbackTextProps, AvatarImageProps, AvatarBadgeProps, AvatarContextValue } from './Avatar.types';
+export declare const useAvatarContext: () => AvatarContextValue;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AvatarFallbackText: React.ForwardRefExoticComponent<AvatarFallbackTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarBadge: React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,WAAW,EACX,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAOxB,eAAO,MAAM,gBAAgB,0BAAwC,CAAC;AAEtE,eAAO,MAAM,MAAM,oFAelB,CAAC;AAIF,eAAO,MAAM,kBAAkB,iGAa7B,CAAC;AAIH,eAAO,MAAM,WAAW,2FAWvB,CAAC;AAIF,eAAO,MAAM,WAAW,yFAWvB,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,66 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { avatarStyle, avatarBadgeStyle, avatarFallbackTextStyle, avatarImageStyle } from './Avatar.styles.js';
+import { cn } from '@timmbr/utils';
+
+const AvatarContext = React.createContext({
+  size: "md"
+});
+const useAvatarContext = () => React.useContext(AvatarContext);
+const Avatar = React.forwardRef(
+  ({ size = "md", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-size": size,
+        className: cn(avatarStyle({ size }), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+const AvatarFallbackText = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(avatarFallbackTextStyle(), className),
+      ...props,
+      children
+    }
+  );
+});
+AvatarFallbackText.displayName = "AvatarFallbackText";
+const AvatarImage = React.forwardRef(
+  ({ className, alt = "Avatar", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        ref,
+        alt,
+        className: cn(avatarImageStyle(), className),
+        ...props
+      }
+    );
+  }
+);
+AvatarImage.displayName = "AvatarImage";
+const AvatarBadge = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn(avatarBadgeStyle(), className),
+        ...props
+      }
+    );
+  }
+);
+AvatarBadge.displayName = "AvatarBadge";
+
+export { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, useAvatarContext };

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

@@ -0,0 +1,25 @@
+export declare const avatarStyle: (props?: ({
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const avatarFallbackTextStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const avatarImageStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const avatarBadgeStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Avatar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;yBAetB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;yBAElC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;yBAE3B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;yBAE3B,CAAC"}

package/dist/components/Avatar/Avatar.styles.js

@@ -0,0 +1,29 @@
+import { tva } from '../../theme/config.js';
+
+const avatarStyle = tva({
+  base: "relative inline-flex items-center justify-center rounded-full bg-secondary text-secondary-foreground font-sans font-semibold select-none overflow-hidden shrink-0 border border-border/40",
+  variants: {
+    size: {
+      xs: "size-6 text-[10px]",
+      sm: "size-8 text-xs",
+      md: "size-10 text-sm",
+      lg: "size-12 text-base",
+      xl: "size-16 text-xl",
+      "2xl": "size-20 text-2xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const avatarFallbackTextStyle = tva({
+  base: "font-semibold tracking-wider uppercase text-center leading-none"
+});
+const avatarImageStyle = tva({
+  base: "size-full object-cover"
+});
+const avatarBadgeStyle = tva({
+  base: "absolute bottom-0 right-0 size-3 rounded-full bg-success ring-2 ring-background"
+});
+
+export { avatarBadgeStyle, avatarFallbackTextStyle, avatarImageStyle, avatarStyle };

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface AvatarContextValue {
+    size?: AvatarSize;
+}
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: AvatarSize;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AvatarFallbackTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    className?: string;
+}
+export interface AvatarBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { BadgeProps, BadgeTextProps, BadgeIconProps, BadgeContextValue } from './Badge.types';
+export declare const useBadgeContext: () => BadgeContextValue;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BadgeText: React.ForwardRefExoticComponent<BadgeTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const BadgeIcon: React.ForwardRefExoticComponent<BadgeIconProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

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

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

package/dist/components/Badge/Badge.js

@@ -0,0 +1,73 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { badgeStyle, badgeTextStyle } from './Badge.styles.js';
+import { cn } from '@timmbr/utils';
+
+const BadgeContext = React.createContext({
+  action: "muted",
+  variant: "subtle",
+  size: "md"
+});
+const useBadgeContext = () => React.useContext(BadgeContext);
+const Badge = React.forwardRef(
+  ({
+    action = "muted",
+    variant = "subtle",
+    size = "md",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const contextValue = React.useMemo(
+      () => ({
+        action,
+        variant,
+        size
+      }),
+      [action, variant, size]
+    );
+    return /* @__PURE__ */ jsx(BadgeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-action": action,
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(badgeStyle({ action, variant, size }), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Badge.displayName = "Badge";
+const BadgeText = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(badgeTextStyle(), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+BadgeText.displayName = "BadgeText";
+const BadgeIcon = React.forwardRef(
+  ({ as: Component, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn("shrink-0 size-3", className),
+        ...props,
+        children: Component ? /* @__PURE__ */ jsx(Component, { className: "size-full" }) : children
+      }
+    );
+  }
+);
+BadgeIcon.displayName = "BadgeIcon";
+
+export { Badge, BadgeIcon, BadgeText, useBadgeContext };

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

@@ -0,0 +1,15 @@
+export declare const badgeStyle: (props?: ({
+    action?: string | boolean | undefined;
+    variant?: string | boolean | undefined;
+    size?: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+export declare const badgeTextStyle: (props?: ({
+    [x: string]: string | boolean | undefined;
+} & {
+    class?: string;
+    className?: string;
+}) | undefined) => string;
+//# sourceMappingURL=Badge.styles.d.ts.map

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

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

package/dist/components/Badge/Badge.styles.js

@@ -0,0 +1,71 @@
+import { tva } from '../../theme/config.js';
+
+const badgeStyle = tva({
+  base: "inline-flex items-center justify-center font-sans font-medium rounded-full tracking-wide select-none",
+  variants: {
+    action: {
+      error: "",
+      warning: "",
+      success: "",
+      info: "",
+      muted: "",
+      CONFIRMED: "",
+      PROCESSING: "",
+      SHIPPED: "",
+      DELIVERED: "",
+      CANCELLED: ""
+    },
+    variant: {
+      solid: "",
+      outline: "bg-transparent border",
+      subtle: ""
+    },
+    size: {
+      sm: "px-2 py-0.5 text-[10px] gap-1",
+      md: "px-2.5 py-0.5 text-xs gap-1.5",
+      lg: "px-3 py-1 text-sm gap-2"
+    }
+  },
+  compoundVariants: [
+    { action: "error", variant: "solid", class: "bg-destructive text-destructive-foreground" },
+    { action: "error", variant: "outline", class: "border-destructive text-destructive" },
+    { action: "error", variant: "subtle", class: "bg-destructive/15 text-destructive" },
+    { action: "warning", variant: "solid", class: "bg-warning text-white" },
+    { action: "warning", variant: "outline", class: "border-warning text-warning" },
+    { action: "warning", variant: "subtle", class: "bg-warning/15 text-warning" },
+    { action: "success", variant: "solid", class: "bg-success text-white" },
+    { action: "success", variant: "outline", class: "border-success text-success" },
+    { action: "success", variant: "subtle", class: "bg-success/15 text-success" },
+    { action: "info", variant: "solid", class: "bg-info text-white" },
+    { action: "info", variant: "outline", class: "border-info text-info" },
+    { action: "info", variant: "subtle", class: "bg-info/15 text-info" },
+    { action: "muted", variant: "solid", class: "bg-muted text-muted-foreground" },
+    { action: "muted", variant: "outline", class: "border-border text-muted-foreground" },
+    { action: "muted", variant: "subtle", class: "bg-muted/40 text-muted-foreground" },
+    { action: "CONFIRMED", variant: "solid", class: "bg-primary text-primary-foreground" },
+    { action: "CONFIRMED", variant: "outline", class: "border-primary text-primary" },
+    { action: "CONFIRMED", variant: "subtle", class: "bg-primary/15 text-primary" },
+    { action: "PROCESSING", variant: "solid", class: "bg-warning text-white" },
+    { action: "PROCESSING", variant: "outline", class: "border-warning text-warning" },
+    { action: "PROCESSING", variant: "subtle", class: "bg-warning/15 text-warning" },
+    { action: "SHIPPED", variant: "solid", class: "bg-info text-white" },
+    { action: "SHIPPED", variant: "outline", class: "border-info text-info" },
+    { action: "SHIPPED", variant: "subtle", class: "bg-info/15 text-info" },
+    { action: "DELIVERED", variant: "solid", class: "bg-success text-white" },
+    { action: "DELIVERED", variant: "outline", class: "border-success text-success" },
+    { action: "DELIVERED", variant: "subtle", class: "bg-success/15 text-success" },
+    { action: "CANCELLED", variant: "solid", class: "bg-destructive text-destructive-foreground" },
+    { action: "CANCELLED", variant: "outline", class: "border-destructive text-destructive" },
+    { action: "CANCELLED", variant: "subtle", class: "bg-destructive/15 text-destructive" }
+  ],
+  defaultVariants: {
+    action: "muted",
+    variant: "subtle",
+    size: "md"
+  }
+});
+const badgeTextStyle = tva({
+  base: "leading-none font-semibold tracking-wide"
+});
+
+export { badgeStyle, badgeTextStyle };

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export type BadgeAction = 'error' | 'warning' | 'success' | 'info' | 'muted' | 'CONFIRMED' | 'PROCESSING' | 'SHIPPED' | 'DELIVERED' | 'CANCELLED';
+export type BadgeVariant = 'solid' | 'outline' | 'subtle';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export interface BadgeContextValue {
+    action?: BadgeAction;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+}
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    action?: BadgeAction;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BadgeTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BadgeIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as?: React.ElementType;
+    className?: string;
+}
+//# sourceMappingURL=Badge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GACnB,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,OAAO,GACP,WAAW,GACX,YAAY,GACZ,SAAS,GACT,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;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/Badge/index.d.ts

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