@treeal/ds 0.1.4 → 0.1.5

package/dist/index.cjs9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs9.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState    = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\nexport type InputType     = 'text' | 'email' | 'password' | 'search' | 'date';\n\n// ─── Built-in SVG icons ───────────────────────────────────────────────────────\n\nfunction IconEmail() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconSearch() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n      <path d=\"M16.5 16.5L21 21\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconCalendar() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconLock() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M8 11V7a4 4 0 0 1 8 0v4\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconEye() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"1.75\"/>\n    </svg>\n  );\n}\n\nfunction IconEyeOff() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M1 1l22 22\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\n  /**\n   * Semantic input type. Sets the correct HTML type and auto-adds icons.\n   * - email    → envelope icon left\n   * - password → lock icon left + show/hide toggle right\n   * - search   → search icon left + green search button right\n   * - date     → calendar icon right\n   */\n  inputType?: InputType;\n  /** Label text rendered above the field. */\n  label?: string;\n  placeholder?: string;\n  /** Helper or error message rendered below the field. */\n  message?: string;\n  /** Info icon rendered beside the label. */\n  iconLabel?: React.ReactNode;\n  /** Icon rendered inside the field, left side (24×24 slot). */\n  iconLeft?: React.ReactNode;\n  /** Icon rendered inside the field, right side (24×24 slot). */\n  iconRight?: React.ReactNode;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Called when search button is clicked (only for inputType=\"search\") */\n  onSearch?: () => void;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Input({\n  state = 'Default',\n  inputType = 'text',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  onSearch,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [showPassword, setShowPassword] = useState(false);\n\n  const isDisabled = state === 'Disabled';\n  const isError    = state === 'Error';\n\n  // ── Resolve HTML type ──────────────────────────────────────────────────────\n  const htmlType = inputType === 'password'\n    ? (showPassword ? 'text' : 'password')\n    : inputType === 'search'\n    ? 'text'\n    : inputType;\n\n  // ── Resolve built-in icons ─────────────────────────────────────────────────\n  const resolvedIconLeft: React.ReactNode =\n    iconLeft ??\n    (inputType === 'email'    ? <IconEmail />    :\n     inputType === 'password' ? <IconLock />     :\n     undefined);\n\n  const resolvedIconRight: React.ReactNode =\n    iconRight ??\n    (inputType === 'password'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.toggleBtn}\n          onClick={() => setShowPassword((v) => !v)}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          tabIndex={-1}\n        >\n          {showPassword ? <IconEye /> : <IconEyeOff />}\n        </button>\n      )\n      : inputType === 'date'\n      ? <IconCalendar />\n      : inputType === 'search'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.searchBtn}\n          onClick={onSearch}\n          aria-label=\"Buscar\"\n          tabIndex={-1}\n        >\n          <IconSearch />\n        </button>\n      )\n      : undefined);\n\n  const fieldClass = [\n    styles.field,\n    state === 'Hover'  ? styles.hover   : '',\n    state === 'Active' ? styles.active  : '',\n    isDisabled         ? styles.disabled : '',\n    isError            ? styles.error   : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={styles.wrapper}>\n      {label && (\n        <div className={styles.labelRow}>\n          <label\n            htmlFor={id}\n            className={[styles.label, isDisabled ? styles.labelDisabled : '']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n          {iconLabel && (\n            <span className={styles.labelIcon} aria-hidden=\"true\">\n              {iconLabel}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className={fieldClass}>\n        {resolvedIconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {resolvedIconLeft}\n          </span>\n        )}\n        <input\n          id={id}\n          type={htmlType}\n          className={styles.input}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          value={value}\n          onChange={onChange}\n          aria-invalid={isError}\n          aria-describedby={message ? `${id}-message` : undefined}\n          {...props}\n        />\n        {resolvedIconRight && (\n          <span className={[styles.icon, inputType === 'search' || inputType === 'password' ? styles.iconAction : ''].filter(Boolean).join(' ')}>\n            {resolvedIconRight}\n          </span>\n        )}\n      </div>\n\n      {message && (\n        <p\n          id={`${id}-message`}\n          className={[styles.message, isError ? styles.messageError : '']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["IconEmail","jsxs","jsx","IconSearch","IconCalendar","IconLock","IconEye","IconEyeOff","Input","state","inputType","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","onSearch","idProp","className","props","generatedId","useId","id","showPassword","setShowPassword","useState","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","fieldClass"],"mappings":"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"}
+{"version":3,"file":"index.cjs9.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState    = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\nexport type InputType     = 'text' | 'email' | 'password' | 'search' | 'date';\nexport type InputSize     = 'sm' | 'md';\n\n// ─── Built-in SVG icons ───────────────────────────────────────────────────────\n\nfunction IconEmail() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconSearch() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n      <path d=\"M16.5 16.5L21 21\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconCalendar() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconLock() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M8 11V7a4 4 0 0 1 8 0v4\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconEye() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"1.75\"/>\n    </svg>\n  );\n}\n\nfunction IconEyeOff() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M1 1l22 22\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\n  /** Size variant. sm = 36px height, md = 48px height. Defaults to 'md'. */\n  size?: InputSize;\n  /**\n   * Semantic input type. Sets the correct HTML type and auto-adds icons.\n   * - email    → envelope icon left\n   * - password → lock icon left + show/hide toggle right\n   * - search   → search icon left + green search button right\n   * - date     → calendar icon right\n   */\n  inputType?: InputType;\n  /** Label text rendered above the field. */\n  label?: string;\n  placeholder?: string;\n  /** Helper or error message rendered below the field. */\n  message?: string;\n  /** Info icon rendered beside the label. */\n  iconLabel?: React.ReactNode;\n  /** Icon rendered inside the field, left side (24×24 slot). */\n  iconLeft?: React.ReactNode;\n  /** Icon rendered inside the field, right side (24×24 slot). */\n  iconRight?: React.ReactNode;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Called when search button is clicked (only for inputType=\"search\") */\n  onSearch?: () => void;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Input({\n  state = 'Default',\n  size = 'md',\n  inputType = 'text',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  onSearch,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [showPassword, setShowPassword] = useState(false);\n\n  const isDisabled = state === 'Disabled';\n  const isError    = state === 'Error';\n\n  // ── Resolve HTML type ──────────────────────────────────────────────────────\n  const htmlType = inputType === 'password'\n    ? (showPassword ? 'text' : 'password')\n    : inputType === 'search'\n    ? 'text'\n    : inputType;\n\n  // ── Resolve built-in icons ─────────────────────────────────────────────────\n  const resolvedIconLeft: React.ReactNode =\n    iconLeft ??\n    (inputType === 'email'    ? <IconEmail />    :\n     inputType === 'password' ? <IconLock />     :\n     undefined);\n\n  const resolvedIconRight: React.ReactNode =\n    iconRight ??\n    (inputType === 'password'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.toggleBtn}\n          onClick={() => setShowPassword((v) => !v)}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          tabIndex={-1}\n        >\n          {showPassword ? <IconEye /> : <IconEyeOff />}\n        </button>\n      )\n      : inputType === 'date'\n      ? <IconCalendar />\n      : inputType === 'search'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.searchBtn}\n          onClick={onSearch}\n          aria-label=\"Buscar\"\n          tabIndex={-1}\n        >\n          <IconSearch />\n        </button>\n      )\n      : undefined);\n\n  const fieldClass = [\n    styles.field,\n    size === 'sm' ? styles.fieldSm : styles.fieldMd,\n    state === 'Hover'  ? styles.hover   : '',\n    state === 'Active' ? styles.active  : '',\n    isDisabled         ? styles.disabled : '',\n    isError            ? styles.error   : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={styles.wrapper}>\n      {label && (\n        <div className={styles.labelRow}>\n          <label\n            htmlFor={id}\n            className={[styles.label, isDisabled ? styles.labelDisabled : '']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n          {iconLabel && (\n            <span className={styles.labelIcon} aria-hidden=\"true\">\n              {iconLabel}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className={fieldClass}>\n        {resolvedIconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {resolvedIconLeft}\n          </span>\n        )}\n        <input\n          id={id}\n          type={htmlType}\n          className={styles.input}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          value={value}\n          onChange={onChange}\n          aria-invalid={isError}\n          aria-describedby={message ? `${id}-message` : undefined}\n          {...props}\n        />\n        {resolvedIconRight && (\n          <span className={[styles.icon, inputType === 'search' || inputType === 'password' ? styles.iconAction : ''].filter(Boolean).join(' ')}>\n            {resolvedIconRight}\n          </span>\n        )}\n      </div>\n\n      {message && (\n        <p\n          id={`${id}-message`}\n          className={[styles.message, isError ? styles.messageError : '']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["IconEmail","jsxs","jsx","IconSearch","IconCalendar","IconLock","IconEye","IconEyeOff","Input","state","size","inputType","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","onSearch","idProp","className","props","generatedId","useId","id","showPassword","setShowPassword","useState","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","fieldClass"],"mappings":"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"}

package/dist/index.esm10.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
 import { useCallback as u, useEffect as v } from "react";
-import e from "./index.esm23.js";
+import e from "./index.esm24.js";
 function k({
   isOpen: d,
   title: m,

package/dist/index.esm11.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import e from "./index.esm26.js";
+import e from "./index.esm27.js";
 function m() {
   return /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }

package/dist/index.esm12.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import r from "./index.esm21.js";
+import r from "./index.esm25.js";
 const f = { xs: 12, md: 20, lg: 24 }, v = ({ s: i }) => /* @__PURE__ */ a("svg", { width: i, height: i, viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "2", cy: "6", r: "1.25" }),
   /* @__PURE__ */ n("circle", { cx: "6", cy: "6", r: "1.25" }),

package/dist/index.esm13.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useId as N } from "react";
-import e from "./index.esm19.js";
+import e from "./index.esm21.js";
 function B() {
   return /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M5 7.5l5 5 5-5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }

package/dist/index.esm15.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import s from "./index.esm22.js";
+import s from "./index.esm28.js";
 function p({ items: o, activeId: n, onChange: r, className: d }) {
   return /* @__PURE__ */ e(
     "div",

package/dist/index.esm16.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useRef as L, useState as w } from "react";
-import r from "./index.esm20.js";
+import r from "./index.esm23.js";
 const y = () => /* @__PURE__ */ a("svg", { viewBox: "0 0 12 12", width: "12", height: "12", "aria-hidden": "true", children: [
   /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: "fileGrad", x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [
     /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#2970FF" }),

package/dist/index.esm19.js

@@ -1,26 +1,64 @@
-const e = "_wrapper_pivx7_3", s = "_label_pivx7_13", r = "_labelDisabled_pivx7_23", _ = "_field_pivx7_29", l = "_select_pivx7_36", o = "_placeholder_pivx7_75", a = "_error_pivx7_81", c = "_chevron_pivx7_93", p = "_message_pivx7_109", t = "_messageError_pivx7_123", i = {
-  wrapper: e,
-  label: s,
-  labelDisabled: r,
-  field: _,
-  select: l,
-  placeholder: o,
-  error: a,
-  chevron: c,
-  message: p,
-  messageError: t
+const a = "_header_1jw5v_25", e = "_variantDefault_1jw5v_36", t = "_variantMobile_1jw5v_37", o = "_variantMobileOpen_1jw5v_38", s = "_pageTitle_1jw5v_49", _ = "_pageTitleDesktop_1jw5v_63", n = "_pageTitleMobile_1jw5v_64", c = "_actions_1jw5v_68", r = "_actionsMobileOpen_1jw5v_76", w = "_workspace_1jw5v_86", v = "_workspaceFull_1jw5v_104", i = "_workspaceLeft_1jw5v_110", l = "_statusDot_1jw5v_118", p = "_workspaceCol_1jw5v_126", j = "_workspaceAccount_1jw5v_134", u = "_workspaceName_1jw5v_144", k = "_workspaceArrow_1jw5v_156", m = "_bellBtn_1jw5v_168", b = "_menuBtn_1jw5v_188", g = "_menuIcon_1jw5v_208", M = "_navUser_1jw5v_219", T = "_avatar_1jw5v_227", A = "_avatarImg_1jw5v_239", B = "_avatarInitials_1jw5v_248", D = "_userText_1jw5v_255", I = "_userName_1jw5v_262", f = "_userRole_1jw5v_271", N = "_ctaBtn_1jw5v_282", O = "_mainActions_1jw5v_307", d = {
+  header: a,
+  variantDefault: e,
+  variantMobile: t,
+  variantMobileOpen: o,
+  pageTitle: s,
+  pageTitleDesktop: _,
+  pageTitleMobile: n,
+  actions: c,
+  actionsMobileOpen: r,
+  workspace: w,
+  workspaceFull: v,
+  workspaceLeft: i,
+  statusDot: l,
+  workspaceCol: p,
+  workspaceAccount: j,
+  workspaceName: u,
+  workspaceArrow: k,
+  bellBtn: m,
+  menuBtn: b,
+  menuIcon: g,
+  navUser: M,
+  avatar: T,
+  avatarImg: A,
+  avatarInitials: B,
+  userText: D,
+  userName: I,
+  userRole: f,
+  ctaBtn: N,
+  mainActions: O
 };
 export {
-  c as chevron,
-  i as default,
-  a as error,
-  _ as field,
-  s as label,
-  r as labelDisabled,
-  p as message,
-  t as messageError,
-  o as placeholder,
-  l as select,
-  e as wrapper
+  c as actions,
+  r as actionsMobileOpen,
+  T as avatar,
+  A as avatarImg,
+  B as avatarInitials,
+  m as bellBtn,
+  N as ctaBtn,
+  d as default,
+  a as header,
+  O as mainActions,
+  b as menuBtn,
+  g as menuIcon,
+  M as navUser,
+  s as pageTitle,
+  _ as pageTitleDesktop,
+  n as pageTitleMobile,
+  l as statusDot,
+  I as userName,
+  f as userRole,
+  D as userText,
+  e as variantDefault,
+  t as variantMobile,
+  o as variantMobileOpen,
+  w as workspace,
+  j as workspaceAccount,
+  k as workspaceArrow,
+  p as workspaceCol,
+  v as workspaceFull,
+  i as workspaceLeft,
+  u as workspaceName
 };
 //# sourceMappingURL=index.esm19.js.map

package/dist/index.esm19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm19.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.esm19.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm20.js

@@ -1,64 +1,26 @@
-const o = "_dropzone_19kgn_8", e = "_dropzoneMd_19kgn_22", n = "_dropzoneLg_19kgn_29", _ = "_dropzoneDragging_19kgn_39", t = "_dropzoneIconMd_19kgn_48", r = "_dropzoneIconLg_19kgn_56", s = "_dropzoneContent_19kgn_67", g = "_dropzoneTitleRow_19kgn_81", i = "_dropzoneTitle_19kgn_81", p = "_dropzoneBrowse_19kgn_99", l = "_dropzoneSubtitle_19kgn_114", d = "_fileList_19kgn_128", c = "_fileItem_19kgn_137", z = "_fileItemLg_19kgn_150", k = "_fileItemMd_19kgn_155", f = "_fileBadge_19kgn_161", a = "_fileContent_19kgn_176", I = "_fileHeader_19kgn_186", L = "_fileTexts_19kgn_193", m = "_fileName_19kgn_202", w = "_fileSize_19kgn_216", T = "_actions_19kgn_229", B = "_actionBtn_19kgn_236", M = "_progressRow_19kgn_259", b = "_progressTrack_19kgn_267", C = "_progressFill_19kgn_277", R = "_progressLabel_19kgn_288", S = "_spinner_19kgn_301", u = "_wrapper_19kgn_317", x = {
-  dropzone: o,
-  dropzoneMd: e,
-  dropzoneLg: n,
-  dropzoneDragging: _,
-  dropzoneIconMd: t,
-  dropzoneIconLg: r,
-  dropzoneContent: s,
-  dropzoneTitleRow: g,
-  dropzoneTitle: i,
-  dropzoneBrowse: p,
-  dropzoneSubtitle: l,
-  fileList: d,
-  fileItem: c,
-  fileItemLg: z,
-  fileItemMd: k,
-  fileBadge: f,
-  fileContent: a,
-  fileHeader: I,
-  fileTexts: L,
-  fileName: m,
-  fileSize: w,
-  actions: T,
-  actionBtn: B,
-  progressRow: M,
-  progressTrack: b,
-  progressFill: C,
-  progressLabel: R,
-  spinner: S,
-  wrapper: u
+const o = "_button_1hwro_8", _ = "_sm_1hwro_40", t = "_md_1hwro_48", n = "_outline_1hwro_58", s = "_fill_1hwro_74", l = "_secondary_1hwro_89", e = "_text_1hwro_104", c = "_disabled_1hwro_119", r = "_label_1hwro_130", d = "_icon_1hwro_136", i = {
+  button: o,
+  sm: _,
+  md: t,
+  outline: n,
+  fill: s,
+  secondary: l,
+  text: e,
+  disabled: c,
+  label: r,
+  icon: d
 };
 export {
-  B as actionBtn,
-  T as actions,
-  x as default,
-  o as dropzone,
-  p as dropzoneBrowse,
-  s as dropzoneContent,
-  _ as dropzoneDragging,
-  r as dropzoneIconLg,
-  t as dropzoneIconMd,
-  n as dropzoneLg,
-  e as dropzoneMd,
-  l as dropzoneSubtitle,
-  i as dropzoneTitle,
-  g as dropzoneTitleRow,
-  f as fileBadge,
-  a as fileContent,
-  I as fileHeader,
-  c as fileItem,
-  z as fileItemLg,
-  k as fileItemMd,
-  d as fileList,
-  m as fileName,
-  w as fileSize,
-  L as fileTexts,
-  C as progressFill,
-  R as progressLabel,
-  M as progressRow,
-  b as progressTrack,
-  S as spinner,
-  u as wrapper
+  o as button,
+  i as default,
+  c as disabled,
+  s as fill,
+  d as icon,
+  r as label,
+  t as md,
+  n as outline,
+  l as secondary,
+  _ as sm,
+  e as text
 };
 //# sourceMappingURL=index.esm20.js.map

package/dist/index.esm20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm20.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm20.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/index.esm21.js

@@ -1,24 +1,26 @@
-const o = "_pagination_olot7_11", t = "_item_olot7_20", _ = "_xs_olot7_55", n = "_md_olot7_63", c = "_lg_olot7_71", s = "_active_olot7_81", i = "_inactive_olot7_88", l = "_dots_olot7_102", a = "_control_olot7_110", e = {
-  pagination: o,
-  item: t,
-  xs: _,
-  md: n,
-  lg: c,
-  active: s,
-  inactive: i,
-  dots: l,
-  control: a
+const e = "_wrapper_pivx7_3", s = "_label_pivx7_13", r = "_labelDisabled_pivx7_23", _ = "_field_pivx7_29", l = "_select_pivx7_36", o = "_placeholder_pivx7_75", a = "_error_pivx7_81", c = "_chevron_pivx7_93", p = "_message_pivx7_109", t = "_messageError_pivx7_123", i = {
+  wrapper: e,
+  label: s,
+  labelDisabled: r,
+  field: _,
+  select: l,
+  placeholder: o,
+  error: a,
+  chevron: c,
+  message: p,
+  messageError: t
 };
 export {
-  s as active,
-  a as control,
-  e as default,
-  l as dots,
-  i as inactive,
-  t as item,
-  c as lg,
-  n as md,
-  o as pagination,
-  _ as xs
+  c as chevron,
+  i as default,
+  a as error,
+  _ as field,
+  s as label,
+  r as labelDisabled,
+  p as message,
+  t as messageError,
+  o as placeholder,
+  l as select,
+  e as wrapper
 };
 //# sourceMappingURL=index.esm21.js.map

package/dist/index.esm21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.esm21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/index.esm22.js

@@ -1,16 +1,44 @@
-const t = "_tabList_dww9d_3", d = "_tab_dww9d_3", s = "_active_dww9d_40", _ = "_disabled_dww9d_40", a = "_icon_dww9d_65", c = {
-  tabList: t,
-  tab: d,
-  active: s,
-  disabled: _,
-  icon: a
+const e = "_wrapper_r826a_9", _ = "_labelRow_r826a_19", a = "_label_r826a_19", r = "_labelDisabled_r826a_37", o = "_labelIcon_r826a_41", l = "_field_r826a_53", s = "_fieldMd_r826a_67", n = "_fieldSm_r826a_72", t = "_hover_r826a_79", c = "_active_r826a_86", i = "_disabled_r826a_94", d = "_error_r826a_107", b = "_icon_r826a_119", g = "_input_r826a_131", f = "_iconAction_r826a_155", p = "_toggleBtn_r826a_162", m = "_searchBtn_r826a_181", h = "_message_r826a_217", v = "_messageError_r826a_232", w = {
+  wrapper: e,
+  labelRow: _,
+  label: a,
+  labelDisabled: r,
+  labelIcon: o,
+  field: l,
+  fieldMd: s,
+  fieldSm: n,
+  hover: t,
+  active: c,
+  disabled: i,
+  error: d,
+  icon: b,
+  input: g,
+  iconAction: f,
+  toggleBtn: p,
+  searchBtn: m,
+  message: h,
+  messageError: v
 };
 export {
-  s as active,
-  c as default,
-  _ as disabled,
-  a as icon,
-  d as tab,
-  t as tabList
+  c as active,
+  w as default,
+  i as disabled,
+  d as error,
+  l as field,
+  s as fieldMd,
+  n as fieldSm,
+  t as hover,
+  b as icon,
+  f as iconAction,
+  g as input,
+  a as label,
+  r as labelDisabled,
+  o as labelIcon,
+  _ as labelRow,
+  h as message,
+  v as messageError,
+  m as searchBtn,
+  p as toggleBtn,
+  e as wrapper
 };
 //# sourceMappingURL=index.esm22.js.map

package/dist/index.esm22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.esm22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm23.js

@@ -1,26 +1,64 @@
-const i = "_overlay_rzwii_24", t = "_modal_rzwii_43", n = "_heading_rzwii_64", o = "_title_rzwii_72", _ = "_description_rzwii_81", r = "_body_rzwii_92", s = "_actions_rzwii_101", a = "_btns_rzwii_108", c = "_btnSecondary_rzwii_115", e = "_btnPrimary_rzwii_137", d = {
-  overlay: i,
-  modal: t,
-  heading: n,
-  title: o,
-  description: _,
-  body: r,
-  actions: s,
-  btns: a,
-  btnSecondary: c,
-  btnPrimary: e
+const o = "_dropzone_19kgn_8", e = "_dropzoneMd_19kgn_22", n = "_dropzoneLg_19kgn_29", _ = "_dropzoneDragging_19kgn_39", t = "_dropzoneIconMd_19kgn_48", r = "_dropzoneIconLg_19kgn_56", s = "_dropzoneContent_19kgn_67", g = "_dropzoneTitleRow_19kgn_81", i = "_dropzoneTitle_19kgn_81", p = "_dropzoneBrowse_19kgn_99", l = "_dropzoneSubtitle_19kgn_114", d = "_fileList_19kgn_128", c = "_fileItem_19kgn_137", z = "_fileItemLg_19kgn_150", k = "_fileItemMd_19kgn_155", f = "_fileBadge_19kgn_161", a = "_fileContent_19kgn_176", I = "_fileHeader_19kgn_186", L = "_fileTexts_19kgn_193", m = "_fileName_19kgn_202", w = "_fileSize_19kgn_216", T = "_actions_19kgn_229", B = "_actionBtn_19kgn_236", M = "_progressRow_19kgn_259", b = "_progressTrack_19kgn_267", C = "_progressFill_19kgn_277", R = "_progressLabel_19kgn_288", S = "_spinner_19kgn_301", u = "_wrapper_19kgn_317", x = {
+  dropzone: o,
+  dropzoneMd: e,
+  dropzoneLg: n,
+  dropzoneDragging: _,
+  dropzoneIconMd: t,
+  dropzoneIconLg: r,
+  dropzoneContent: s,
+  dropzoneTitleRow: g,
+  dropzoneTitle: i,
+  dropzoneBrowse: p,
+  dropzoneSubtitle: l,
+  fileList: d,
+  fileItem: c,
+  fileItemLg: z,
+  fileItemMd: k,
+  fileBadge: f,
+  fileContent: a,
+  fileHeader: I,
+  fileTexts: L,
+  fileName: m,
+  fileSize: w,
+  actions: T,
+  actionBtn: B,
+  progressRow: M,
+  progressTrack: b,
+  progressFill: C,
+  progressLabel: R,
+  spinner: S,
+  wrapper: u
 };
 export {
-  s as actions,
-  r as body,
-  e as btnPrimary,
-  c as btnSecondary,
-  a as btns,
-  d as default,
-  _ as description,
-  n as heading,
-  t as modal,
-  i as overlay,
-  o as title
+  B as actionBtn,
+  T as actions,
+  x as default,
+  o as dropzone,
+  p as dropzoneBrowse,
+  s as dropzoneContent,
+  _ as dropzoneDragging,
+  r as dropzoneIconLg,
+  t as dropzoneIconMd,
+  n as dropzoneLg,
+  e as dropzoneMd,
+  l as dropzoneSubtitle,
+  i as dropzoneTitle,
+  g as dropzoneTitleRow,
+  f as fileBadge,
+  a as fileContent,
+  I as fileHeader,
+  c as fileItem,
+  z as fileItemLg,
+  k as fileItemMd,
+  d as fileList,
+  m as fileName,
+  w as fileSize,
+  L as fileTexts,
+  C as progressFill,
+  R as progressLabel,
+  M as progressRow,
+  b as progressTrack,
+  S as spinner,
+  u as wrapper
 };
 //# sourceMappingURL=index.esm23.js.map

package/dist/index.esm23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm23.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.esm23.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm24.js

@@ -1,26 +1,26 @@
-const o = "_button_1hwro_8", _ = "_sm_1hwro_40", t = "_md_1hwro_48", n = "_outline_1hwro_58", s = "_fill_1hwro_74", l = "_secondary_1hwro_89", e = "_text_1hwro_104", c = "_disabled_1hwro_119", r = "_label_1hwro_130", d = "_icon_1hwro_136", i = {
-  button: o,
-  sm: _,
-  md: t,
-  outline: n,
-  fill: s,
-  secondary: l,
-  text: e,
-  disabled: c,
-  label: r,
-  icon: d
+const i = "_overlay_rzwii_24", t = "_modal_rzwii_43", n = "_heading_rzwii_64", o = "_title_rzwii_72", _ = "_description_rzwii_81", r = "_body_rzwii_92", s = "_actions_rzwii_101", a = "_btns_rzwii_108", c = "_btnSecondary_rzwii_115", e = "_btnPrimary_rzwii_137", d = {
+  overlay: i,
+  modal: t,
+  heading: n,
+  title: o,
+  description: _,
+  body: r,
+  actions: s,
+  btns: a,
+  btnSecondary: c,
+  btnPrimary: e
 };
 export {
-  o as button,
-  i as default,
-  c as disabled,
-  s as fill,
-  d as icon,
-  r as label,
-  t as md,
-  n as outline,
-  l as secondary,
-  _ as sm,
-  e as text
+  s as actions,
+  r as body,
+  e as btnPrimary,
+  c as btnSecondary,
+  a as btns,
+  d as default,
+  _ as description,
+  n as heading,
+  t as modal,
+  i as overlay,
+  o as title
 };
 //# sourceMappingURL=index.esm24.js.map

package/dist/index.esm25.js

@@ -1,40 +1,24 @@
-const e = "_wrapper_1hbvd_9", _ = "_labelRow_1hbvd_19", o = "_label_1hbvd_19", s = "_labelDisabled_1hbvd_37", n = "_labelIcon_1hbvd_41", t = "_field_1hbvd_53", l = "_hover_1hbvd_70", c = "_active_1hbvd_77", a = "_disabled_1hbvd_85", b = "_error_1hbvd_98", r = "_icon_1hbvd_110", d = "_input_1hbvd_122", i = "_iconAction_1hbvd_146", h = "_toggleBtn_1hbvd_153", v = "_searchBtn_1hbvd_172", g = "_message_1hbvd_208", p = "_messageError_1hbvd_223", m = {
-  wrapper: e,
-  labelRow: _,
-  label: o,
-  labelDisabled: s,
-  labelIcon: n,
-  field: t,
-  hover: l,
-  active: c,
-  disabled: a,
-  error: b,
-  icon: r,
-  input: d,
-  iconAction: i,
-  toggleBtn: h,
-  searchBtn: v,
-  message: g,
-  messageError: p
+const o = "_pagination_olot7_11", t = "_item_olot7_20", _ = "_xs_olot7_55", n = "_md_olot7_63", c = "_lg_olot7_71", s = "_active_olot7_81", i = "_inactive_olot7_88", l = "_dots_olot7_102", a = "_control_olot7_110", e = {
+  pagination: o,
+  item: t,
+  xs: _,
+  md: n,
+  lg: c,
+  active: s,
+  inactive: i,
+  dots: l,
+  control: a
 };
 export {
-  c as active,
-  m as default,
-  a as disabled,
-  b as error,
-  t as field,
-  l as hover,
-  r as icon,
-  i as iconAction,
-  d as input,
-  o as label,
-  s as labelDisabled,
-  n as labelIcon,
-  _ as labelRow,
-  g as message,
-  p as messageError,
-  v as searchBtn,
-  h as toggleBtn,
-  e as wrapper
+  s as active,
+  a as control,
+  e as default,
+  l as dots,
+  i as inactive,
+  t as item,
+  c as lg,
+  n as md,
+  o as pagination,
+  _ as xs
 };
 //# sourceMappingURL=index.esm25.js.map

package/dist/index.esm25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm25.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm25.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}