@timmbr/ui 1.0.0-beta

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

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type * as DialogPrimitive from '@radix-ui/react-dialog';
+import type { DrawerContentVariants } from './Drawer.styles';
+import type { MotionProp } from '../../types/motion';
+export interface DrawerProps extends DialogPrimitive.DialogProps {
+}
+export interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, DrawerContentVariants {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+//# sourceMappingURL=Drawer.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,WAAW;CAAG;AAEnE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EACpE,qBAAqB;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAClF,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG"}

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

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

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import type { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps } from './Dropdown.types';
+export declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuShortcut: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAMvE,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAA8B,CAAC;AACpF,eAAO,MAAM,mBAAmB,0HAAgC,CAAC;AACjE,eAAO,MAAM,iBAAiB,qHAA8B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,yDAA+B,CAAC;AAC/D,eAAO,MAAM,eAAe,sDAA4B,CAAC;AACzD,eAAO,MAAM,sBAAsB,0HAAmC,CAAC;AAEvE,eAAO,MAAM,sBAAsB;YAGvB,OAAO;wCAiBjB,CAAC;AAGH,eAAO,MAAM,sBAAsB,6KAUjC,CAAC;AAGH,eAAO,MAAM,mBAAmB,iGAuB9B,CAAC;AAGH,eAAO,MAAM,gBAAgB,8FAU3B,CAAC;AAGH,eAAO,MAAM,wBAAwB,+KAsBnC,CAAC;AAGH,eAAO,MAAM,iBAAiB;YAGlB,OAAO;wCAajB,CAAC;AAGH,eAAO,MAAM,qBAAqB,4KAUhC,CAAC;AAGH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAUhF,CAAC"}

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cn } from '@timmbr/utils';
+import { Check, ChevronRight } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { dropdownItemVariants, dropdownContentVariants } from './Dropdown.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    "data-slot": "dropdown-sub-trigger",
+    className: cn(
+      dropdownItemVariants(),
+      inset && "pl-8",
+      "flex justify-between items-center",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    "data-slot": "dropdown-sub-content",
+    className: cn(dropdownContentVariants(), className),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, motion, ...props }, ref) => {
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      "data-slot": "dropdown-content",
+      className: cn(
+        dropdownContentVariants(),
+        !shouldAnimate && "transition-none animate-none",
+        motionClass,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    "data-slot": "dropdown-item",
+    className: cn(dropdownItemVariants(), inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "dropdown-checkbox-item",
+    className: cn(
+      dropdownItemVariants(),
+      "relative pl-8 pr-2",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    "data-slot": "dropdown-label",
+    className: cn(
+      "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    "data-slot": "dropdown-separator",
+    className: cn("-mx-1 my-1 h-px bg-grey-200 dark:bg-grey-700", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground font-mono", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

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

@@ -0,0 +1,3 @@
+export declare const dropdownContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dropdownItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=Dropdown.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC"}

package/dist/components/Dropdown/Dropdown.styles.js

@@ -0,0 +1,10 @@
+import { cva } from 'class-variance-authority';
+
+const dropdownContentVariants = cva(
+  "z-50 min-w-[8rem] overflow-hidden rounded-md border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-900 p-1 text-foreground shadow-lg font-sans transition-all duration-150 data-[state=open]:animate-scale-in data-[state=closed]:animate-scale-out"
+);
+const dropdownItemVariants = cva(
+  "relative flex cursor-pointer select-none items-center rounded-sm px-2.5 py-1.5 text-sm outline-none transition-colors hover:bg-grey-100 dark:hover:bg-grey-800 focus:bg-grey-100 dark:focus:bg-grey-800 focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+);
+
+export { dropdownContentVariants, dropdownItemVariants };

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

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+import type * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import type { MotionProp } from '../../types/motion';
+export interface DropdownMenuProps extends DropdownMenuPrimitive.DropdownMenuProps {
+}
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+export interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+//# sourceMappingURL=Dropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,iBAAiB;CAAG;AAErF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IAC5E;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

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

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

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

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

package/dist/components/EmptyState/EmptyState.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,wFAyEtB,CAAC"}

package/dist/components/EmptyState/EmptyState.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { Sparkles } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { emptyStateIconWrapperVariants, emptyStateVariants } from './EmptyState.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const EmptyState = React.forwardRef(
+  ({
+    className,
+    variant = "default",
+    size = "default",
+    icon,
+    title,
+    description,
+    action,
+    secondaryAction,
+    motion,
+    children,
+    ...props
+  }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "empty-state",
+        className: cn(
+          emptyStateVariants({ variant, size }),
+          !shouldAnimate && "transition-none animate-none",
+          motionClass,
+          className
+        ),
+        ...props,
+        children: [
+          icon !== null && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: emptyStateIconWrapperVariants({ size }),
+              "data-slot": "empty-state-icon",
+              children: icon ?? /* @__PURE__ */ jsx(Sparkles, { className: "size-6 text-primary", "aria-hidden": "true" })
+            }
+          ),
+          title && /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: "text-base font-display font-semibold text-foreground tracking-tight",
+              "data-slot": "empty-state-title",
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs text-muted-foreground mt-1.5 max-w-sm leading-relaxed",
+              "data-slot": "empty-state-description",
+              children: description
+            }
+          ),
+          children && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full", children }),
+          (action || secondaryAction) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex flex-wrap items-center justify-center gap-3 mt-6",
+              "data-slot": "empty-state-actions",
+              children: [
+                action,
+                secondaryAction
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+export { EmptyState };

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

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const emptyStateVariants: (props?: ({
+    variant?: "default" | "subtle" | "bordered" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const emptyStateIconWrapperVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type EmptyStateVariants = VariantProps<typeof emptyStateVariants>;
+//# sourceMappingURL=EmptyState.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,kBAAkB;;;8EAsB9B,CAAC;AAEF,eAAO,MAAM,6BAA6B;;8EAczC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/components/EmptyState/EmptyState.styles.js

@@ -0,0 +1,40 @@
+import { cva } from 'class-variance-authority';
+
+const emptyStateVariants = cva(
+  "flex flex-col items-center justify-center text-center font-sans transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "p-8",
+        bordered: "p-8 border border-dashed border-grey-300 dark:border-grey-700 rounded-xl bg-card/50",
+        subtle: "p-8 bg-grey-50 dark:bg-grey-900/50 rounded-xl border border-grey-200 dark:border-grey-800"
+      },
+      size: {
+        sm: "py-6 px-4 max-w-sm",
+        default: "py-10 px-6 max-w-md",
+        lg: "py-16 px-8 max-w-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const emptyStateIconWrapperVariants = cva(
+  "flex items-center justify-center rounded-full bg-grey-100 dark:bg-grey-800 text-primary mb-4 shrink-0 transition-transform duration-200 group-hover:scale-105",
+  {
+    variants: {
+      size: {
+        sm: "size-10 text-lg",
+        default: "size-14 text-2xl",
+        lg: "size-20 text-3xl"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+
+export { emptyStateIconWrapperVariants, emptyStateVariants };

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

@@ -0,0 +1,30 @@
+import type * as React from 'react';
+import type { EmptyStateVariants } from './EmptyState.styles';
+import type { MotionProp } from '../../types/motion';
+export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, EmptyStateVariants {
+    /**
+     * Main illustration, icon, or SVG node.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Primary title or heading.
+     */
+    title?: React.ReactNode;
+    /**
+     * Explanatory description copy.
+     */
+    description?: React.ReactNode;
+    /**
+     * Primary call to action button or element.
+     */
+    action?: React.ReactNode;
+    /**
+     * Secondary action button or link.
+     */
+    secondaryAction?: React.ReactNode;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=EmptyState.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,kBAAkB;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}

package/dist/components/FormField/FormField.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,uFAwDrB,CAAC"}

package/dist/components/FormField/FormField.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { AlertCircle, Info } from '@timmbr/icons';
+import { formFieldVariants } from './FormField.styles.js';
+import { Label } from '../Label/Label.js';
+
+const FormField = React.forwardRef(
+  ({
+    className,
+    style,
+    label,
+    required = false,
+    helperText,
+    error,
+    id: customId,
+    disabled = false,
+    children,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = customId || generatedId;
+    const isError = Boolean(error);
+    const errorMessage = typeof error === "string" ? error : void 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "form-field",
+        style,
+        className: cn(formFieldVariants(), className),
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsx(Label, { htmlFor: id, required, disabled, children: label }),
+          /* @__PURE__ */ jsx("div", { className: "w-full", children }),
+          (errorMessage || helperText) && /* @__PURE__ */ jsxs(
+            "p",
+            {
+              id: `${id}-desc`,
+              className: cn(
+                "text-xs mt-0.5 flex items-center gap-1.5",
+                isError ? "text-destructive font-medium" : "text-muted"
+              ),
+              children: [
+                isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: errorMessage || helperText })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FormField.displayName = "FormField";
+
+export { FormField };

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

@@ -0,0 +1,2 @@
+export declare const formFieldVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=FormField.styles.d.ts.map

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

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

package/dist/components/FormField/FormField.styles.js

@@ -0,0 +1,5 @@
+import { cva } from 'class-variance-authority';
+
+const formFieldVariants = cva("flex flex-col gap-1.5 w-full font-sans");
+
+export { formFieldVariants };

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

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Optional field label rendered using the Label primitive.
+     */
+    label?: React.ReactNode;
+    /**
+     * If true, displays required indicator.
+     */
+    required?: boolean;
+    /**
+     * Optional supporting message below the input.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Error message or boolean flag.
+     */
+    error?: React.ReactNode;
+    /**
+     * ID connecting the label and description to the input element.
+     */
+    id?: string;
+    /**
+     * Disables child controls and dims label.
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=FormField.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

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

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

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

package/dist/components/Grid/Grid.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,IAAI,kFAsDhB,CAAC"}

package/dist/components/Grid/Grid.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { formatGap } from '../../utils/gap.js';
+import { colsMap, smColsMap, mdColsMap, lgColsMap, xlColsMap, gridVariants } from './Grid.styles.js';
+
+const Grid = React.forwardRef(
+  ({
+    className,
+    style,
+    cols = 1,
+    gap = 4,
+    rowGap,
+    colGap,
+    autoFit = false,
+    minChildWidth = "240px",
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? Slot : "div";
+    const responsiveClasses = [];
+    let customGridTemplate;
+    if (autoFit) {
+      customGridTemplate = `repeat(auto-fit, minmax(${minChildWidth}, 1fr))`;
+    } else if (typeof cols === "number") {
+      responsiveClasses.push(colsMap[cols] || "grid-cols-1");
+    } else if (typeof cols === "object") {
+      if (cols.sm) responsiveClasses.push(smColsMap[cols.sm] || "");
+      if (cols.md) responsiveClasses.push(mdColsMap[cols.md] || "");
+      if (cols.lg) responsiveClasses.push(lgColsMap[cols.lg] || "");
+      if (cols.xl) responsiveClasses.push(xlColsMap[cols.xl] || "");
+    }
+    const gapClass = formatGap(gap);
+    const rowGapClass = rowGap !== void 0 ? typeof rowGap === "number" ? `gap-y-${rowGap}` : `gap-y-[${rowGap}]` : "";
+    const colGapClass = colGap !== void 0 ? typeof colGap === "number" ? `gap-x-${colGap}` : `gap-x-[${colGap}]` : "";
+    const gridStyles = {
+      ...style,
+      ...customGridTemplate ? { gridTemplateColumns: customGridTemplate } : {}
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "grid",
+        style: gridStyles,
+        className: cn(gridVariants(), responsiveClasses, gapClass, rowGapClass, colGapClass, className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+export { Grid };

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

@@ -0,0 +1,7 @@
+export declare const gridVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const colsMap: Record<number, string>;
+export declare const smColsMap: Record<number, string>;
+export declare const mdColsMap: Record<number, string>;
+export declare const lgColsMap: Record<number, string>;
+export declare const xlColsMap: Record<number, string>;
+//# sourceMappingURL=Grid.styles.d.ts.map