@timmbr/ui 1.0.0-beta

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.types.d.ts","sourceRoot":"","sources":["../../../src/components/Center/Center.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,cAAc;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Checkbox/Checkbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,yFAwFpB,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from '@timmbr/icons';
+import { cn } from '@timmbr/utils';
+import { checkboxIndicatorVariants, checkboxVariants } from './Checkbox.styles.js';
+
+const Checkbox = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    style,
+    size,
+    label,
+    description,
+    error,
+    checked,
+    id: customId,
+    disabled,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = customId || generatedId;
+    const isError = Boolean(error);
+    const errorMessage = typeof error === "string" ? error : void 0;
+    const checkboxElement = /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        id,
+        disabled,
+        ...checked !== void 0 ? { checked } : {},
+        className: cn(checkboxVariants({ size, isError }), !label && className),
+        style: !label ? style : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          CheckboxPrimitive.Indicator,
+          {
+            className: cn(checkboxIndicatorVariants({ size })),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "hidden [[data-state=indeterminate]_&]:block w-2.5 h-0.5 bg-white rounded-full" }),
+              /* @__PURE__ */ jsx(Check, { className: "[[data-state=indeterminate]_&]:hidden w-full h-full stroke-[3]" })
+            ]
+          }
+        )
+      }
+    );
+    if (!label && !description && !errorMessage) {
+      return checkboxElement;
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-1 font-sans",
+          disabled && "opacity-60 cursor-not-allowed",
+          containerClassName,
+          label && className
+        ),
+        style: label ? style : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "pt-0.5 shrink-0", children: checkboxElement }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              label && /* @__PURE__ */ jsx(
+                "label",
+                {
+                  htmlFor: id,
+                  className: cn(
+                    "text-sm font-medium text-foreground cursor-pointer select-none leading-snug",
+                    disabled && "cursor-not-allowed"
+                  ),
+                  children: label
+                }
+              ),
+              description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted leading-normal mt-0.5", children: description })
+            ] })
+          ] }),
+          errorMessage && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive font-medium pl-7", children: errorMessage })
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox };

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

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const checkboxVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    isError?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const checkboxIndicatorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CheckboxVariants = VariantProps<typeof checkboxVariants>;
+//# sourceMappingURL=Checkbox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;;8EAoB5B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;8EAerC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,41 @@
+import { cva } from 'class-variance-authority';
+
+const checkboxVariants = cva(
+  "peer shrink-0 rounded-[2px] border border-grey-300 dark:border-grey-600 bg-white dark:bg-grey-900 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-white data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-white cursor-pointer flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        sm: "w-4 h-4",
+        default: "w-5 h-5",
+        md: "w-5 h-5",
+        lg: "w-6 h-6 rounded-[3px]"
+      },
+      isError: {
+        true: "border-destructive focus-visible:ring-destructive",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isError: false
+    }
+  }
+);
+const checkboxIndicatorVariants = cva(
+  "flex items-center justify-center text-current",
+  {
+    variants: {
+      size: {
+        sm: "w-3 h-3",
+        default: "w-3.5 h-3.5",
+        md: "w-3.5 h-3.5",
+        lg: "w-4 h-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+
+export { checkboxIndicatorVariants, checkboxVariants };

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

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+import type * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import type { CheckboxVariants } from './Checkbox.styles';
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'size'>, CheckboxVariants {
+    /**
+     * Primary label text displayed next to the checkbox.
+     */
+    label?: React.ReactNode;
+    /**
+     * Secondary supporting text displayed below the label.
+     */
+    description?: React.ReactNode;
+    /**
+     * Error state or error message.
+     */
+    error?: string | boolean;
+    /**
+     * Custom className for the outer container wrapper.
+     */
+    containerClassName?: string;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,MAAM,CACP,EACD,gBAAgB;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

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

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

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

package/dist/components/Chip/Chip.d.ts

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

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

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

package/dist/components/Chip/Chip.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { X } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { chipVariants } from './Chip.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Chip = React.forwardRef(
+  ({
+    className,
+    variant,
+    color,
+    size = "default",
+    selected = false,
+    clickable,
+    icon,
+    onRemove,
+    motion,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const isInteractive = clickable || !!onClick;
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const handleRemove = (e) => {
+      e.stopPropagation();
+      onRemove?.(e);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "chip",
+        role: isInteractive ? "button" : void 0,
+        tabIndex: isInteractive ? 0 : void 0,
+        onClick,
+        className: cn(
+          chipVariants({
+            variant: selected ? "filled" : variant,
+            color: selected ? void 0 : color,
+            size,
+            clickable: isInteractive,
+            selected
+          }),
+          !shouldAnimate && "transition-none active:scale-100",
+          motionClass,
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 size-3.5 inline-flex items-center justify-center -ml-0.5", "data-slot": "chip-icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              onClick: handleRemove,
+              "aria-label": "Remove",
+              className: "shrink-0 -mr-1 size-4 rounded-full inline-flex items-center justify-center opacity-70 hover:opacity-100 hover:bg-black/10 dark:hover:bg-white/20 transition-all cursor-pointer",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Chip.displayName = "Chip";
+
+export { Chip };

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

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const chipVariants: (props?: ({
+    variant?: "filled" | "subtle" | "outlined" | null | undefined;
+    color?: "default" | "primary" | "destructive" | "success" | "warning" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    clickable?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ChipVariants = VariantProps<typeof chipVariants>;
+//# sourceMappingURL=Chip.styles.d.ts.map

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

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

package/dist/components/Chip/Chip.styles.js

@@ -0,0 +1,43 @@
+import { cva } from 'class-variance-authority';
+
+const chipVariants = cva(
+  "inline-flex items-center gap-1.5 font-sans font-medium rounded-full transition-all duration-150 select-none outline-none",
+  {
+    variants: {
+      variant: {
+        subtle: "bg-grey-100 dark:bg-grey-800 text-foreground border border-transparent",
+        filled: "bg-primary text-white border border-transparent shadow-xs",
+        outlined: "bg-transparent border border-grey-300 dark:border-grey-700 text-foreground"
+      },
+      color: {
+        default: "",
+        primary: "bg-primary/10 text-primary border-primary/20",
+        success: "bg-success/10 text-success border-success/20",
+        warning: "bg-warning/10 text-warning border-warning/20",
+        destructive: "bg-destructive/10 text-destructive border-destructive/20"
+      },
+      size: {
+        sm: "h-6 px-2.5 text-[11px]",
+        default: "h-8 px-3 text-xs",
+        lg: "h-9 px-4 text-sm"
+      },
+      clickable: {
+        true: "cursor-pointer hover:brightness-95 active:scale-95 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+        false: ""
+      },
+      selected: {
+        true: "bg-primary text-white border-primary shadow-xs",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "subtle",
+      color: "default",
+      size: "default",
+      clickable: false,
+      selected: false
+    }
+  }
+);
+
+export { chipVariants };

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

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+import type { ChipVariants } from './Chip.styles';
+import type { MotionProp } from '../../types/motion';
+export interface ChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, ChipVariants {
+    /**
+     * Leading icon, avatar, or visual graphic.
+     */
+    icon?: React.ReactNode;
+    /**
+     * If true, styles the chip as actively selected (e.g. In filter groups).
+     */
+    selected?: boolean;
+    /**
+     * If true, enables interactive click styles.
+     */
+    clickable?: boolean;
+    /**
+     * Callback fired when the remove button is clicked. If provided, renders an X button.
+     */
+    onRemove?: (e: React.MouseEvent) => void;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Chip.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

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

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

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

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

package/dist/components/Container/Container.d.ts

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

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

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

package/dist/components/Container/Container.js

@@ -0,0 +1,35 @@
+"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 { containerVariants } from './Container.styles.js';
+
+const Container = React.forwardRef(
+  ({
+    className,
+    style,
+    maxWidth = "lg",
+    padded = true,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "container",
+        "data-testid": "timmbr-container",
+        style,
+        className: cn(containerVariants({ maxWidth, padded, className })),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+export { Container };

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const containerVariants: (props?: ({
+    maxWidth?: "sm" | "lg" | "md" | "xl" | "2xl" | "full" | null | undefined;
+    padded?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ContainerVariants = VariantProps<typeof containerVariants>;
+//# sourceMappingURL=Container.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB;;;8EAmB5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/components/Container/Container.styles.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+
+const containerVariants = cva("w-full mx-auto px-4 sm:px-6 lg:px-8 transition-all", {
+  variants: {
+    maxWidth: {
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      full: "max-w-full"
+    },
+    padded: {
+      true: "px-4 sm:px-6 lg:px-8",
+      false: "px-0"
+    }
+  },
+  defaultVariants: {
+    maxWidth: "lg",
+    padded: true
+  }
+});
+
+export { containerVariants };

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

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import type { ContainerVariants } from './Container.styles';
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, ContainerVariants {
+    /**
+     * If true, renders child element via Radix Slot while applying container constraints.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Container.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,iBAAiB;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/DataList/DataList.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { DataListProps, DataListItemProps, DataListLabelProps, DataListValueProps } from './DataList.types';
+export declare const DataList: React.ForwardRefExoticComponent<DataListProps & React.RefAttributes<HTMLDListElement>>;
+export declare const DataListItem: React.ForwardRefExoticComponent<DataListItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DataListLabel: React.ForwardRefExoticComponent<DataListLabelProps & React.RefAttributes<HTMLElement>>;
+export declare const DataListValue: React.ForwardRefExoticComponent<DataListValueProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DataList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,QAAQ,wFAyBpB,CAAC;AAGF,eAAO,MAAM,YAAY,0FAsBxB,CAAC;AAGF,eAAO,MAAM,aAAa,wFAoBzB,CAAC;AAGF,eAAO,MAAM,aAAa,wFAazB,CAAC"}

package/dist/components/DataList/DataList.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { dataListVariants, dataListItemVariants, dataListLabelVariants, dataListValueVariants } from './DataList.styles.js';
+
+const DataListContext = React.createContext({
+  orientation: "horizontal",
+  size: "default"
+});
+const DataList = React.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    size = "default",
+    divided = false,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(DataListContext.Provider, { value: { orientation, size }, children: /* @__PURE__ */ jsx(
+      "dl",
+      {
+        ref,
+        "data-slot": "data-list",
+        className: cn(dataListVariants({ orientation, size, divided }), className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+DataList.displayName = "DataList";
+const DataListItem = React.forwardRef(
+  ({ className, orientation: itemOrientation, align = "baseline", children, ...props }, ref) => {
+    const context = React.useContext(DataListContext);
+    const orientation = itemOrientation ?? context.orientation;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "data-list-item",
+        className: cn(
+          dataListItemVariants({ orientation, align }),
+          context.size === "sm" && "py-1",
+          context.size === "default" && "py-1.5",
+          context.size === "lg" && "py-2",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DataListItem.displayName = "DataListItem";
+const DataListLabel = React.forwardRef(
+  ({ className, minWidth, icon, style, children, ...props }, ref) => {
+    const computedStyle = {
+      ...style,
+      ...minWidth ? { minWidth: typeof minWidth === "number" ? `${minWidth}px` : minWidth } : {}
+    };
+    return /* @__PURE__ */ jsxs(
+      "dt",
+      {
+        ref,
+        "data-slot": "data-list-label",
+        style: computedStyle,
+        className: cn(dataListLabelVariants(), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center justify-center text-grey-400 dark:text-grey-500", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+);
+DataListLabel.displayName = "DataListLabel";
+const DataListValue = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "dd",
+      {
+        ref,
+        "data-slot": "data-list-value",
+        className: cn(dataListValueVariants(), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DataListValue.displayName = "DataListValue";
+
+export { DataList, DataListItem, DataListLabel, DataListValue };

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

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const dataListVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    divided?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const dataListItemVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    align?: "center" | "start" | "baseline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const dataListLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dataListValueVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type DataListVariants = VariantProps<typeof dataListVariants>;
+//# sourceMappingURL=DataList.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DataList/DataList.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;;;8EAqB3B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;8EAgB/B,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}