@timmbr/ui 1.0.0-beta

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oFAAqB,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa1C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC"}

package/dist/components/Grid/Grid.styles.js

@@ -0,0 +1,75 @@
+import { cva } from 'class-variance-authority';
+
+const gridVariants = cva("grid w-full");
+const colsMap = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9",
+  10: "grid-cols-10",
+  11: "grid-cols-11",
+  12: "grid-cols-12"
+};
+const smColsMap = {
+  1: "sm:grid-cols-1",
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-3",
+  4: "sm:grid-cols-4",
+  5: "sm:grid-cols-5",
+  6: "sm:grid-cols-6",
+  7: "sm:grid-cols-7",
+  8: "sm:grid-cols-8",
+  9: "sm:grid-cols-9",
+  10: "sm:grid-cols-10",
+  11: "sm:grid-cols-11",
+  12: "sm:grid-cols-12"
+};
+const mdColsMap = {
+  1: "md:grid-cols-1",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-4",
+  5: "md:grid-cols-5",
+  6: "md:grid-cols-6",
+  7: "md:grid-cols-7",
+  8: "md:grid-cols-8",
+  9: "md:grid-cols-9",
+  10: "md:grid-cols-10",
+  11: "md:grid-cols-11",
+  12: "md:grid-cols-12"
+};
+const lgColsMap = {
+  1: "lg:grid-cols-1",
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4",
+  5: "lg:grid-cols-5",
+  6: "lg:grid-cols-6",
+  7: "lg:grid-cols-7",
+  8: "lg:grid-cols-8",
+  9: "lg:grid-cols-9",
+  10: "lg:grid-cols-10",
+  11: "lg:grid-cols-11",
+  12: "lg:grid-cols-12"
+};
+const xlColsMap = {
+  1: "xl:grid-cols-1",
+  2: "xl:grid-cols-2",
+  3: "xl:grid-cols-3",
+  4: "xl:grid-cols-4",
+  5: "xl:grid-cols-5",
+  6: "xl:grid-cols-6",
+  7: "xl:grid-cols-7",
+  8: "xl:grid-cols-8",
+  9: "xl:grid-cols-9",
+  10: "xl:grid-cols-10",
+  11: "xl:grid-cols-11",
+  12: "xl:grid-cols-12"
+};
+
+export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap };

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

@@ -0,0 +1,41 @@
+import type * as React from 'react';
+export interface ResponsiveCols {
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    '2xl'?: number;
+}
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Number of columns, or an object with responsive column counts.
+     * @default 1
+     */
+    cols?: number | ResponsiveCols;
+    /**
+     * Gap between rows and columns (e.g. 2, 4, 6, 8 or CSS string '1rem').
+     * @default 4
+     */
+    gap?: number | string;
+    /**
+     * Specific row gap.
+     */
+    rowGap?: number | string;
+    /**
+     * Specific column gap.
+     */
+    colGap?: number | string;
+    /**
+     * If true, generates an auto-fit/auto-fill responsive grid using minChildWidth.
+     */
+    autoFit?: boolean;
+    /**
+     * Minimum width for auto-fit columns (e.g. '280px', '20rem').
+     */
+    minChildWidth?: string;
+    /**
+     * If true, delegates rendering to child component via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Grid.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.types.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Heading/Heading.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAc,MAAM,iBAAiB,CAAC;AAEhE,eAAO,MAAM,OAAO,yFAwCnB,CAAC"}

package/dist/components/Heading/Heading.js

@@ -0,0 +1,47 @@
+"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 { headingVariants } from './Heading.styles.js';
+
+const Heading = React.forwardRef(
+  ({
+    className,
+    style,
+    level = 1,
+    as,
+    font = "display",
+    foreground = "default",
+    weight,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Tag = as ?? `h${level}`;
+    const Component = asChild ? Slot : Tag;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "heading",
+        "data-testid": "timmbr-heading",
+        style,
+        className: cn(
+          headingVariants({
+            level,
+            font,
+            foreground,
+            weight,
+            className
+          })
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+export { Heading };

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

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const headingVariants: (props?: ({
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+    font?: "title" | "display" | null | undefined;
+    foreground?: "default" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "destructive" | "muted" | null | undefined;
+    weight?: "bold" | "light" | "normal" | "medium" | "semibold" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type HeadingVariants = VariantProps<typeof headingVariants>;
+//# sourceMappingURL=Heading.styles.d.ts.map

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

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

package/dist/components/Heading/Heading.styles.js

@@ -0,0 +1,42 @@
+import { cva } from 'class-variance-authority';
+
+const headingVariants = cva("transition-colors leading-[1.3] text-foreground", {
+  variants: {
+    level: {
+      1: "text-[64px]",
+      2: "text-[48px]",
+      3: "text-[32px]",
+      4: "text-[24px] tracking-[-0.02em]",
+      5: "text-[20px]",
+      6: "text-[20px]"
+    },
+    font: {
+      display: "font-display font-normal",
+      title: "font-title font-bold"
+    },
+    foreground: {
+      default: "text-foreground",
+      muted: "text-grey-600 dark:text-grey-400",
+      subtle: "text-grey-500 dark:text-grey-500",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      destructive: "text-destructive",
+      white: "text-white",
+      inherit: "text-inherit"
+    },
+    weight: {
+      light: "font-light",
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: {
+    level: 1,
+    font: "display",
+    foreground: "default"
+  }
+});
+
+export { headingVariants };

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

@@ -0,0 +1,34 @@
+import type * as React from 'react';
+import type { HeadingVariants } from './Heading.styles';
+export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, HeadingVariants {
+    /**
+     * The heading level (1-6), determining the font scale and default HTML heading tag.
+     * @default 1
+     */
+    level?: HeadingLevel;
+    /**
+     * Overrides the HTML heading tag while keeping the level typography.
+     */
+    as?: HeadingTag;
+    /**
+     * Typographic font family ('display' uses DM Serif Display; 'title' uses Outfit).
+     * @default 'display'
+     */
+    font?: 'display' | 'title';
+    /**
+     * Font weight override.
+     */
+    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    /**
+     * Foreground color token.
+     * @default 'default'
+     */
+    foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'white' | 'inherit';
+    /**
+     * If true, renders child element via Radix Slot while applying heading styles.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Heading.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.types.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,eAAe;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/components/Icon/Icon.d.ts

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

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

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

package/dist/components/Icon/Icon.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { iconVariants } from './Icon.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Icon = React.forwardRef(
+  ({
+    className,
+    style,
+    icon: Component,
+    src,
+    svg,
+    size = "md",
+    foreground = "inherit",
+    clickable = false,
+    motion,
+    onClick,
+    "aria-label": ariaLabel,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const isInteractive = clickable || !!onClick;
+    const isCustomSize = typeof size === "number";
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    const customDimensionStyle = isCustomSize ? { width: `${size}px`, height: `${size}px`, ...style } : style;
+    const Tag = asChild ? Slot : isInteractive ? "button" : "span";
+    const content = /* @__PURE__ */ jsx(Fragment, { children: Component ? /* @__PURE__ */ jsx(
+      Component,
+      {
+        className: "size-full",
+        "aria-hidden": !ariaLabel
+      }
+    ) : src ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: ariaLabel ?? "",
+        className: "size-full object-contain",
+        "aria-hidden": !ariaLabel
+      }
+    ) : svg ? svg : children });
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        type: Tag === "button" ? "button" : void 0,
+        role: isInteractive ? "button" : void 0,
+        tabIndex: isInteractive ? 0 : void 0,
+        "aria-label": ariaLabel,
+        "data-slot": "icon",
+        "data-testid": "timmbr-icon",
+        onClick,
+        style: customDimensionStyle,
+        className: cn(
+          iconVariants({
+            size: isCustomSize ? void 0 : size,
+            foreground,
+            clickable: isInteractive,
+            className
+          }),
+          !shouldAnimate && "transition-none active:scale-100",
+          motionClass
+        ),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export { Icon };

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

@@ -0,0 +1,8 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const iconVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
+    foreground?: "default" | "inherit" | "white" | "subtle" | "primary" | "secondary" | "destructive" | "muted" | null | undefined;
+    clickable?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type IconVariants = VariantProps<typeof iconVariants>;
+//# sourceMappingURL=Icon.styles.d.ts.map

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

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

package/dist/components/Icon/Icon.styles.js

@@ -0,0 +1,37 @@
+import { cva } from 'class-variance-authority';
+
+const iconVariants = cva(
+  "inline-flex shrink-0 items-center justify-center transition-all leading-none",
+  {
+    variants: {
+      size: {
+        xs: "size-3 text-xs",
+        sm: "size-4 text-sm",
+        md: "size-5 text-base",
+        lg: "size-6 text-lg",
+        xl: "size-8 text-2xl"
+      },
+      foreground: {
+        default: "text-foreground",
+        muted: "text-grey-600 dark:text-grey-400",
+        subtle: "text-grey-500 dark:text-grey-500",
+        primary: "text-primary",
+        secondary: "text-secondary-foreground",
+        destructive: "text-destructive",
+        white: "text-white",
+        inherit: "text-inherit"
+      },
+      clickable: {
+        true: "cursor-pointer hover:bg-grey-100 dark:hover:bg-grey-800 hover:text-foreground hover:scale-105 active:scale-95 rounded-[4px] p-1 transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+        false: "pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      foreground: "inherit",
+      clickable: false
+    }
+  }
+);
+
+export { iconVariants };

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

@@ -0,0 +1,39 @@
+import type * as React from 'react';
+import type { IconVariants } from './Icon.styles';
+import type { MotionProp } from '../../types/motion';
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'>, IconVariants {
+    /**
+     * Component reference (e.g. Lucide icon component or custom SVG component).
+     */
+    icon?: React.ComponentType<any>;
+    /**
+     * External image or SVG asset URL.
+     */
+    src?: string;
+    /**
+     * Raw inline SVG content.
+     */
+    svg?: React.ReactNode;
+    /**
+     * Accessible text description for screen readers (mandatory if clickable without child text).
+     */
+    'aria-label'?: string;
+    /**
+     * If true, renders with interactive button semantics, hover states, and focus rings.
+     */
+    clickable?: boolean;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+    /**
+     * Click handler for interactive icons.
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * If true, renders child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Icon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.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,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACxD,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Inline/Inline.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,oFA4ClB,CAAC"}

package/dist/components/Inline/Inline.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } 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 { inlineVariants } from './Inline.styles.js';
+
+const Inline = React.forwardRef(
+  ({
+    className,
+    style,
+    gap = 3,
+    align = "center",
+    justify = "start",
+    wrap = true,
+    divider,
+    asChild = false,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? Slot : "div";
+    const gapClass = formatGap(gap);
+    const renderChildren = () => {
+      if (!divider) return children;
+      const array = React.Children.toArray(children).filter(Boolean);
+      return array.map((child, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        child,
+        index < array.length - 1 && divider
+      ] }, index));
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        "data-slot": "inline",
+        "data-testid": "timmbr-inline",
+        style,
+        className: cn(inlineVariants({ align, justify, wrap }), gapClass, className),
+        ...props,
+        children: renderChildren()
+      }
+    );
+  }
+);
+Inline.displayName = "Inline";
+
+export { Inline };

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

@@ -0,0 +1,8 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const inlineVariants: (props?: ({
+    align?: "center" | "end" | "start" | "baseline" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+    wrap?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InlineVariants = VariantProps<typeof inlineVariants>;
+//# sourceMappingURL=Inline.styles.d.ts.map

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

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

package/dist/components/Inline/Inline.styles.js

@@ -0,0 +1,31 @@
+import { cva } from 'class-variance-authority';
+
+const inlineVariants = cva("flex flex-row", {
+  variants: {
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      true: "flex-wrap",
+      false: "flex-nowrap"
+    }
+  },
+  defaultVariants: {
+    align: "center",
+    justify: "start",
+    wrap: true
+  }
+});
+
+export { inlineVariants };

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

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { InlineVariants } from './Inline.styles';
+export interface InlineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'gap'>, Omit<InlineVariants, 'gap'> {
+    /**
+     * Gap between items. Translates standard Tailwind tokens, any number (px), or custom string.
+     */
+    gap?: number | string;
+    /**
+     * Optional divider element rendered between each inline child.
+     */
+    divider?: React.ReactNode;
+    /**
+     * If true, renders child element via Radix Slot.
+     */
+    asChild?: boolean;
+}
+//# sourceMappingURL=Inline.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.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,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EACvD,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/components/Input/Input.d.ts

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

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

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