@timmbr/ui 1.0.0-beta

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

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

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

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

package/dist/components/Radio/Radio.styles.js

@@ -0,0 +1,36 @@
+import { cva } from 'class-variance-authority';
+
+const radioItemVariants = cva(
+  "aspect-square rounded-full border border-grey-300 dark:border-grey-700 bg-white dark:bg-grey-900 text-primary transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer flex items-center justify-center data-[state=checked]:border-primary",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        default: "h-5 w-5",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const radioIndicatorVariants = cva(
+  "rounded-full bg-primary flex items-center justify-center transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "h-2 w-2",
+        default: "h-2.5 w-2.5",
+        md: "h-2.5 w-2.5",
+        lg: "h-3 w-3"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+
+export { radioIndicatorVariants, radioItemVariants };

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

@@ -0,0 +1,51 @@
+import type * as React from 'react';
+import type * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import type { RadioItemVariants } from './Radio.styles';
+import type { MotionProp } from '../../types/motion';
+export interface RadioItemOption {
+    value: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, 'children'>, RadioItemVariants {
+    /**
+     * Group label.
+     */
+    label?: string;
+    /**
+     * Supporting message below the radio group.
+     */
+    helperText?: string;
+    /**
+     * Error message or error state boolean.
+     */
+    error?: string | boolean;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+    /**
+     * Convenience array of options to render.
+     */
+    options?: RadioItemOption[];
+    /**
+     * Custom children if building compound radio items.
+     */
+    children?: React.ReactNode;
+}
+export interface RadioItemProps extends RadioGroupPrimitive.RadioGroupItemProps, RadioItemVariants {
+    /**
+     * Label text for individual radio item.
+     */
+    label?: React.ReactNode;
+    /**
+     * Description text below the item label.
+     */
+    description?: React.ReactNode;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,UAAU,CAAC,EAC3D,iBAAiB;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cACf,SAAQ,mBAAmB,CAAC,mBAAmB,EAC7C,iBAAiB;IACnB;;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,UAAU,CAAC;CACrB"}

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

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

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

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

package/dist/components/RangeSlider/RangeSlider.d.ts

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

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

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

package/dist/components/RangeSlider/RangeSlider.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '@timmbr/utils';
+import { rangeSliderRangeVariants, rangeSliderTrackVariants, rangeSliderThumbVariants, rangeSliderRootVariants } from './RangeSlider.styles.js';
+import { Button } from '../Button/Button.js';
+
+const RangeSlider = React.forwardRef(
+  ({
+    className,
+    style,
+    min = 0,
+    max = 100,
+    step = 1,
+    value,
+    defaultValue,
+    label,
+    formatValue = (v) => v.toLocaleString(),
+    showReadouts = true,
+    showActions = false,
+    applyLabel = "Apply",
+    resetLabel = "Reset",
+    onValueChange,
+    onValueCommit,
+    onApply,
+    onReset,
+    disabled,
+    ...props
+  }, ref) => {
+    const initialDefault = defaultValue ?? [min, max];
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = React.useState(
+      initialDefault
+    );
+    const currentValues = isControlled ? value : internalValue;
+    const handleValueChange = (newValues) => {
+      if (!isControlled) {
+        setInternalValue(newValues);
+      }
+      onValueChange?.(newValues);
+    };
+    const handleReset = () => {
+      const resetVals = defaultValue ?? [min, max];
+      if (!isControlled) {
+        setInternalValue(resetVals);
+      }
+      onValueChange?.(resetVals);
+      onReset?.();
+    };
+    const handleApply = () => {
+      onApply?.(currentValues);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex flex-col gap-2 w-full font-sans select-none", className),
+        style,
+        children: [
+          (label || showReadouts) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            label && /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: label }),
+            showReadouts && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2 font-medium text-foreground",
+                  !label && "w-full justify-between"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: formatValue(currentValues[0] ?? min) }),
+                  currentValues.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-muted", children: "–" }),
+                    /* @__PURE__ */ jsx("span", { children: formatValue(currentValues[1] ?? max) })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            SliderPrimitive.Root,
+            {
+              ref,
+              min,
+              max,
+              step,
+              value: currentValues,
+              onValueChange: handleValueChange,
+              onValueCommit,
+              disabled,
+              className: cn(
+                rangeSliderRootVariants(),
+                disabled && "opacity-50 cursor-not-allowed"
+              ),
+              ...props,
+              children: [
+                /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: rangeSliderTrackVariants(), children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: rangeSliderRangeVariants() }) }),
+                currentValues.map((_, index) => /* @__PURE__ */ jsx(
+                  SliderPrimitive.Thumb,
+                  {
+                    className: rangeSliderThumbVariants(),
+                    "aria-label": index === 0 ? "Minimum value" : "Maximum value"
+                  },
+                  index
+                ))
+              ]
+            }
+          ),
+          showActions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleReset,
+                disabled,
+                className: "text-xs font-medium text-muted hover:text-foreground transition-colors cursor-pointer disabled:opacity-50",
+                children: resetLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "primary",
+                onClick: handleApply,
+                disabled,
+                className: "h-8 px-4 text-xs font-medium",
+                children: applyLabel
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+RangeSlider.displayName = "RangeSlider";
+
+export { RangeSlider };

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const rangeSliderRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const rangeSliderTrackVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const rangeSliderRangeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const rangeSliderThumbVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type RangeSliderVariants = VariantProps<typeof rangeSliderRootVariants>;
+//# sourceMappingURL=RangeSlider.styles.d.ts.map

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

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

package/dist/components/RangeSlider/RangeSlider.styles.js

@@ -0,0 +1,16 @@
+import { cva } from 'class-variance-authority';
+
+const rangeSliderRootVariants = cva(
+  "relative flex w-full touch-none select-none items-center py-2"
+);
+const rangeSliderTrackVariants = cva(
+  "relative h-1 w-full grow overflow-hidden rounded-full bg-grey-300 dark:bg-grey-700"
+);
+const rangeSliderRangeVariants = cva(
+  "absolute h-full bg-primary rounded-full"
+);
+const rangeSliderThumbVariants = cva(
+  "block h-5 w-5 rounded-full border-2 border-primary bg-white shadow-md transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-grab active:cursor-grabbing"
+);
+
+export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants };

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

@@ -0,0 +1,68 @@
+import type * as React from 'react';
+import type * as SliderPrimitive from '@radix-ui/react-slider';
+import type { RangeSliderVariants } from './RangeSlider.styles';
+export interface RangeSliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit'>, RangeSliderVariants {
+    /**
+     * Controlled value tuple [min, max] or single value [val].
+     */
+    value?: number[];
+    /**
+     * Default uncontrolled value tuple [min, max].
+     */
+    defaultValue?: number[];
+    /**
+     * Minimum allowable value. Defaults to 0.
+     */
+    min?: number;
+    /**
+     * Maximum allowable value. Defaults to 100.
+     */
+    max?: number;
+    /**
+     * Stepping interval. Defaults to 1.
+     */
+    step?: number;
+    /**
+     * Optional field label above the slider (e.g. "Price Range").
+     */
+    label?: string;
+    /**
+     * Formatter function for displaying values in the readout header.
+     */
+    formatValue?: (value: number) => string;
+    /**
+     * Whether to display value readouts above the slider track.
+     * Defaults to true.
+     */
+    showReadouts?: boolean;
+    /**
+     * Whether to display the Apply and Reset action buttons below the track.
+     * Defaults to false.
+     */
+    showActions?: boolean;
+    /**
+     * Label for the apply button. Defaults to 'Apply'.
+     */
+    applyLabel?: string;
+    /**
+     * Label for the reset button. Defaults to 'Reset'.
+     */
+    resetLabel?: string;
+    /**
+     * Callback fired when value changes during slide.
+     */
+    onValueChange?: (values: number[]) => void;
+    /**
+     * Callback fired when user releases slide thumb.
+     */
+    onValueCommit?: (values: number[]) => void;
+    /**
+     * Callback fired when the Apply button is clicked.
+     */
+    onApply?: (values: number[]) => void;
+    /**
+     * Callback fired when the Reset button is clicked.
+     */
+    onReset?: () => void;
+}
+//# sourceMappingURL=RangeSlider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.types.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.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,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,eAAe,CAC7D,EACD,mBAAmB;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

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

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

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

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

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type { SelectProps } from './Select.types';
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: React.ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAU1D,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAEhE,eAAO,MAAM,MAAM,uFAwHlB,CAAC;AAKF,eAAO,MAAM,UAAU,uCAAuB,CAAC;AAC/C,eAAO,MAAM,aAAa,8GAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,0GAAwB,CAAC;AACjD,eAAO,MAAM,aAAa,2GAA0B,CAAC;AACrD,eAAO,MAAM,UAAU,wGAAuB,CAAC;AAC/C,eAAO,MAAM,WAAW,yGAAwB,CAAC;AACjD,eAAO,MAAM,WAAW,yGAAwB,CAAC;AACjD,eAAO,MAAM,eAAe,6GAA4B,CAAC"}

package/dist/components/Select/Select.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cn } from '@timmbr/utils';
+import { ChevronDown, Check, AlertCircle, Info } from '@timmbr/icons';
+import { resolveMotion } from '../../types/motion.js';
+import { selectTriggerVariants, selectItemVariants, selectContentVariants } from './Select.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const Select = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    style,
+    variant,
+    size,
+    label,
+    placeholder = "Select an option",
+    options,
+    helperText,
+    error,
+    motion,
+    value,
+    defaultValue,
+    onValueChange,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const isError = Boolean(error);
+    const errorMessage = typeof error === "string" ? error : void 0;
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex flex-col gap-1.5 w-full font-sans", containerClassName),
+        style,
+        children: [
+          label && /* @__PURE__ */ jsx("label", { className: "text-xs font-semibold text-foreground tracking-wide select-none", children: label }),
+          /* @__PURE__ */ jsxs(
+            SelectPrimitive.Root,
+            {
+              value,
+              defaultValue,
+              onValueChange,
+              disabled,
+              ...props,
+              children: [
+                /* @__PURE__ */ jsxs(
+                  SelectPrimitive.Trigger,
+                  {
+                    ref,
+                    "data-slot": "select-trigger",
+                    "aria-invalid": isError ? "true" : void 0,
+                    className: cn(
+                      selectTriggerVariants({
+                        variant,
+                        size,
+                        isError
+                      }),
+                      !shouldAnimate && "transition-none",
+                      motionClass,
+                      className
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder }),
+                      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted opacity-60 transition-transform duration-200" }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+                  SelectPrimitive.Content,
+                  {
+                    className: cn(
+                      selectContentVariants(),
+                      !shouldAnimate && "transition-none animate-none"
+                    ),
+                    position: "popper",
+                    sideOffset: 4,
+                    children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children: options ? options.map((opt) => /* @__PURE__ */ jsxs(
+                      SelectPrimitive.Item,
+                      {
+                        value: opt.value,
+                        disabled: opt.disabled,
+                        className: cn(selectItemVariants()),
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-primary" }) }) }),
+                          /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: opt.label })
+                        ]
+                      },
+                      opt.value
+                    )) : children })
+                  }
+                ) })
+              ]
+            }
+          ),
+          (errorMessage || helperText) && /* @__PURE__ */ jsxs(
+            "p",
+            {
+              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 })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+const SelectRoot = SelectPrimitive.Root;
+const SelectTrigger = SelectPrimitive.Trigger;
+const SelectValue = SelectPrimitive.Value;
+const SelectContent = SelectPrimitive.Content;
+const SelectItem = SelectPrimitive.Item;
+const SelectGroup = SelectPrimitive.Group;
+const SelectLabel = SelectPrimitive.Label;
+const SelectSeparator = SelectPrimitive.Separator;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue };

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

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

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

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

package/dist/components/Select/Select.styles.js

@@ -0,0 +1,36 @@
+import { cva } from 'class-variance-authority';
+
+const selectTriggerVariants = cva(
+  "flex w-full items-center justify-between rounded-[2px] border font-sans text-foreground transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 select-none cursor-pointer",
+  {
+    variants: {
+      variant: {
+        outline: "border-grey-300 dark:border-grey-700 bg-white dark:bg-grey-900 focus:border-primary focus:ring-primary/20",
+        filled: "border-transparent bg-grey-100 dark:bg-grey-800 focus:bg-white dark:focus:bg-grey-900 focus:border-primary focus:ring-primary/20"
+      },
+      size: {
+        sm: "h-9 px-3 text-xs",
+        default: "h-11 px-3.5 text-sm",
+        md: "h-11 px-3.5 text-sm",
+        lg: "h-[52px] px-4 text-base"
+      },
+      isError: {
+        true: "border-destructive focus:border-destructive focus:ring-destructive/20 text-destructive",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default",
+      isError: false
+    }
+  }
+);
+const selectContentVariants = cva(
+  "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-900 text-foreground shadow-md transition-all font-sans p-1"
+);
+const selectItemVariants = cva(
+  "relative flex w-full cursor-pointer select-none items-center rounded-sm py-2 pl-8 pr-2 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 { selectContentVariants, selectItemVariants, selectTriggerVariants };

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

@@ -0,0 +1,53 @@
+import type * as React from 'react';
+import type * as SelectPrimitive from '@radix-ui/react-select';
+import type { SelectTriggerVariants } from './Select.styles';
+import type { MotionProp } from '../../types/motion';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+export interface SelectProps extends Omit<SelectPrimitive.SelectProps, 'children'>, SelectTriggerVariants {
+    /**
+     * Field label displayed above the select trigger.
+     */
+    label?: string;
+    /**
+     * Placeholder text shown when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Array of options to render in the dropdown.
+     */
+    options?: SelectOption[];
+    /**
+     * Supporting message displayed below the select trigger.
+     */
+    helperText?: string;
+    /**
+     * Error message or error state boolean.
+     */
+    error?: string | boolean;
+    /**
+     * Additional className for the trigger button.
+     */
+    className?: string;
+    /**
+     * Additional className for the outer container.
+     */
+    containerClassName?: string;
+    /**
+     * Inline style for the outer container.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+    /**
+     * Custom children if building compound select.
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Select.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.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,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,EACnD,qBAAqB;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

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

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

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

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

package/dist/components/Skeleton/Skeleton.d.ts

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

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

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