@utk09/finra-ui 0.0.3 → 0.0.5

package/dist/unstyled/ComboBox/ComboBox.d.ts

@@ -0,0 +1,108 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export interface ComboBoxOption<T = string> {
+    value: T;
+    label: string;
+    group?: string;
+    disabled?: boolean;
+    favourite?: boolean;
+}
+export interface ComboBoxRenderOptionState {
+    isSelected: boolean;
+    isHighlighted: boolean;
+    isDisabled: boolean;
+    isFavourite: boolean;
+}
+export interface ComboBoxGroup<T = string> {
+    label: string;
+    options: ComboBoxOption<T>[];
+}
+/**
+ * CSS class overrides that the styled layer injects into the unstyled base.
+ * Every key is optional — when absent, no className is applied.
+ */
+export interface ComboBoxClassNames {
+    root?: string;
+    wrapper?: string;
+    multiValueContainer?: string;
+    pill?: string;
+    pillText?: string;
+    pillRemove?: string;
+    singleValue?: string;
+    input?: string;
+    inputHidden?: string;
+    indicator?: string;
+    indicatorOpen?: string;
+    listbox?: string;
+    header?: string;
+    footer?: string;
+    options?: string;
+    option?: string;
+    optionHighlighted?: string;
+    optionSelected?: string;
+    optionDisabled?: string;
+    optionCreate?: string;
+    optionLabel?: string;
+    checkIcon?: string;
+    group?: string;
+    groupLabel?: string;
+    loading?: string;
+    spinner?: string;
+    empty?: string;
+}
+export interface ComboBoxBaseProps<T = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Available options. */
+    options: ComboBoxOption<T>[];
+    /** Selected value(s). Single value or array for multiple. */
+    value?: T | T[] | null;
+    /** Called when selection changes. */
+    onChange?: (value: T | T[] | null) => void;
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** Controlled input text. */
+    inputValue?: string;
+    /** Called when input text changes. */
+    onInputChange?: (value: string) => void;
+    /** Custom filter function. Return true to keep option. */
+    filterFn?: (option: ComboBoxOption<T>, inputValue: string) => boolean;
+    /** Show loading indicator. */
+    loading?: boolean;
+    /** Called when input changes to trigger async loading. */
+    onLoadOptions?: (inputValue: string) => void;
+    /** Allow creating new options from input. */
+    creatable?: boolean;
+    /** Called when user creates a new option. */
+    onCreateOption?: (inputValue: string) => void;
+    /** Custom label for the create option. */
+    formatCreateLabel?: (inputValue: string) => string;
+    /** Content rendered above the options list. */
+    header?: ReactNode;
+    /** Content rendered below the options list. */
+    footer?: ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Message shown when no options match. */
+    noOptionsMessage?: string | ReactNode;
+    /** Custom option renderer. */
+    renderOption?: (option: ComboBoxOption<T>, state: ComboBoxRenderOptionState) => ReactNode;
+    /** Custom selected value renderer (single mode). */
+    renderValue?: (option: ComboBoxOption<T>) => ReactNode;
+    /** Render the "selected check" icon beside a selected option. Return null to suppress. */
+    renderCheckIcon?: () => ReactNode;
+    /** Render the chevron/indicator icon. */
+    renderIndicator?: (isOpen: boolean) => ReactNode;
+    /** Render the pill remove button icon. */
+    renderPillRemoveIcon?: () => ReactNode;
+    /** Render the loading spinner content. */
+    renderLoading?: () => ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** CSS class overrides injected by the styled layer. */
+    classNames?: ComboBoxClassNames;
+    /** Root element data attributes. */
+    dataAttributes?: Record<string, string>;
+}
+export declare const ComboBoxBase: <T = string>(props: ComboBoxBaseProps<T> & {
+    ref?: Ref<HTMLInputElement>;
+}) => React.ReactElement | null;

package/dist/unstyled/FileDropZone/FileDropZone.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FileDropZoneBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Called with selected files. */
+    onChange?: (files: File[]) => void;
+    /** Accepted file types (e.g. ".pdf,.csv" or "image/*"). */
+    accept?: string;
+    /** Allow multiple file selection. */
+    multiple?: boolean;
+    /** Disable the component. */
+    disabled?: boolean;
+    /** Custom content inside the drop zone. */
+    children?: ReactNode;
+}
+export declare const FileDropZoneBase: import('react').ForwardRefExoticComponent<FileDropZoneBaseProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/unstyled/FormField/FormField.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type ValidationStatus = "error" | "warning" | "success";
+export interface FormFieldBaseProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    helperText?: string;
+    errorMessage?: string;
+    validationStatus?: ValidationStatus;
+    required?: boolean;
+    disabled?: boolean;
+    /** Explicit id for the input element. Auto-generated if omitted. */
+    htmlFor?: string;
+    children: ReactNode;
+}
+export declare const FormFieldBase: import('react').ForwardRefExoticComponent<FormFieldBaseProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/unstyled/PillInput/PillInput.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export interface PillInputBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Current list of pills (controlled). */
+    values?: string[];
+    /** Called when the pill list changes. */
+    onChange?: (values: string[]) => void;
+    /** Placeholder shown when no pills and input is empty. */
+    placeholder?: string;
+    /** Disable the entire component. */
+    disabled?: boolean;
+    /** Maximum number of pills allowed. */
+    maxPills?: number;
+    /** Characters that trigger pill creation (default: Enter). */
+    delimiters?: string[];
+}
+export declare const PillInputBase: import('react').ForwardRefExoticComponent<PillInputBaseProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/unstyled.d.ts

@@ -16,3 +16,11 @@ export { RadioButtonBase } from './unstyled/RadioButton/RadioButton';
 export type { RadioButtonBaseProps } from './unstyled/RadioButton/RadioButton';
 export { SliderBase } from './unstyled/Slider/Slider';
 export type { SliderBaseProps } from './unstyled/Slider/Slider';
+export { FormFieldBase } from './unstyled/FormField/FormField';
+export type { FormFieldBaseProps } from './unstyled/FormField/FormField';
+export { PillInputBase } from './unstyled/PillInput/PillInput';
+export type { PillInputBaseProps } from './unstyled/PillInput/PillInput';
+export { FileDropZoneBase } from './unstyled/FileDropZone/FileDropZone';
+export type { FileDropZoneBaseProps } from './unstyled/FileDropZone/FileDropZone';
+export { ComboBoxBase } from './unstyled/ComboBox/ComboBox';
+export type { ComboBoxBaseProps } from './unstyled/ComboBox/ComboBox';

package/dist/unstyled.js

@@ -1,28 +1,219 @@
-import { b as s } from "./Slider-BXQjDfhb.js";
-import { B as d, C, I as x, R as I, a as N, S as b } from "./Slider-BXQjDfhb.js";
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-const n = r(
-  ({ asChild: a = !1, ...e }, t) => /* @__PURE__ */ o(a ? s : "input", { ref: t, ...e })
+import { c as w, m as x } from "./ComboBox-CbLG-Ss1.js";
+import { B as L, C as M, b as Q, I as U, R as W, a as X, S as Y } from "./ComboBox-CbLG-Ss1.js";
+import { jsx as c, jsxs as k, Fragment as K } from "react/jsx-runtime";
+import { forwardRef as I, useId as O, Children as S, isValidElement as V, cloneElement as j, useState as b, useRef as F, useCallback as l } from "react";
+const P = I(
+  ({ asChild: a = !1, ...o }, s) => /* @__PURE__ */ c(a ? w : "input", { ref: s, ...o })
 );
-n.displayName = "InputBase";
-const m = r(
-  ({ asChild: a = !1, ...e }, t) => /* @__PURE__ */ o(a ? s : "textarea", { ref: t, ...e })
+P.displayName = "InputBase";
+const $ = I(
+  ({ asChild: a = !1, ...o }, s) => /* @__PURE__ */ c(a ? w : "textarea", { ref: s, ...o })
 );
-m.displayName = "TextareaBase";
-const B = r(
-  ({ asChild: a = !1, ...e }, t) => /* @__PURE__ */ o(a ? s : "input", { ref: t, inputMode: "decimal", ...e })
+$.displayName = "TextareaBase";
+const Z = I(
+  ({ asChild: a = !1, ...o }, s) => /* @__PURE__ */ c(a ? w : "input", { ref: s, inputMode: "decimal", ...o })
 );
-B.displayName = "NumberInputBase";
+Z.displayName = "NumberInputBase";
+const A = I(
+  ({
+    label: a,
+    helperText: o,
+    errorMessage: s,
+    validationStatus: e,
+    required: d,
+    disabled: D,
+    htmlFor: m,
+    children: g,
+    ...h
+  }, v) => {
+    const i = O(), u = m ?? i, f = `${u}-helper`, t = `${u}-error`, p = e === "error" && s, y = [p ? t : void 0, o ? f : void 0].filter(Boolean).join(" ") || void 0, B = S.map(g, (n) => V(n) ? j(n, {
+      id: u,
+      "aria-describedby": y,
+      "aria-invalid": e === "error" ? !0 : void 0,
+      disabled: D || void 0
+    }) : n);
+    return /* @__PURE__ */ k("div", { ref: v, ...h, children: [
+      /* @__PURE__ */ k("label", { htmlFor: u, children: [
+        a,
+        d ? " *" : null
+      ] }),
+      B,
+      p ? /* @__PURE__ */ c("p", { id: t, role: "alert", children: s }) : null,
+      o ? /* @__PURE__ */ c("p", { id: f, children: o }) : null
+    ] });
+  }
+);
+A.displayName = "FormFieldBase";
+const T = I(
+  ({
+    values: a,
+    onChange: o,
+    placeholder: s,
+    disabled: e,
+    maxPills: d,
+    delimiters: D = [],
+    ...m
+  }, g) => {
+    const [h, v] = b([]), [i, u] = b(""), f = F(null), t = a ?? h, p = l(
+      (r) => {
+        a || v(r), o?.(r);
+      },
+      [a, o]
+    ), y = l(
+      (r) => {
+        const C = r.trim();
+        C && (t.includes(C) || d != null && t.length >= d || (p([...t, C]), u("")));
+      },
+      [t, d, p]
+    ), B = l(
+      (r) => {
+        p(t.filter((C, E) => E !== r)), f.current?.focus();
+      },
+      [t, p]
+    ), n = l(
+      (r) => {
+        if (r.key === "Enter") {
+          r.preventDefault(), y(i);
+          return;
+        }
+        if (r.key === "Backspace" && i === "" && t.length > 0) {
+          B(t.length - 1);
+          return;
+        }
+        D.includes(r.key) && (r.preventDefault(), y(i));
+      },
+      [i, t, D, y, B]
+    ), N = l(() => {
+      e || f.current?.focus();
+    }, [e]), R = l(
+      (r) => {
+        !e && (r.key === "Enter" || r.key === " ") && f.current?.focus();
+      },
+      [e]
+    );
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        role: "toolbar",
+        onClick: N,
+        onKeyDown: R,
+        ...m,
+        children: [
+          t.map((r) => /* @__PURE__ */ k("span", { children: [
+            r,
+            e ? null : /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                onClick: (C) => {
+                  C.stopPropagation(), B(t.indexOf(r));
+                },
+                "aria-label": `Remove ${r}`,
+                tabIndex: -1,
+                children: "×"
+              }
+            )
+          ] }, r)),
+          /* @__PURE__ */ c(
+            "input",
+            {
+              ref: x(g, f),
+              type: "text",
+              value: i,
+              onChange: (r) => u(r.target.value),
+              onKeyDown: n,
+              placeholder: t.length === 0 ? s : void 0,
+              disabled: e,
+              "aria-label": m["aria-label"],
+              "aria-labelledby": m["aria-labelledby"]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+T.displayName = "PillInputBase";
+const _ = I(
+  ({ onChange: a, accept: o, multiple: s, disabled: e, children: d, ...D }, m) => {
+    const [g, h] = b(!1), v = F(null), i = l(
+      (n) => {
+        !n || n.length === 0 || a?.(Array.from(n));
+      },
+      [a]
+    ), u = l(
+      (n) => {
+        n.preventDefault(), e || h(!0);
+      },
+      [e]
+    ), f = l((n) => {
+      n.preventDefault(), h(!1);
+    }, []), t = l(
+      (n) => {
+        n.preventDefault(), h(!1), e || i(n.dataTransfer.files);
+      },
+      [e, i]
+    ), p = l(
+      (n) => {
+        i(n.target.files), n.target.value = "";
+      },
+      [i]
+    ), y = l(() => {
+      e || v.current?.click();
+    }, [e]), B = l(
+      (n) => {
+        !e && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), v.current?.click());
+      },
+      [e]
+    );
+    return /* @__PURE__ */ k(K, { children: [
+      /* @__PURE__ */ c(
+        "input",
+        {
+          ref: x(m, v),
+          type: "file",
+          style: { display: "none" },
+          accept: o,
+          multiple: s,
+          disabled: e,
+          onChange: p,
+          tabIndex: -1,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          role: "button",
+          tabIndex: e ? -1 : 0,
+          "aria-disabled": e || void 0,
+          "data-drag-over": g || void 0,
+          onClick: y,
+          onKeyDown: B,
+          onDragOver: u,
+          onDragLeave: f,
+          onDrop: t,
+          ...D,
+          children: d ?? /* @__PURE__ */ c("span", { children: "Drop files here or click to browse" })
+        }
+      )
+    ] });
+  }
+);
+_.displayName = "FileDropZoneBase";
 export {
-  d as ButtonBase,
-  C as CheckboxBase,
-  x as IconButtonBase,
-  n as InputBase,
-  B as NumberInputBase,
-  I as RadioButtonBase,
-  N as SliderBase,
-  b as SwitchBase,
-  m as TextareaBase
+  L as ButtonBase,
+  M as CheckboxBase,
+  Q as ComboBoxBase,
+  _ as FileDropZoneBase,
+  A as FormFieldBase,
+  U as IconButtonBase,
+  P as InputBase,
+  Z as NumberInputBase,
+  T as PillInputBase,
+  W as RadioButtonBase,
+  X as SliderBase,
+  Y as SwitchBase,
+  $ as TextareaBase
 };
 //# sourceMappingURL=unstyled.js.map

package/dist/unstyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"unstyled.js","sources":["../src/unstyled/Input/Input.tsx","../src/unstyled/Textarea/Textarea.tsx","../src/unstyled/NumberInput/NumberInput.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {\n  asChild?: boolean;\n}\n\nexport const InputBase = forwardRef<HTMLInputElement, InputBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"input\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nInputBase.displayName = \"InputBase\";\n","import { forwardRef, type TextareaHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface TextareaBaseProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  asChild?: boolean;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"textarea\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nTextareaBase.displayName = \"TextareaBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface NumberInputBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  asChild?: boolean;\n}\n\nexport const NumberInputBase = forwardRef<HTMLInputElement, NumberInputBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"input\";\n\n    return <Comp ref={ref} inputMode=\"decimal\" {...props} />;\n  },\n);\n\nNumberInputBase.displayName = \"NumberInputBase\";\n"],"names":["InputBase","forwardRef","asChild","props","ref","jsx","Slot","TextareaBase","NumberInputBase"],"mappings":";;;;AAOO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAGvB,gBAAAC,EAFMH,IAAUI,IAAO,SAEtB,EAAK,KAAAF,GAAW,GAAGD,EAAA,CAAO;AAEtC;AAEAH,EAAU,cAAc;ACRjB,MAAMO,IAAeN;AAAA,EAC1B,CAAC,EAAE,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAGvB,gBAAAC,EAFMH,IAAUI,IAAO,YAEtB,EAAK,KAAAF,GAAW,GAAGD,EAAA,CAAO;AAEtC;AAEAI,EAAa,cAAc;ACRpB,MAAMC,IAAkBP;AAAA,EAC7B,CAAC,EAAE,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,wBACjBF,IAAUI,IAAO,SAEtB,EAAK,KAAAF,GAAU,WAAU,WAAW,GAAGD,GAAO;AAE1D;AAEAK,EAAgB,cAAc;"}
+{"version":3,"file":"unstyled.js","sources":["../src/unstyled/Input/Input.tsx","../src/unstyled/Textarea/Textarea.tsx","../src/unstyled/NumberInput/NumberInput.tsx","../src/unstyled/FormField/FormField.tsx","../src/unstyled/PillInput/PillInput.tsx","../src/unstyled/FileDropZone/FileDropZone.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {\n  asChild?: boolean;\n}\n\nexport const InputBase = forwardRef<HTMLInputElement, InputBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"input\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nInputBase.displayName = \"InputBase\";\n","import { forwardRef, type TextareaHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface TextareaBaseProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  asChild?: boolean;\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"textarea\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nTextareaBase.displayName = \"TextareaBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface NumberInputBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  asChild?: boolean;\n}\n\nexport const NumberInputBase = forwardRef<HTMLInputElement, NumberInputBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"input\";\n\n    return <Comp ref={ref} inputMode=\"decimal\" {...props} />;\n  },\n);\n\nNumberInputBase.displayName = \"NumberInputBase\";\n","import {\n  forwardRef,\n  useId,\n  Children,\n  isValidElement,\n  cloneElement,\n  type ReactNode,\n  type HTMLAttributes,\n} from \"react\";\n\nexport type ValidationStatus = \"error\" | \"warning\" | \"success\";\n\nexport interface FormFieldBaseProps extends HTMLAttributes<HTMLDivElement> {\n  label: string;\n  helperText?: string;\n  errorMessage?: string;\n  validationStatus?: ValidationStatus;\n  required?: boolean;\n  disabled?: boolean;\n  /** Explicit id for the input element. Auto-generated if omitted. */\n  htmlFor?: string;\n  children: ReactNode;\n}\n\nexport const FormFieldBase = forwardRef<HTMLDivElement, FormFieldBaseProps>(\n  (\n    {\n      label,\n      helperText,\n      errorMessage,\n      validationStatus,\n      required,\n      disabled,\n      htmlFor,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const fieldId = htmlFor ?? autoId;\n    const helperId = `${fieldId}-helper`;\n    const errorId = `${fieldId}-error`;\n\n    const showError = validationStatus === \"error\" && errorMessage;\n\n    const describedBy =\n      [showError ? errorId : undefined, helperText ? helperId : undefined]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const enhancedChildren = Children.map(children, (child) => {\n      if (!isValidElement(child)) return child;\n      return cloneElement(child as React.ReactElement<Record<string, unknown>>, {\n        id: fieldId,\n        \"aria-describedby\": describedBy,\n        \"aria-invalid\": validationStatus === \"error\" ? true : undefined,\n        disabled: disabled || undefined,\n      });\n    });\n\n    return (\n      <div ref={ref} {...props}>\n        <label htmlFor={fieldId}>\n          {label}\n          {required ? \" *\" : null}\n        </label>\n\n        {enhancedChildren}\n\n        {showError ? (\n          <p id={errorId} role=\"alert\">\n            {errorMessage}\n          </p>\n        ) : null}\n\n        {helperText ? <p id={helperId}>{helperText}</p> : null}\n      </div>\n    );\n  },\n);\n\nFormFieldBase.displayName = \"FormFieldBase\";\n","import {\n  forwardRef,\n  useState,\n  useRef,\n  useCallback,\n  type KeyboardEvent,\n  type HTMLAttributes,\n} from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\n\nexport interface PillInputBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /** Current list of pills (controlled). */\n  values?: string[];\n  /** Called when the pill list changes. */\n  onChange?: (values: string[]) => void;\n  /** Placeholder shown when no pills and input is empty. */\n  placeholder?: string;\n  /** Disable the entire component. */\n  disabled?: boolean;\n  /** Maximum number of pills allowed. */\n  maxPills?: number;\n  /** Characters that trigger pill creation (default: Enter). */\n  delimiters?: string[];\n}\n\nexport const PillInputBase = forwardRef<HTMLInputElement, PillInputBaseProps>(\n  (\n    {\n      values: controlledValues,\n      onChange,\n      placeholder,\n      disabled,\n      maxPills,\n      delimiters = [],\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [internalValues, setInternalValues] = useState<string[]>([]);\n    const [inputValue, setInputValue] = useState(\"\");\n    const internalRef = useRef<HTMLInputElement>(null);\n\n    const values = controlledValues ?? internalValues;\n\n    const updateValues = useCallback(\n      (next: string[]) => {\n        if (!controlledValues) {\n          setInternalValues(next);\n        }\n        onChange?.(next);\n      },\n      [controlledValues, onChange],\n    );\n\n    const addPill = useCallback(\n      (text: string) => {\n        const trimmed = text.trim();\n        if (!trimmed) return;\n        if (values.includes(trimmed)) return;\n        if (maxPills != null && values.length >= maxPills) return;\n        updateValues([...values, trimmed]);\n        setInputValue(\"\");\n      },\n      [values, maxPills, updateValues],\n    );\n\n    const removePill = useCallback(\n      (index: number) => {\n        updateValues(values.filter((_, i) => i !== index));\n        internalRef.current?.focus();\n      },\n      [values, updateValues],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Enter\") {\n          e.preventDefault();\n          addPill(inputValue);\n          return;\n        }\n        if (e.key === \"Backspace\" && inputValue === \"\" && values.length > 0) {\n          removePill(values.length - 1);\n          return;\n        }\n        if (delimiters.includes(e.key)) {\n          e.preventDefault();\n          addPill(inputValue);\n        }\n      },\n      [inputValue, values, delimiters, addPill, removePill],\n    );\n\n    const handleContainerClick = useCallback(() => {\n      if (!disabled) {\n        internalRef.current?.focus();\n      }\n    }, [disabled]);\n\n    const handleContainerKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\n          internalRef.current?.focus();\n        }\n      },\n      [disabled],\n    );\n\n    return (\n      <div\n        role=\"toolbar\"\n        onClick={handleContainerClick}\n        onKeyDown={handleContainerKeyDown}\n        {...props}>\n        {values.map((pill) => (\n          <span key={pill}>\n            {pill}\n            {!disabled ? (\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  removePill(values.indexOf(pill));\n                }}\n                aria-label={`Remove ${pill}`}\n                tabIndex={-1}>\n                ×\n              </button>\n            ) : null}\n          </span>\n        ))}\n        <input\n          ref={mergeRefs(forwardedRef, internalRef)}\n          type=\"text\"\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={values.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          aria-label={props[\"aria-label\"]}\n          aria-labelledby={props[\"aria-labelledby\"]}\n        />\n      </div>\n    );\n  },\n);\n\nPillInputBase.displayName = \"PillInputBase\";\n","import {\n  forwardRef,\n  useState,\n  useRef,\n  useCallback,\n  type DragEvent,\n  type ChangeEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\n\nexport interface FileDropZoneBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /** Called with selected files. */\n  onChange?: (files: File[]) => void;\n  /** Accepted file types (e.g. \".pdf,.csv\" or \"image/*\"). */\n  accept?: string;\n  /** Allow multiple file selection. */\n  multiple?: boolean;\n  /** Disable the component. */\n  disabled?: boolean;\n  /** Custom content inside the drop zone. */\n  children?: ReactNode;\n}\n\nexport const FileDropZoneBase = forwardRef<HTMLInputElement, FileDropZoneBaseProps>(\n  ({ onChange, accept, multiple, disabled, children, ...props }, forwardedRef) => {\n    const [isDragOver, setIsDragOver] = useState(false);\n    const internalRef = useRef<HTMLInputElement>(null);\n\n    const handleFiles = useCallback(\n      (fileList: FileList | null) => {\n        if (!fileList || fileList.length === 0) return;\n        onChange?.(Array.from(fileList));\n      },\n      [onChange],\n    );\n\n    const handleDragOver = useCallback(\n      (e: DragEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        if (!disabled) {\n          setIsDragOver(true);\n        }\n      },\n      [disabled],\n    );\n\n    const handleDragLeave = useCallback((e: DragEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      setIsDragOver(false);\n    }, []);\n\n    const handleDrop = useCallback(\n      (e: DragEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        setIsDragOver(false);\n        if (!disabled) {\n          handleFiles(e.dataTransfer.files);\n        }\n      },\n      [disabled, handleFiles],\n    );\n\n    const handleInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleFiles(e.target.files);\n        // Reset so the same file can be selected again\n        e.target.value = \"\";\n      },\n      [handleFiles],\n    );\n\n    const handleClick = useCallback(() => {\n      if (!disabled) {\n        internalRef.current?.click();\n      }\n    }, [disabled]);\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\n          e.preventDefault();\n          internalRef.current?.click();\n        }\n      },\n      [disabled],\n    );\n\n    return (\n      <>\n        <input\n          ref={mergeRefs(forwardedRef, internalRef)}\n          type=\"file\"\n          style={{ display: \"none\" }}\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={handleInputChange}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          data-drag-over={isDragOver || undefined}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          {...props}>\n          {children ?? <span>Drop files here or click to browse</span>}\n        </div>\n      </>\n    );\n  },\n);\n\nFileDropZoneBase.displayName = \"FileDropZoneBase\";\n"],"names":["InputBase","forwardRef","asChild","props","ref","jsx","Slot","TextareaBase","NumberInputBase","FormFieldBase","label","helperText","errorMessage","validationStatus","required","disabled","htmlFor","children","autoId","useId","fieldId","helperId","errorId","showError","describedBy","enhancedChildren","Children","child","isValidElement","cloneElement","jsxs","PillInputBase","controlledValues","onChange","placeholder","maxPills","delimiters","forwardedRef","internalValues","setInternalValues","useState","inputValue","setInputValue","internalRef","useRef","values","updateValues","useCallback","next","addPill","text","trimmed","removePill","index","_","i","handleKeyDown","e","handleContainerClick","handleContainerKeyDown","pill","mergeRefs","FileDropZoneBase","accept","multiple","isDragOver","setIsDragOver","handleFiles","fileList","handleDragOver","handleDragLeave","handleDrop","handleInputChange","handleClick","Fragment"],"mappings":"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"}

package/dist/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'react';
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utk09/finra-ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Component library for web applications. Core UI components and styles.",
   "displayName": "Finra UI",
   "type": "module",

package/dist/Slider-BXQjDfhb.js

@@ -1,73 +0,0 @@
-import { jsx as c, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as f, isValidElement as p, cloneElement as l, useRef as y, useEffect as m } from "react";
-function B(...e) {
-  return (o) => {
-    for (const t of e)
-      typeof t == "function" ? t(o) : t && typeof t == "object" && (t.current = o);
-  };
-}
-function d(e, o) {
-  const t = { ...e, ...o };
-  for (const n of Object.keys(e)) {
-    if (n === "children" || n === "ref") continue;
-    const s = e[n], r = o[n];
-    typeof s == "function" && typeof r == "function" && (t[n] = (...a) => {
-      r(...a), s(...a);
-    }), n === "className" && typeof s == "string" && typeof r == "string" && (t[n] = `${s} ${r}`.trim()), n === "style" && typeof s == "object" && typeof r == "object" && (t[n] = { ...s, ...r });
-  }
-  return t;
-}
-const i = f(
-  ({ children: e, ...o }, t) => {
-    if (!p(e))
-      return null;
-    const n = e.props, s = e.ref;
-    return l(e, {
-      ...d(o, n),
-      ref: B(t, s)
-    });
-  }
-);
-i.displayName = "Slot";
-const b = f(
-  ({ asChild: e = !1, ...o }, t) => /* @__PURE__ */ c(e ? i : "button", { ref: t, ...o })
-);
-b.displayName = "ButtonBase";
-const R = f(
-  ({ asChild: e = !1, icon: o, children: t, ...n }, s) => /* @__PURE__ */ u(e ? i : "button", { ref: s, ...n, children: [
-    o,
-    t
-  ] })
-);
-R.displayName = "IconButtonBase";
-function h(...e) {
-  return (o) => {
-    for (const t of e)
-      typeof t == "function" ? t(o) : t && typeof t == "object" && (t.current = o);
-  };
-}
-const N = f(
-  ({ indeterminate: e, ...o }, t) => {
-    const n = y(null);
-    return m(() => {
-      n.current && (n.current.indeterminate = e ?? !1);
-    }, [e]), /* @__PURE__ */ c("input", { ref: h(t, n), type: "checkbox", ...o });
-  }
-);
-N.displayName = "CheckboxBase";
-const j = f((e, o) => /* @__PURE__ */ c("input", { ref: o, type: "checkbox", role: "switch", ...e }));
-j.displayName = "SwitchBase";
-const x = f((e, o) => /* @__PURE__ */ c("input", { ref: o, type: "radio", ...e }));
-x.displayName = "RadioButtonBase";
-const C = f((e, o) => /* @__PURE__ */ c("input", { ref: o, type: "range", ...e }));
-C.displayName = "SliderBase";
-export {
-  b as B,
-  N as C,
-  R as I,
-  x as R,
-  j as S,
-  C as a,
-  i as b
-};
-//# sourceMappingURL=Slider-BXQjDfhb.js.map

package/dist/Slider-BXQjDfhb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider-BXQjDfhb.js","sources":["../src/unstyled/Slot.tsx","../src/unstyled/Button/Button.tsx","../src/unstyled/IconButton/IconButton.tsx","../src/unstyled/Checkbox/Checkbox.tsx","../src/unstyled/Switch/Switch.tsx","../src/unstyled/RadioButton/RadioButton.tsx","../src/unstyled/Slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  isValidElement,\n  cloneElement,\n  type ReactNode,\n  type HTMLAttributes,\n  type Ref,\n} from \"react\";\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T> {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref && typeof ref === \"object\") {\n        (ref as React.RefObject<T | null>).current = value;\n      }\n    }\n  };\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps, ...childProps };\n\n  for (const key of Object.keys(slotProps)) {\n    if (key === \"children\" || key === \"ref\") continue;\n\n    const slotVal = slotProps[key];\n    const childVal = childProps[key];\n\n    // Merge event handlers\n    if (typeof slotVal === \"function\" && typeof childVal === \"function\") {\n      merged[key] = (...args: unknown[]) => {\n        childVal(...args);\n        slotVal(...args);\n      };\n    }\n\n    // Merge className\n    if (key === \"className\" && typeof slotVal === \"string\" && typeof childVal === \"string\") {\n      merged[key] = `${slotVal} ${childVal}`.trim();\n    }\n\n    // Merge style\n    if (key === \"style\" && typeof slotVal === \"object\" && typeof childVal === \"object\") {\n      merged[key] = { ...(slotVal as object), ...(childVal as object) };\n    }\n  }\n\n  return merged;\n}\n\nexport interface SlotProps extends HTMLAttributes<HTMLElement> {\n  children?: ReactNode;\n}\n\nexport const Slot = forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = children.props as Record<string, unknown>;\n    const childRef = (children as unknown as { ref?: Ref<HTMLElement> }).ref;\n\n    return cloneElement(children, {\n      ...mergeProps(slotProps, childProps),\n      ref: mergeRefs(forwardedRef, childRef),\n    } as Record<string, unknown>);\n  },\n);\n\nSlot.displayName = \"Slot\";\n","import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface ButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nButtonBase.displayName = \"ButtonBase\";\n","import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { Slot } from \"../Slot\";\n\nexport interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n  icon: ReactNode;\n  \"aria-label\": string;\n}\n\nexport const IconButtonBase = forwardRef<HTMLButtonElement, IconButtonBaseProps>(\n  ({ asChild = false, icon, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n      <Comp ref={ref} {...props}>\n        {icon}\n        {children}\n      </Comp>\n    );\n  },\n);\n\nIconButtonBase.displayName = \"IconButtonBase\";\n","import { forwardRef, useEffect, useRef, type InputHTMLAttributes, type Ref } from \"react\";\n\nexport interface CheckboxBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  indeterminate?: boolean;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref && typeof ref === \"object\") {\n        (ref as React.RefObject<T | null>).current = value;\n      }\n    }\n  };\n}\n\nexport const CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\n  ({ indeterminate, ...props }, forwardedRef) => {\n    const internalRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n      if (internalRef.current) {\n        internalRef.current.indeterminate = indeterminate ?? false;\n      }\n    }, [indeterminate]);\n\n    return <input ref={mergeRefs(forwardedRef, internalRef)} type=\"checkbox\" {...props} />;\n  },\n);\n\nCheckboxBase.displayName = \"CheckboxBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface SwitchBaseProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"role\"\n> {}\n\nexport const SwitchBase = forwardRef<HTMLInputElement, SwitchBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"checkbox\" role=\"switch\" {...props} />;\n});\n\nSwitchBase.displayName = \"SwitchBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface RadioButtonBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {}\n\nexport const RadioButtonBase = forwardRef<HTMLInputElement, RadioButtonBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"radio\" {...props} />;\n});\n\nRadioButtonBase.displayName = \"RadioButtonBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface SliderBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {}\n\nexport const SliderBase = forwardRef<HTMLInputElement, SliderBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"range\" {...props} />;\n});\n\nSliderBase.displayName = \"SliderBase\";\n"],"names":["mergeRefs","refs","value","ref","mergeProps","slotProps","childProps","merged","key","slotVal","childVal","args","Slot","forwardRef","children","forwardedRef","isValidElement","childRef","cloneElement","ButtonBase","asChild","props","jsx","IconButtonBase","icon","jsxs","CheckboxBase","indeterminate","internalRef","useRef","useEffect","SwitchBase","RadioButtonBase","SliderBase"],"mappings":"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"}