@hyddenlabs/hydn-ui 0.3.0-alpha.99 → 0.3.1

package/dist/components/forms/select/select.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { interactiveSizes, inputWidthSizes, inputBaseClasses, validationBorderClasses, validationRingClasses } from "../../../theme/size-tokens.js";
+const selectArrowClasses = "appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6%208l4%204%204-4%22%2F%3E%3C%2Fsvg%3E')] bg-size-[1.5em] bg-position-[right_0.5rem_center] bg-no-repeat pr-10";
+function Select({
+  value,
+  defaultValue,
+  onChange,
+  onFocus,
+  onBlur,
+  disabled = false,
+  ariaLabel,
+  id,
+  name,
+  children,
+  required = false,
+  size = "md",
+  width,
+  validationState = "neutral",
+  label
+}) {
+  const sizeConfig = interactiveSizes[size];
+  const sizeClasses = `${sizeConfig.height} px-4 sm:px-3 ${sizeConfig.text}`;
+  const widthClass = width ? inputWidthSizes[width] : "w-full";
+  const selectClasses = `${inputBaseClasses} ${sizeClasses} ${selectArrowClasses} ${validationBorderClasses[validationState]} ${validationRingClasses[validationState]} ${widthClass}`.trim();
+  return /* @__PURE__ */ jsxs(
+    "select",
+    {
+      value,
+      defaultValue: defaultValue ?? (label ? "" : void 0),
+      onChange,
+      onFocus,
+      onBlur,
+      disabled,
+      "aria-label": ariaLabel,
+      id,
+      name,
+      required,
+      "aria-invalid": validationState === "error",
+      className: selectClasses,
+      children: [
+        label && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: label }),
+        children
+      ]
+    }
+  );
+}
+Select.displayName = "Select";
+export {
+  Select as default
+};
+//# sourceMappingURL=select.js.map

package/dist/components/forms/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../../src/components/forms/select/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  interactiveSizes,\n  inputWidthSizes,\n  validationBorderClasses,\n  validationRingClasses,\n  inputBaseClasses,\n  type InteractiveSize,\n  type InputWidth,\n  type ValidationState\n} from '../../../theme/size-tokens';\n\nexport type { ValidationState };\n\nexport type SelectProps = {\n  /** Current selected value (controlled) */\n  value?: string;\n  /** Default value for uncontrolled select */\n  defaultValue?: string;\n  /** Change event handler for controlled select */\n  onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;\n  /** Focus event handler */\n  onFocus?: (e: React.FocusEvent<HTMLSelectElement>) => void;\n  /** Blur event handler */\n  onBlur?: (e: React.FocusEvent<HTMLSelectElement>) => void;\n  /** Disables select interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Accessible label for screen readers */\n  ariaLabel?: string;\n  /** HTML id attribute for the select */\n  id?: string;\n  /** HTML name attribute for form submission */\n  name?: string;\n  /** SelectItem children defining the available options */\n  children: React.ReactNode;\n  /** Marks select as required for form validation */\n  required?: boolean;\n  /** Size variant - uses unified size system */\n  size?: InteractiveSize;\n  /** Width of the select field - uses semantic sizing */\n  width?: InputWidth;\n  /** Visual validation state affecting border color and styling */\n  validationState?: ValidationState;\n  /** Placeholder text shown as disabled, selected, hidden option */\n  label?: string;\n};\n\n// Custom dropdown arrow classes\nconst selectArrowClasses =\n  \"appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6%208l4%204%204-4%22%2F%3E%3C%2Fsvg%3E')] bg-size-[1.5em] bg-position-[right_0.5rem_center] bg-no-repeat pr-10\";\n\n/**\n * Select - Accessible select dropdown with validation state support\n *\n * @example\n * ```tsx\n * <Select>\n *   <SelectItem value=\"1\">Option 1</SelectItem>\n *   <SelectItem value=\"2\">Option 2</SelectItem>\n * </Select>\n * ```\n */\nfunction Select({\n  value,\n  defaultValue,\n  onChange,\n  onFocus,\n  onBlur,\n  disabled = false,\n  ariaLabel,\n  id,\n  name,\n  children,\n  required = false,\n  size = 'md',\n  width,\n  validationState = 'neutral',\n  label\n}: Readonly<SelectProps>) {\n  const sizeConfig = interactiveSizes[size];\n  const sizeClasses = `${sizeConfig.height} px-4 sm:px-3 ${sizeConfig.text}`;\n  const widthClass = width ? inputWidthSizes[width] : 'w-full';\n  const selectClasses =\n    `${inputBaseClasses} ${sizeClasses} ${selectArrowClasses} ${validationBorderClasses[validationState]} ${validationRingClasses[validationState]} ${widthClass}`.trim();\n\n  return (\n    <select\n      value={value}\n      defaultValue={defaultValue ?? (label ? '' : undefined)}\n      onChange={onChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      id={id}\n      name={name}\n      required={required}\n      aria-invalid={validationState === 'error'}\n      className={selectClasses}\n    >\n      {label && (\n        <option value=\"\" disabled>\n          {label}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n}\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"names":[],"mappings":";;AAiDA,MAAM,qBACJ;AAaF,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,GAA0B;AACxB,QAAM,aAAa,iBAAiB,IAAI;AACxC,QAAM,cAAc,GAAG,WAAW,MAAM,iBAAiB,WAAW,IAAI;AACxE,QAAM,aAAa,QAAQ,gBAAgB,KAAK,IAAI;AACpD,QAAM,gBACJ,GAAG,gBAAgB,IAAI,WAAW,IAAI,kBAAkB,IAAI,wBAAwB,eAAe,CAAC,IAAI,sBAAsB,eAAe,CAAC,IAAI,UAAU,GAAG,KAAA;AAEjK,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc,iBAAiB,QAAQ,KAAK;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAc,oBAAoB;AAAA,MAClC,WAAW;AAAA,MAEV,UAAA;AAAA,QAAA,6BACE,UAAA,EAAO,OAAM,IAAG,UAAQ,MACtB,UAAA,OACH;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,OAAO,cAAc;"}

package/dist/components/forms/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './slider';
+export type { SliderProps } from './slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/forms/slider/slider.d.ts

@@ -0,0 +1,21 @@
+export type SliderVariant = 'primary' | 'accent' | 'success' | 'warning' | 'info' | 'error';
+export type SliderProps = {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+    id?: string;
+    name?: string;
+    /** Visual color variant */
+    variant?: SliderVariant;
+};
+declare function Slider({ value, onChange, min, max, step, disabled, className, ariaLabel, id, name, variant }: Readonly<SliderProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Slider {
+    var displayName: string;
+}
+export default Slider;
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/forms/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/slider/slider.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5F,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAWF,iBAAS,MAAM,CAAC,EACd,KAAU,EACV,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,EAAE,EACF,IAAI,EACJ,OAAmB,EACpB,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAsCvB;kBAlDQ,MAAM;;;AAsDf,eAAe,MAAM,CAAC"}

package/dist/components/forms/slider/slider.js

@@ -0,0 +1,65 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "../../../node_modules/clsx/dist/clsx.js";
+const VARIANT_COLOR_MAP = {
+  primary: "var(--primary)",
+  accent: "var(--accent)",
+  success: "var(--success)",
+  warning: "var(--warning)",
+  info: "var(--info)",
+  error: "var(--error)"
+};
+function Slider({
+  value = 50,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled = false,
+  className,
+  ariaLabel,
+  id,
+  name,
+  variant = "primary"
+}) {
+  const percentage = (value - min) / (max - min) * 100;
+  const activeColor = VARIANT_COLOR_MAP[variant];
+  const handleChange = (e) => {
+    onChange?.(Number(e.target.value));
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "range",
+      value,
+      onChange: handleChange,
+      min,
+      max,
+      step,
+      disabled,
+      "aria-label": ariaLabel,
+      id,
+      name,
+      className: clsx(
+        "w-full h-2 rounded-lg appearance-none cursor-pointer transition",
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        className
+      ),
+      style: {
+        background: `
+          linear-gradient(
+            to right,
+            ${activeColor} 0%,
+            ${activeColor} ${percentage}%,
+            color-mix(in srgb, var(--muted) 40%, transparent) ${percentage}%,
+            color-mix(in srgb, var(--muted) 40%, transparent) 100%
+          )
+        `
+      }
+    }
+  );
+}
+Slider.displayName = "Slider";
+export {
+  Slider as default
+};
+//# sourceMappingURL=slider.js.map

package/dist/components/forms/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../src/components/forms/slider/slider.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\n\nexport type SliderVariant = 'primary' | 'accent' | 'success' | 'warning' | 'info' | 'error';\n\nexport type SliderProps = {\n  value?: number;\n  onChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  className?: string;\n  ariaLabel?: string;\n  id?: string;\n  name?: string;\n  /** Visual color variant */\n  variant?: SliderVariant;\n};\n\nconst VARIANT_COLOR_MAP: Record<SliderVariant, string> = {\n  primary: 'var(--primary)',\n  accent: 'var(--accent)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  info: 'var(--info)',\n  error: 'var(--error)'\n};\n\nfunction Slider({\n  value = 50,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  disabled = false,\n  className,\n  ariaLabel,\n  id,\n  name,\n  variant = 'primary'\n}: Readonly<SliderProps>) {\n  const percentage = ((value - min) / (max - min)) * 100;\n  const activeColor = VARIANT_COLOR_MAP[variant];\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(Number(e.target.value));\n  };\n\n  return (\n    <input\n      type=\"range\"\n      value={value}\n      onChange={handleChange}\n      min={min}\n      max={max}\n      step={step}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      id={id}\n      name={name}\n      className={clsx(\n        'w-full h-2 rounded-lg appearance-none cursor-pointer transition',\n        'disabled:opacity-50 disabled:cursor-not-allowed',\n        className\n      )}\n      style={{\n        background: `\n          linear-gradient(\n            to right,\n            ${activeColor} 0%,\n            ${activeColor} ${percentage}%,\n            color-mix(in srgb, var(--muted) 40%, transparent) ${percentage}%,\n            color-mix(in srgb, var(--muted) 40%, transparent) 100%\n          )\n        `\n      }}\n    />\n  );\n}\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":[],"mappings":";;AAoBA,MAAM,oBAAmD;AAAA,EACvD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AAEA,SAAS,OAAO;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAA0B;AACxB,QAAM,cAAe,QAAQ,QAAQ,MAAM,OAAQ;AACnD,QAAM,cAAc,kBAAkB,OAAO;AAE7C,QAAM,eAAe,CAAC,MAA2C;AAC/D,eAAW,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,EACnC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,YAAY;AAAA;AAAA;AAAA,cAGN,WAAW;AAAA,cACX,WAAW,IAAI,UAAU;AAAA,gEACyB,UAAU;AAAA;AAAA;AAAA;AAAA,MAAA;AAAA,IAIpE;AAAA,EAAA;AAGN;AAEA,OAAO,cAAc;"}

package/dist/components/forms/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './switch';
+export type { SwitchProps } from './switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/forms/switch/switch.d.ts

@@ -0,0 +1,30 @@
+export type SwitchProps = {
+    /** Controlled checked state - true for on, false for off */
+    checked?: boolean;
+    /** Change handler receiving the new boolean checked state */
+    onChange?: (checked: boolean) => void;
+    /** Disables switch interaction and applies disabled styling */
+    disabled?: boolean;
+    /** Additional CSS classes applied to the switch container */
+    className?: string;
+    /** Accessible label for screen readers when visual label is not present */
+    ariaLabel?: string;
+    /** HTML id attribute for the underlying input element */
+    id?: string;
+    /** Form input name attribute */
+    name?: string;
+    /** Size variant affecting switch dimensions - uses unified size system */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Color variant affecting background when checked - defaults to primary if not specified */
+    variant?: 'primary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | 'neutral';
+};
+/**
+ * Accessible Switch/Toggle component - DaisyUI inspired
+ * Uses pure Tailwind classes for styling
+ */
+declare function Switch({ checked, onChange, disabled, className, ariaLabel, id, name, size, variant }: Readonly<SwitchProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Switch {
+    var displayName: string;
+}
+export default Switch;
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/forms/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/switch.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG;IACxB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACvF,CAAC;AAEF;;;GAGG;AACH,iBAAS,MAAM,CAAC,EACd,OAAe,EACf,QAAQ,EACR,QAAgB,EAChB,SAAc,EACd,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAW,EACX,OAAO,EACR,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAwFvB;kBAlGQ,MAAM;;;AAsGf,eAAe,MAAM,CAAC"}

package/dist/components/forms/switch/switch.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function Switch({
+  checked = false,
+  onChange,
+  disabled = false,
+  className = "",
+  ariaLabel,
+  id,
+  name,
+  size = "md",
+  variant
+}) {
+  const handleChange = (e) => {
+    onChange?.(e.target.checked);
+  };
+  const sizeStyles = {
+    xs: {
+      container: "h-4 w-8",
+      handle: "h-3 w-3",
+      padding: "p-0.5",
+      translate: checked ? "translate-x-4" : "translate-x-0"
+    },
+    sm: {
+      container: "h-5 w-10",
+      handle: "h-4 w-4",
+      padding: "p-0.5",
+      translate: checked ? "translate-x-5" : "translate-x-0"
+    },
+    md: {
+      container: "h-6 w-12",
+      handle: "h-5 w-5",
+      padding: "p-0.5",
+      translate: checked ? "translate-x-6" : "translate-x-0"
+    },
+    lg: {
+      container: "h-7 w-14",
+      handle: "h-6 w-6",
+      padding: "p-0.5",
+      translate: checked ? "translate-x-7" : "translate-x-0"
+    },
+    xl: {
+      container: "h-8 w-16",
+      handle: "h-7 w-7",
+      padding: "p-0.5",
+      translate: checked ? "translate-x-8" : "translate-x-0"
+    }
+  };
+  const getVariantColors = () => {
+    if (!checked) {
+      return "bg-input border-input";
+    }
+    switch (variant) {
+      case "accent":
+        return "bg-accent border-accent";
+      case "success":
+        return "bg-success border-success";
+      case "warning":
+        return "bg-warning border-warning";
+      case "info":
+        return "bg-info border-info";
+      case "error":
+        return "bg-error border-error";
+      case "neutral":
+        return "bg-neutral border-neutral";
+      case "primary":
+      default:
+        return "bg-primary border-primary";
+    }
+  };
+  const styles = sizeStyles[size];
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: `relative inline-flex ${styles.container} ${styles.padding} items-center rounded-full border transition-all duration-200 cursor-pointer ${disabled ? "opacity-30 cursor-not-allowed" : ""} ${getVariantColors()} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            role: "switch",
+            checked,
+            onChange: handleChange,
+            disabled,
+            "aria-label": ariaLabel,
+            id,
+            name,
+            className: "sr-only"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `inline-block ${styles.handle} rounded-full bg-background shadow-sm transition-transform duration-200 ${styles.translate}`
+          }
+        )
+      ]
+    }
+  );
+}
+Switch.displayName = "Switch";
+export {
+  Switch as default
+};
+//# sourceMappingURL=switch.js.map

package/dist/components/forms/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../../src/components/forms/switch/switch.tsx"],"sourcesContent":["import React from 'react';\n\nexport type SwitchProps = {\n  /** Controlled checked state - true for on, false for off */\n  checked?: boolean;\n  /** Change handler receiving the new boolean checked state */\n  onChange?: (checked: boolean) => void;\n  /** Disables switch interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Additional CSS classes applied to the switch container */\n  className?: string;\n  /** Accessible label for screen readers when visual label is not present */\n  ariaLabel?: string;\n  /** HTML id attribute for the underlying input element */\n  id?: string;\n  /** Form input name attribute */\n  name?: string;\n  /** Size variant affecting switch dimensions - uses unified size system */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Color variant affecting background when checked - defaults to primary if not specified */\n  variant?: 'primary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | 'neutral';\n};\n\n/**\n * Accessible Switch/Toggle component - DaisyUI inspired\n * Uses pure Tailwind classes for styling\n */\nfunction Switch({\n  checked = false,\n  onChange,\n  disabled = false,\n  className = '',\n  ariaLabel,\n  id,\n  name,\n  size = 'md',\n  variant\n}: Readonly<SwitchProps>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e.target.checked);\n  };\n\n  // Size configurations\n  const sizeStyles = {\n    xs: {\n      container: 'h-4 w-8',\n      handle: 'h-3 w-3',\n      padding: 'p-0.5',\n      translate: checked ? 'translate-x-4' : 'translate-x-0'\n    },\n    sm: {\n      container: 'h-5 w-10',\n      handle: 'h-4 w-4',\n      padding: 'p-0.5',\n      translate: checked ? 'translate-x-5' : 'translate-x-0'\n    },\n    md: {\n      container: 'h-6 w-12',\n      handle: 'h-5 w-5',\n      padding: 'p-0.5',\n      translate: checked ? 'translate-x-6' : 'translate-x-0'\n    },\n    lg: {\n      container: 'h-7 w-14',\n      handle: 'h-6 w-6',\n      padding: 'p-0.5',\n      translate: checked ? 'translate-x-7' : 'translate-x-0'\n    },\n    xl: {\n      container: 'h-8 w-16',\n      handle: 'h-7 w-7',\n      padding: 'p-0.5',\n      translate: checked ? 'translate-x-8' : 'translate-x-0'\n    }\n  };\n\n  // Color variants\n  const getVariantColors = () => {\n    if (!checked) {\n      return 'bg-input border-input';\n    }\n\n    switch (variant) {\n      case 'accent':\n        return 'bg-accent border-accent';\n      case 'success':\n        return 'bg-success border-success';\n      case 'warning':\n        return 'bg-warning border-warning';\n      case 'info':\n        return 'bg-info border-info';\n      case 'error':\n        return 'bg-error border-error';\n      case 'neutral':\n        return 'bg-neutral border-neutral';\n      case 'primary':\n      default:\n        return 'bg-primary border-primary';\n    }\n  };\n\n  const styles = sizeStyles[size];\n\n  return (\n    <label\n      className={`relative inline-flex ${styles.container} ${styles.padding} items-center rounded-full border transition-all duration-200 cursor-pointer ${\n        disabled ? 'opacity-30 cursor-not-allowed' : ''\n      } ${getVariantColors()} ${className}`}\n    >\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        id={id}\n        name={name}\n        className=\"sr-only\"\n      />\n      <span\n        className={`inline-block ${styles.handle} rounded-full bg-background shadow-sm transition-transform duration-200 ${styles.translate}`}\n      />\n    </label>\n  );\n}\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":[],"mappings":";AA2BA,SAAS,OAAO;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAA0B;AACxB,QAAM,eAAe,CAAC,MAA2C;AAC/D,eAAW,EAAE,OAAO,OAAO;AAAA,EAC7B;AAGA,QAAM,aAAa;AAAA,IACjB,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW,UAAU,kBAAkB;AAAA,IAAA;AAAA,IAEzC,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW,UAAU,kBAAkB;AAAA,IAAA;AAAA,IAEzC,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW,UAAU,kBAAkB;AAAA,IAAA;AAAA,IAEzC,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW,UAAU,kBAAkB;AAAA,IAAA;AAAA,IAEzC,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW,UAAU,kBAAkB;AAAA,IAAA;AAAA,EACzC;AAIF,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,YAAQ,SAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,SAAS,WAAW,IAAI;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwB,OAAO,SAAS,IAAI,OAAO,OAAO,gFACnE,WAAW,kCAAkC,EAC/C,IAAI,iBAAA,CAAkB,IAAI,SAAS;AAAA,MAEnC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA,cAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,gBAAgB,OAAO,MAAM,2EAA2E,OAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACrI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,OAAO,cAAc;"}

package/dist/components/forms/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './textarea';
+export type { TextareaProps } from './textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/forms/textarea/textarea.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+import { ValidationState } from '../../../theme/size-tokens';
+export type { ValidationState };
+export type TextareaProps = {
+    /** Current textarea value (controlled) */
+    value?: string;
+    /** Default value for uncontrolled textarea */
+    defaultValue?: string;
+    /** Change event handler for controlled textarea */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** Focus event handler */
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    /** Blur event handler */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    /** Placeholder text displayed when textarea is empty */
+    placeholder?: string;
+    /** Disables textarea interaction and applies disabled styling */
+    disabled?: boolean;
+    /** Accessible label for screen readers */
+    ariaLabel?: string;
+    /** React ref for the textarea element */
+    ref?: React.Ref<HTMLTextAreaElement>;
+    /** HTML id attribute for the textarea */
+    id?: string;
+    /** HTML name attribute for form submission */
+    name?: string;
+    /** Number of visible text rows */
+    rows?: number;
+    /** Marks textarea as required for form validation */
+    required?: boolean;
+    /** Visual validation state affecting border color and styling */
+    validationState?: ValidationState;
+    /** Maximum length of textarea value */
+    maxLength?: number;
+    /** Makes textarea read-only */
+    readOnly?: boolean;
+    /** Controls resize behavior */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+};
+/**
+ * Textarea - Accessible multi-line text input with validation state support
+ *
+ * @example
+ * ```tsx
+ * <Textarea placeholder="Enter description" rows={4} />
+ * <Textarea validationState="error" placeholder="Invalid input" />
+ * ```
+ */
+declare function Textarea({ value, defaultValue, onChange, onFocus, onBlur, placeholder, disabled, ariaLabel, ref, id, name, rows, required, validationState, maxLength, readOnly, resize }: Readonly<TextareaProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
+}
+export default Textarea;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/forms/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7D,yBAAyB;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC5D,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACtD,CAAC;AASF;;;;;;;;GAQG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,EACH,EAAE,EACF,IAAI,EACJ,IAAQ,EACR,QAAgB,EAChB,eAA2B,EAC3B,SAAS,EACT,QAAgB,EAChB,MAAmB,EACpB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAsBzB;kBAxCQ,QAAQ;;;AA4CjB,eAAe,QAAQ,CAAC"}

package/dist/components/forms/textarea/textarea.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { inputBaseClasses, validationBorderClasses, validationRingClasses } from "../../../theme/size-tokens.js";
+const resizeClasses = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+function Textarea({
+  value,
+  defaultValue,
+  onChange,
+  onFocus,
+  onBlur,
+  placeholder,
+  disabled = false,
+  ariaLabel,
+  ref,
+  id,
+  name,
+  rows = 3,
+  required = false,
+  validationState = "neutral",
+  maxLength,
+  readOnly = false,
+  resize = "vertical"
+}) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      value,
+      defaultValue,
+      ref,
+      onChange,
+      onFocus,
+      onBlur,
+      placeholder,
+      disabled,
+      "aria-label": ariaLabel,
+      id,
+      name,
+      rows,
+      required,
+      readOnly,
+      maxLength,
+      "aria-invalid": validationState === "error",
+      className: `${inputBaseClasses} w-full min-h-[100px] sm:min-h-20 px-4 sm:px-3 py-3 sm:py-2 text-base sm:text-sm ${resizeClasses[resize]} ${validationBorderClasses[validationState]} ${validationRingClasses[validationState]}`
+    }
+  );
+}
+Textarea.displayName = "Textarea";
+export {
+  Textarea as default
+};
+//# sourceMappingURL=textarea.js.map

package/dist/components/forms/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../../src/components/forms/textarea/textarea.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  validationBorderClasses,\n  validationRingClasses,\n  inputBaseClasses,\n  type ValidationState\n} from '../../../theme/size-tokens';\n\nexport type { ValidationState };\n\nexport type TextareaProps = {\n  /** Current textarea value (controlled) */\n  value?: string;\n  /** Default value for uncontrolled textarea */\n  defaultValue?: string;\n  /** Change event handler for controlled textarea */\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Focus event handler */\n  onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;\n  /** Blur event handler */\n  onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;\n  /** Placeholder text displayed when textarea is empty */\n  placeholder?: string;\n  /** Disables textarea interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Accessible label for screen readers */\n  ariaLabel?: string;\n  /** React ref for the textarea element */\n  ref?: React.Ref<HTMLTextAreaElement>;\n  /** HTML id attribute for the textarea */\n  id?: string;\n  /** HTML name attribute for form submission */\n  name?: string;\n  /** Number of visible text rows */\n  rows?: number;\n  /** Marks textarea as required for form validation */\n  required?: boolean;\n  /** Visual validation state affecting border color and styling */\n  validationState?: ValidationState;\n  /** Maximum length of textarea value */\n  maxLength?: number;\n  /** Makes textarea read-only */\n  readOnly?: boolean;\n  /** Controls resize behavior */\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both';\n};\n\nconst resizeClasses = {\n  none: 'resize-none',\n  vertical: 'resize-y',\n  horizontal: 'resize-x',\n  both: 'resize'\n} as const;\n\n/**\n * Textarea - Accessible multi-line text input with validation state support\n *\n * @example\n * ```tsx\n * <Textarea placeholder=\"Enter description\" rows={4} />\n * <Textarea validationState=\"error\" placeholder=\"Invalid input\" />\n * ```\n */\nfunction Textarea({\n  value,\n  defaultValue,\n  onChange,\n  onFocus,\n  onBlur,\n  placeholder,\n  disabled = false,\n  ariaLabel,\n  ref,\n  id,\n  name,\n  rows = 3,\n  required = false,\n  validationState = 'neutral',\n  maxLength,\n  readOnly = false,\n  resize = 'vertical'\n}: Readonly<TextareaProps>) {\n  return (\n    <textarea\n      value={value}\n      defaultValue={defaultValue}\n      ref={ref}\n      onChange={onChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      placeholder={placeholder}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      id={id}\n      name={name}\n      rows={rows}\n      required={required}\n      readOnly={readOnly}\n      maxLength={maxLength}\n      aria-invalid={validationState === 'error'}\n      className={`${inputBaseClasses} w-full min-h-[100px] sm:min-h-20 px-4 sm:px-3 py-3 sm:py-2 text-base sm:text-sm ${resizeClasses[resize]} ${validationBorderClasses[validationState]} ${validationRingClasses[validationState]}`}\n    />\n  );\n}\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":[],"mappings":";;AAgDA,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AACR;AAWA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AACX,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAc,oBAAoB;AAAA,MAClC,WAAW,GAAG,gBAAgB,oFAAoF,cAAc,MAAM,CAAC,IAAI,wBAAwB,eAAe,CAAC,IAAI,sBAAsB,eAAe,CAAC;AAAA,IAAA;AAAA,EAAA;AAGnO;AAEA,SAAS,cAAc;"}

package/dist/components/index.d.ts

@@ -0,0 +1,124 @@
+/**
+ * Central barrel exporting all public UI components.
+ * Import from '@/components' (or from the package) to keep paths stable when restructuring.
+ */
+export type { ColorVariant, CommonColorVariant, NotificationColorVariant, ThemeColor, ThemeColorProp } from '../theme/tokens';
+export { default as ThemeProvider, useTheme } from './system/theme-provider/theme-provider';
+export { default as ColorModeToggle } from './system/color-mode-toggle/color-mode-toggle';
+export { default as Icon } from './system/icon/icon';
+export { default as AuthProvider, useAuth } from './system/auth-provider';
+export { authFetch, checkAuthStatus, getCurrentUser, loginExternal, logoutExternal, redirectToLogin, openLoginPopup } from './system/auth-provider';
+export { HyddenLogo } from './branding/hydden-logo';
+export { GoogleLogo } from './branding/google-logo';
+export { MicrosoftLogo } from './branding/microsoft-logo';
+export { default as Container } from './layout/container/container';
+export { default as Grid } from './layout/grid/grid';
+export { default as Page } from './layout/page/page';
+export { default as PageHeader } from './layout/page-header/page-header';
+export { default as Section } from './layout/section/section';
+export { default as SectionHeader } from './layout/section-header/section-header';
+export { default as Stack } from './layout/stack/stack';
+export { default as Accordion, AccordionItem } from './layout/accordion/accordion';
+export { default as Divider } from './layout/divider/divider';
+export { default as Drawer } from './layout/drawer/drawer';
+export { default as Card } from './layout/card/card';
+export { default as CardHeader } from './layout/card/card-header';
+export { default as CardBody } from './layout/card/card-body';
+export { default as CardFooter } from './layout/card/card-footer';
+export { default as CardActions } from './layout/card/card-actions';
+export { default as CardFigure } from './layout/card/card-figure';
+export { default as CardTitle } from './layout/card/card-title';
+export { ActionCard } from './layout/action-card/action-card';
+export type { ActionCardProps, ActionCardButton, ActionCardItem, ActionCardItemAction } from './layout/action-card/action-card';
+export { default as LeftNavLayout } from './layout/left-nav-layout/left-nav-layout';
+export { default as LeftNavItem } from './layout/left-nav-layout/left-nav-item';
+export { default as LeftNavSection } from './layout/left-nav-layout/left-nav-section';
+export { default as Hero } from './layout/hero/hero';
+export { default as FeatureSection } from './layout/feature-section/feature-section';
+export { default as Footer } from './layout/footer/footer';
+export { default as PageTransition } from './layout/page-transition/page-transition';
+export { SettingsPage, SettingsSection, SettingItem } from './layout/settings-page';
+export type { SettingsPageProps, SettingsSectionProps, SettingItemProps } from './layout/settings-page';
+export { default as Breadcrumbs } from './navigation/breadcrumbs/breadcrumbs';
+export { default as Dropdown, DropdownItem, DropdownSeparator } from './navigation/dropdown/dropdown';
+export { default as Nav } from './navigation/nav/nav';
+export { default as Sidebar } from './navigation/sidebar/sidebar';
+export { default as Stepper } from './navigation/stepper/stepper';
+export { default as Tabs } from './navigation/tabs/tabs';
+export { default as Pagination } from './navigation/pagination/pagination';
+export { default as Navbar } from './navigation/navbar/navbar';
+export { default as NavbarBrand } from './navigation/navbar/navbar-brand';
+export { default as NavbarLink } from './navigation/navbar/navbar-link';
+export { default as NavbarToggle } from './navigation/navbar/navbar-toggle';
+export { default as NavDropdown } from './navigation/nav-dropdown/nav-dropdown';
+export { default as NavDropdownItem } from './navigation/nav-dropdown/nav-dropdown-item';
+export { default as ScrollNav } from './navigation/scroll-nav/scroll-nav';
+export type { ScrollNavProps, ScrollNavItem } from './navigation/scroll-nav/scroll-nav';
+export { default as NotificationDropdown } from './navigation/notification-dropdown/notification-dropdown';
+export type { Notification, NotificationType, NotificationDropdownProps } from './navigation/notification-dropdown/notification-dropdown';
+export { default as Avatar } from './data-display/avatar/avatar';
+export { default as Badge } from './data-display/badge/badge';
+export { default as StatusLabel } from './data-display/badge/status-label';
+export { default as Chip } from './data-display/chip/chip';
+export { default as CodeBlock } from './data-display/code-block/code-block';
+export { default as DataTable } from './data-display/data-table/data-table';
+export type { ColumnDef, DataTableAction, DataTableActionItem } from './data-display/data-table/data-table';
+export { default as useTable } from './data-display/data-table/use-table';
+export { default as EmptyState } from './data-display/empty-state/empty-state';
+export { default as List, ListItem } from './data-display/list/list';
+export { default as Timeline, TimelineItem } from './data-display/timeline/timeline';
+export { default as Table, TableHeader, TableBody, TableFooter, TableRow, TableHeadCell, TableCell } from './data-display/table/table';
+export { default as Alert } from './feedback/alert/alert';
+export { default as Dialog } from './feedback/dialog/dialog';
+export { default as DeleteDialog } from './feedback/dialog/delete-dialog';
+export { default as Modal } from './feedback/modal/modal';
+export { default as OverlayProvider } from './feedback/overlay/useOverlay';
+export { default as Popover } from './feedback/popover/popover';
+export { default as ProgressBar } from './feedback/progress-bar/progress-bar';
+export { default as LoadingContainer } from './feedback/loading-container/loading-container';
+export type { LoadingContainerProps } from './feedback/loading-container/loading-container';
+export { default as Skeleton } from './feedback/skeleton/skeleton';
+export { default as SmoothTransition, useStaggeredTransition } from './feedback/smooth-transition/smooth-transition';
+export type { SmoothTransitionProps, TransitionType, TransitionDuration } from './feedback/smooth-transition/smooth-transition';
+export { default as Spinner } from './feedback/spinner/spinner';
+export { default as Toast } from './feedback/toast/toast';
+export { default as Tooltip } from './feedback/tooltip/tooltip';
+export { Error400, Error401, Error403, Error404 } from './feedback/error-page';
+export type { Error400Props, Error401Props, Error403Props, Error404Props } from './feedback/error-page';
+export { default as Button } from './forms/button/button';
+export { default as ButtonGroup } from './forms/button-group/button-group';
+export { default as InlineButton } from './forms/button/inline-button';
+export { default as ButtonWithIcon } from './forms/button/button-with-icon';
+export { default as IconButton } from './forms/button/icon-button';
+export { default as Calendar } from './forms/calendar/calendar';
+export { default as DatePicker } from './forms/date-picker/date-picker';
+export { default as Checkbox } from './forms/checkbox/checkbox';
+export { default as CodeInput } from './forms/code/code';
+export { default as EditableText } from './forms/editable-text/editable-text';
+export type { EditableTextProps } from './forms/editable-text/editable-text';
+export { default as Fieldset } from './forms/fieldset/fieldset';
+export { default as Form } from './forms/form/form';
+export { default as FormCheckbox } from './forms/form-checkbox/form-checkbox';
+export { default as FormCheckboxGroup } from './forms/form-checkbox-group/form-checkbox-group';
+export type { FormCheckboxProps } from './forms/form-checkbox/form-checkbox';
+export type { FormCheckboxGroupProps } from './forms/form-checkbox-group/form-checkbox-group';
+export { default as FormInput } from './forms/form-input/form-input';
+export { default as FormSelect } from './forms/form-select/form-select';
+export { default as FormTextarea } from './forms/form-textarea/form-textarea';
+export { default as Input } from './forms/input/input';
+export { default as InputGroup } from './forms/input-group/input-group';
+export { default as MultiSelect } from './forms/multi-select/multi-select';
+export { default as Radio } from './forms/radio/radio';
+export { default as RadioGroup } from './forms/radio-group/radio-group';
+export { default as Select } from './forms/select/select';
+export { default as SelectItem } from './forms/select/select-item';
+export { default as Slider } from './forms/slider/slider';
+export { default as Switch } from './forms/switch/switch';
+export { default as Textarea } from './forms/textarea/textarea';
+export { default as Heading } from './typography/heading/heading';
+export { default as Link } from './typography/link/link';
+export { default as Text } from './typography/text/text';
+export { default as Code } from './typography/code/code';
+export { default as useScrollReset } from '../hooks/useScrollReset';
+export { default as useDebounce } from '../hooks/useDebounce';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}