vector-prototype-components 0.1.2 → 0.1.3

package/TableTree/TableTree.module.css.js

@@ -0,0 +1,62 @@
+import './TableTree.module.css';const t = "_tableTree_13czp_2", e = "_tableBody_13czp_15 _scrollable_1rjtm_9", n = "_tableEl_13czp_26", o = "_thead_13czp_33", _ = "_th_13czp_33", c = "_thSortable_13czp_54", p = "_thExpand_13czp_70", d = "_thInner_13czp_77", a = "_thContent_13czp_83", r = "_thLabel_13czp_91", l = "_thSortIcon_13czp_103", s = "_tr_13czp_118", x = "_td_13czp_123", z = "_trSelected_13czp_127", h = "_trExpanded_13czp_136", f = "_tdExpanded_13czp_138", b = "_expandedContainer_13czp_143", E = "_tdSelected_13czp_161", I = "_tdExpand_13czp_138", S = "_expandBtn_13czp_182", B = "_expandBtnIcon_13czp_209", T = "_expandBtnIconOpen_13czp_213", i = "_cellText_13czp_218", C = "_footer_13czp_231", y = "_footerScrollWrap_13czp_240", g = "_footerInfo_13czp_248", L = "_footerText_13czp_257", O = "_footerPaginator_13czp_266", P = {
+  tableTree: t,
+  tableBody: e,
+  tableEl: n,
+  thead: o,
+  th: _,
+  thSortable: c,
+  thExpand: p,
+  thInner: d,
+  thContent: a,
+  thLabel: r,
+  thSortIcon: l,
+  tr: s,
+  td: x,
+  trSelected: z,
+  trExpanded: h,
+  tdExpanded: f,
+  expandedContainer: b,
+  tdSelected: E,
+  tdExpand: I,
+  expandBtn: S,
+  expandBtnIcon: B,
+  expandBtnIconOpen: T,
+  cellText: i,
+  footer: C,
+  footerScrollWrap: y,
+  footerInfo: g,
+  footerText: L,
+  footerPaginator: O
+};
+export {
+  i as cellText,
+  P as default,
+  S as expandBtn,
+  B as expandBtnIcon,
+  T as expandBtnIconOpen,
+  b as expandedContainer,
+  C as footer,
+  g as footerInfo,
+  O as footerPaginator,
+  y as footerScrollWrap,
+  L as footerText,
+  e as tableBody,
+  n as tableEl,
+  t as tableTree,
+  x as td,
+  I as tdExpand,
+  f as tdExpanded,
+  E as tdSelected,
+  _ as th,
+  a as thContent,
+  p as thExpand,
+  d as thInner,
+  r as thLabel,
+  l as thSortIcon,
+  c as thSortable,
+  o as thead,
+  s as tr,
+  h as trExpanded,
+  z as trSelected
+};
+//# sourceMappingURL=TableTree.module.css.js.map

package/TableTree/TableTree.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTree.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Tabs/Tabs.js

@@ -0,0 +1,92 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import c, { useState as j } from "react";
+import { Icon as N } from "../Icon/Icon.js";
+import a from "./Tabs.module.css.js";
+function V({
+  tabs: t,
+  value: u,
+  defaultValue: b,
+  onChange: i,
+  className: m,
+  "aria-label": p,
+  "aria-labelledby": y
+}) {
+  var v;
+  const f = u !== void 0, [h, x] = j(
+    b ?? ((v = t.find((e) => !e.disabled)) == null ? void 0 : v.value) ?? ""
+  ), r = f ? u : h;
+  function S(e) {
+    e.disabled || (f || x(e.value), i == null || i(e.value));
+  }
+  const n = c.useRef(null), [s, I] = c.useState(null);
+  c.useLayoutEffect(() => {
+    if (!n.current) return;
+    const e = n.current.querySelector('[aria-selected="true"]');
+    e && I({ x: e.offsetLeft, width: e.offsetWidth });
+  }, [r]);
+  const L = [a.tabList, m].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": p,
+        "aria-labelledby": y,
+        className: L,
+        ref: n,
+        children: [
+          t.map((e) => {
+            const l = e.value === r, $ = [a.tab, l ? a.tabSelected : void 0].filter(Boolean).join(" ");
+            return /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                role: "tab",
+                id: `tab-${e.value}`,
+                "aria-selected": l,
+                "aria-controls": `tabpanel-${e.value}`,
+                "aria-disabled": e.disabled || void 0,
+                disabled: e.disabled,
+                tabIndex: l ? 0 : -1,
+                className: $,
+                onClick: () => S(e),
+                children: [
+                  e.leadingIcon && /* @__PURE__ */ o(N, { as: e.leadingIcon, size: 12 }),
+                  e.label
+                ]
+              },
+              e.value
+            );
+          }),
+          s && /* @__PURE__ */ o(
+            "div",
+            {
+              className: a.indicator,
+              style: { width: s.width, transform: `translateX(${s.x}px)` },
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ),
+    t.map((e) => {
+      const l = e.value === r;
+      return /* @__PURE__ */ o(
+        "div",
+        {
+          role: "tabpanel",
+          id: `tabpanel-${e.value}`,
+          "aria-labelledby": `tab-${e.value}`,
+          className: l ? a.tabPanel : a.tabPanelHidden,
+          hidden: !l,
+          children: e.content
+        },
+        e.value
+      );
+    })
+  ] });
+}
+export {
+  V as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './Tabs.module.css';\n\n/* ─── Types ─────────────────────────────────────────────────── */\n\nexport interface TabItem {\n  /** Unique identifier for the tab */\n  value: string;\n  /** Visible label text */\n  label: string;\n  /** Optional leading icon */\n  leadingIcon?: PhosphorIcon;\n  /** Whether the tab is disabled */\n  disabled?: boolean;\n  /** Panel content to render when this tab is active */\n  content?: React.ReactNode;\n}\n\nexport interface TabsProps {\n  /** Array of tab definitions */\n  tabs: TabItem[];\n  /** Currently selected tab value (controlled) */\n  value?: string;\n  /** Default selected tab value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback fired when the selected tab changes */\n  onChange?: (value: string) => void;\n  /** Additional class names for the tab list wrapper */\n  className?: string;\n  /** aria-label for the tablist */\n  'aria-label'?: string;\n  /** aria-labelledby for the tablist */\n  'aria-labelledby'?: string;\n}\n\n/* ─── Component ─────────────────────────────────────────────── */\n\nexport function Tabs({\n  tabs,\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n}: TabsProps) {\n  const isControlled = controlledValue !== undefined;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? tabs.find((t) => !t.disabled)?.value ?? ''\n  );\n\n  const activeValue = isControlled ? controlledValue : internalValue;\n\n  function handleSelect(tab: TabItem) {\n    if (tab.disabled) return;\n    if (!isControlled) {\n      setInternalValue(tab.value);\n    }\n    onChange?.(tab.value);\n  }\n\n  // Indicador deslizante: mede o tab ativo e posiciona a linha de 2px.\n  // Mesmo padrão do SegmentControl — useLayoutEffect antes do paint.\n  const tabListRef = React.useRef<HTMLDivElement>(null);\n  const [indicator, setIndicator] = React.useState<{ x: number; width: number } | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (!tabListRef.current) return;\n    const btn = tabListRef.current.querySelector<HTMLElement>('[aria-selected=\"true\"]');\n    if (!btn) return;\n    setIndicator({ x: btn.offsetLeft, width: btn.offsetWidth });\n  }, [activeValue]);\n\n  const tabListCls = [styles.tabList, className].filter(Boolean).join(' ');\n\n  return (\n    <div>\n      {/* Tab list */}\n      <div\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={tabListCls}\n        ref={tabListRef}\n      >\n        {tabs.map((tab) => {\n          const isSelected = tab.value === activeValue;\n          const tabCls = [styles.tab, isSelected ? styles.tabSelected : undefined]\n            .filter(Boolean)\n            .join(' ');\n\n          return (\n            <button\n              key={tab.value}\n              type=\"button\"\n              role=\"tab\"\n              id={`tab-${tab.value}`}\n              aria-selected={isSelected}\n              aria-controls={`tabpanel-${tab.value}`}\n              aria-disabled={tab.disabled || undefined}\n              disabled={tab.disabled}\n              tabIndex={isSelected ? 0 : -1}\n              className={tabCls}\n              onClick={() => handleSelect(tab)}\n            >\n              {tab.leadingIcon && <Icon as={tab.leadingIcon} size={12} />}\n              {tab.label}\n            </button>\n          );\n        })}\n\n        {/* Linha deslizante — posicionada absolutamente no fundo do tablist */}\n        {indicator && (\n          <div\n            className={styles.indicator}\n            style={{ width: indicator.width, transform: `translateX(${indicator.x}px)` }}\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n\n      {/* Tab panels */}\n      {tabs.map((tab) => {\n        const isSelected = tab.value === activeValue;\n        return (\n          <div\n            key={tab.value}\n            role=\"tabpanel\"\n            id={`tabpanel-${tab.value}`}\n            aria-labelledby={`tab-${tab.value}`}\n            className={isSelected ? styles.tabPanel : styles.tabPanelHidden}\n            hidden={!isSelected}\n          >\n            {tab.content}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["Tabs","tabs","controlledValue","defaultValue","onChange","className","ariaLabel","ariaLabelledBy","isControlled","internalValue","setInternalValue","useState","_a","t","activeValue","handleSelect","tab","tabListRef","React","indicator","setIndicator","btn","tabListCls","styles","jsxs","isSelected","tabCls","jsx","Icon"],"mappings":"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"}

package/Tabs/Tabs.module.css

@@ -0,0 +1 @@
+._tabList_1lfnj_2{display:inline-flex;align-items:flex-end;gap:0;font-family:var(--font-family-base, system-ui, sans-serif);border-bottom:1px solid var(--color-stroke-neutral-default);position:relative}._tab_1lfnj_2{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle);cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;z-index:1;transition:color .12s ease,font-weight .12s ease,box-shadow .12s ease}._tab_1lfnj_2:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._tab_1lfnj_2:hover:not(._tabSelected_1lfnj_45):not(:disabled):not([aria-disabled=true]){color:var(--color-text-brand-default)}._tabSelected_1lfnj_45{color:var(--color-text-brand-default);font-weight:var(--font-weight-semibold);cursor:default}._tab_1lfnj_2:disabled,._tab_1lfnj_2[aria-disabled=true]{opacity:.3;cursor:not-allowed;pointer-events:none}._indicator_1lfnj_68{position:absolute;bottom:-1px;left:0;height:2px;background-color:var(--color-fill-brand-default);border-radius:2px 2px 0 0;transition:transform .2s ease,width .2s ease;pointer-events:none;z-index:0}._tabPanel_1lfnj_81{display:block}._tabPanelHidden_1lfnj_85{display:none}

package/Tabs/Tabs.module.css.js

@@ -0,0 +1,18 @@
+import './Tabs.module.css';const t = "_tabList_1lfnj_2", a = "_tab_1lfnj_2", n = "_tabSelected_1lfnj_45", e = "_indicator_1lfnj_68", _ = "_tabPanel_1lfnj_81", l = "_tabPanelHidden_1lfnj_85", b = {
+  tabList: t,
+  tab: a,
+  tabSelected: n,
+  indicator: e,
+  tabPanel: _,
+  tabPanelHidden: l
+};
+export {
+  b as default,
+  e as indicator,
+  a as tab,
+  t as tabList,
+  _ as tabPanel,
+  l as tabPanelHidden,
+  n as tabSelected
+};
+//# sourceMappingURL=Tabs.module.css.js.map

package/Tabs/Tabs.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/Tag/Tag.js

@@ -0,0 +1,48 @@
+import { jsx as d } from "react/jsx-runtime";
+import e from "./Tag.module.css.js";
+const u = {
+  filled: e.styleFilled,
+  outline: e.styleOutline
+}, c = {
+  xsmall: e.sizeXsmall,
+  small: e.sizeSmall,
+  medium: e.sizeMedium,
+  large: e.sizeLarge
+}, S = {
+  danger: e.typeDanger,
+  success: e.typeSuccess,
+  warning: e.typeWarning,
+  neutral: e.typeNeutral,
+  brand: e.typeBrand
+};
+function y({
+  tagStyle: l = "filled",
+  size: s = "medium",
+  type: a = "neutral",
+  label: t = "Status",
+  disabled: i = !1,
+  className: n,
+  children: r,
+  ...o
+}) {
+  const m = [
+    e.tag,
+    u[l],
+    c[s],
+    S[a],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: m,
+      "aria-disabled": i || void 0,
+      ...o,
+      children: r ?? t
+    }
+  );
+}
+export {
+  y as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Tag.module.css';\n\nexport type TagStyle = 'filled' | 'outline';\nexport type TagSize = 'xsmall' | 'small' | 'medium' | 'large';\nexport type TagType = 'danger' | 'success' | 'warning' | 'neutral' | 'brand';\n\nexport interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Visual style of the tag */\n  tagStyle?: TagStyle;\n  /** Size of the tag */\n  size?: TagSize;\n  /** Semantic type/color of the tag */\n  type?: TagType;\n  /** Text label displayed inside the tag */\n  label?: string;\n  /** Whether the tag is disabled */\n  disabled?: boolean;\n}\n\nconst STYLE_CLASS: Record<TagStyle, string> = {\n  filled:  styles.styleFilled,\n  outline: styles.styleOutline,\n};\n\nconst SIZE_CLASS: Record<TagSize, string> = {\n  xsmall: styles.sizeXsmall,\n  small:  styles.sizeSmall,\n  medium: styles.sizeMedium,\n  large:  styles.sizeLarge,\n};\n\nconst TYPE_CLASS: Record<TagType, string> = {\n  danger:  styles.typeDanger,\n  success: styles.typeSuccess,\n  warning: styles.typeWarning,\n  neutral: styles.typeNeutral,\n  brand:   styles.typeBrand,\n};\n\nexport function Tag({\n  tagStyle = 'filled',\n  size = 'medium',\n  type = 'neutral',\n  label = 'Status',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: TagProps) {\n  const cls = [\n    styles.tag,\n    STYLE_CLASS[tagStyle],\n    SIZE_CLASS[size],\n    TYPE_CLASS[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={cls}\n      aria-disabled={disabled || undefined}\n      {...props}\n    >\n      {children ?? label}\n    </span>\n  );\n}\n"],"names":["STYLE_CLASS","styles","SIZE_CLASS","TYPE_CLASS","Tag","tagStyle","size","type","label","disabled","className","children","props","cls","jsx"],"mappings":";;AAoBA,MAAMA,IAAwC;AAAA,EAC5C,QAASC,EAAO;AAAA,EAChB,SAASA,EAAO;AAClB,GAEMC,IAAsC;AAAA,EAC1C,QAAQD,EAAO;AAAA,EACf,OAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,OAAQA,EAAO;AACjB,GAEME,IAAsC;AAAA,EAC1C,QAASF,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,OAASA,EAAO;AAClB;AAEO,SAASG,EAAI;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAM;AAAA,IACVZ,EAAO;AAAA,IACPD,EAAYK,CAAQ;AAAA,IACpBH,EAAWI,CAAI;AAAA,IACfH,EAAWI,CAAI;AAAA,IACfG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,iBAAeJ,KAAY;AAAA,MAC1B,GAAGG;AAAA,MAEH,UAAAD,KAAYH;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/Tag/Tag.module.css

@@ -0,0 +1 @@
+._tag_1fg3c_2{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-family:var(--font-family-base, system-ui, sans-serif);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;border:1px solid transparent}._sizeXsmall_1fg3c_15{height:24px;padding:4px 8px;font-size:var(--font-size-12);line-height:var(--font-line-height-12)}._sizeSmall_1fg3c_22{height:28px;padding:6px 10px;font-size:var(--font-size-12);line-height:var(--font-line-height-12)}._sizeMedium_1fg3c_29{height:32px;padding:8px 12px;font-size:var(--font-size-12);line-height:var(--font-line-height-12)}._sizeLarge_1fg3c_36{height:36px;padding:8px 14px;font-size:var(--font-size-14);line-height:var(--font-line-height-14)}._styleFilled_1fg3c_44{color:var(--color-text-neutral-inverse)}._styleFilled_1fg3c_44._typeDanger_1fg3c_48{background-color:var(--color-fill-feedback-danger-default);border-color:transparent}._styleFilled_1fg3c_44._typeSuccess_1fg3c_53{background-color:var(--color-fill-feedback-success-default);border-color:transparent}._styleFilled_1fg3c_44._typeWarning_1fg3c_58{background-color:var(--color-fill-feedback-warning-default);border-color:transparent}._styleFilled_1fg3c_44._typeNeutral_1fg3c_63{background-color:var(--color-fill-neutral-default);border-color:transparent}._styleFilled_1fg3c_44._typeBrand_1fg3c_68{background-color:var(--color-fill-brand-default);border-color:transparent}._styleOutline_1fg3c_74{background-color:transparent}._styleOutline_1fg3c_74._typeDanger_1fg3c_48{color:var(--color-text-feedback-danger-default);border-color:var(--color-stroke-feedback-danger-default)}._styleOutline_1fg3c_74._typeSuccess_1fg3c_53{color:var(--color-text-feedback-success-default);border-color:var(--color-stroke-feedback-success-default)}._styleOutline_1fg3c_74._typeWarning_1fg3c_58{color:var(--color-text-feedback-warning-default);border-color:var(--color-stroke-feedback-warning-default)}._styleOutline_1fg3c_74._typeNeutral_1fg3c_63{color:var(--color-fill-neutral-default);border-color:var(--color-fill-neutral-default)}._styleOutline_1fg3c_74._typeBrand_1fg3c_68{color:var(--color-text-brand-default);border-color:var(--color-stroke-brand-default)}._tag_1fg3c_2[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}

package/Tag/Tag.module.css.js

@@ -0,0 +1,30 @@
+import './Tag.module.css';const e = "_tag_1fg3c_2", t = "_sizeXsmall_1fg3c_15", s = "_sizeSmall_1fg3c_22", _ = "_sizeMedium_1fg3c_29", l = "_sizeLarge_1fg3c_36", c = "_styleFilled_1fg3c_44", n = "_typeDanger_1fg3c_48", a = "_typeSuccess_1fg3c_53", g = "_typeWarning_1fg3c_58", i = "_typeNeutral_1fg3c_63", y = "_typeBrand_1fg3c_68", p = "_styleOutline_1fg3c_74", r = {
+  tag: e,
+  sizeXsmall: t,
+  sizeSmall: s,
+  sizeMedium: _,
+  sizeLarge: l,
+  styleFilled: c,
+  typeDanger: n,
+  typeSuccess: a,
+  typeWarning: g,
+  typeNeutral: i,
+  typeBrand: y,
+  styleOutline: p
+};
+export {
+  r as default,
+  l as sizeLarge,
+  _ as sizeMedium,
+  s as sizeSmall,
+  t as sizeXsmall,
+  c as styleFilled,
+  p as styleOutline,
+  e as tag,
+  y as typeBrand,
+  n as typeDanger,
+  i as typeNeutral,
+  a as typeSuccess,
+  g as typeWarning
+};
+//# sourceMappingURL=Tag.module.css.js.map

package/Tag/Tag.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/TextField/TextField.js

@@ -0,0 +1,93 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useId as C } from "react";
+import { CheckCircle as T, XCircle as v, Info as _ } from "@phosphor-icons/react";
+import { Icon as t } from "../Icon/Icon.js";
+import e from "./TextField.module.css.js";
+const b = {
+  default: "",
+  danger: e.fieldDanger,
+  success: e.fieldSuccess
+}, x = {
+  default: "",
+  danger: e.hintDanger,
+  success: e.hintSuccess
+}, A = {
+  default: "",
+  danger: e.trailingIconDanger,
+  success: e.trailingIconSuccess
+}, u = {
+  default: _,
+  danger: v,
+  success: T
+};
+function E({
+  label: o = "Label",
+  showLabel: r = !0,
+  hint: a,
+  state: i = "default",
+  id: f,
+  disabled: l = !1,
+  className: m,
+  ...d
+}) {
+  const I = C(), n = f ?? `text-field-${I}`, g = [
+    e.textField,
+    l ? e.textFieldDisabled : "",
+    m
+  ].filter(Boolean).join(" "), h = [
+    e.field,
+    b[i]
+  ].filter(Boolean).join(" "), S = i === "danger" || i === "success", N = u[i], p = u[i];
+  return /* @__PURE__ */ c("div", { className: g, children: [
+    /* @__PURE__ */ c("div", { className: e.topGroup, children: [
+      r && /* @__PURE__ */ s("label", { className: e.label, htmlFor: n, children: o }),
+      /* @__PURE__ */ c("div", { className: h, children: [
+        /* @__PURE__ */ s(
+          "input",
+          {
+            id: n,
+            className: e.input,
+            disabled: l,
+            "aria-disabled": l,
+            "aria-label": r ? void 0 : d["aria-label"] ?? o,
+            "aria-describedby": a ? `${n}-hint` : void 0,
+            "aria-invalid": i === "danger" ? !0 : void 0,
+            ...d
+          }
+        ),
+        S && /* @__PURE__ */ s(
+          t,
+          {
+            as: N,
+            size: 20,
+            className: `${e.trailingIcon} ${A[i]}`,
+            weight: "bold"
+          }
+        )
+      ] })
+    ] }),
+    a && /* @__PURE__ */ c(
+      "div",
+      {
+        id: `${n}-hint`,
+        className: `${e.hint} ${x[i]}`,
+        children: [
+          /* @__PURE__ */ s(
+            t,
+            {
+              as: p,
+              size: 16,
+              className: e.hintIcon,
+              weight: "bold"
+            }
+          ),
+          /* @__PURE__ */ s("span", { children: a })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  E as TextField
+};
+//# sourceMappingURL=TextField.js.map

package/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport { Info, XCircle, CheckCircle } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './TextField.module.css';\n\nexport type TextFieldState = 'default' | 'danger' | 'success';\n\nexport interface TextFieldProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'> {\n  /** Field label text */\n  label?: string;\n  /** Whether the label is visible */\n  showLabel?: boolean;\n  /** Hint / helper text displayed below the field */\n  hint?: string;\n  /** Visual validation state */\n  state?: TextFieldState;\n  /** ID for the input element (auto-generated if omitted) */\n  id?: string;\n  /** Additional class name for the root element */\n  className?: string;\n}\n\nconst FIELD_STATE_CLASS: Record<TextFieldState, string> = {\n  default: '',\n  danger: styles.fieldDanger,\n  success: styles.fieldSuccess,\n};\n\nconst HINT_STATE_CLASS: Record<TextFieldState, string> = {\n  default: '',\n  danger: styles.hintDanger,\n  success: styles.hintSuccess,\n};\n\nconst TRAILING_ICON_STATE_CLASS: Record<TextFieldState, string> = {\n  default: '',\n  danger: styles.trailingIconDanger,\n  success: styles.trailingIconSuccess,\n};\n\nconst HINT_ICON = {\n  default: Info,\n  danger: XCircle,\n  success: CheckCircle,\n} as const;\n\nexport function TextField({\n  label = 'Label',\n  showLabel = true,\n  hint,\n  state = 'default',\n  id: idProp,\n  disabled = false,\n  className,\n  ...inputProps\n}: TextFieldProps) {\n  const generatedId = useId();\n  const inputId = idProp ?? `text-field-${generatedId}`;\n\n  const rootClasses = [\n    styles.textField,\n    disabled ? styles.textFieldDisabled : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldClasses = [\n    styles.field,\n    FIELD_STATE_CLASS[state],\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const showStatusIcon = state === 'danger' || state === 'success';\n  const StatusIcon = HINT_ICON[state];\n  const HintIcon = HINT_ICON[state];\n\n  return (\n    <div className={rootClasses}>\n      <div className={styles.topGroup}>\n        {showLabel && (\n          <label className={styles.label} htmlFor={inputId}>\n            {label}\n          </label>\n        )}\n\n        <div className={fieldClasses}>\n          <input\n            id={inputId}\n            className={styles.input}\n            disabled={disabled}\n            aria-disabled={disabled}\n            aria-label={!showLabel ? (inputProps['aria-label'] ?? label) : undefined}\n            aria-describedby={hint ? `${inputId}-hint` : undefined}\n            aria-invalid={state === 'danger' ? true : undefined}\n            {...inputProps}\n          />\n\n          {showStatusIcon && (\n            <Icon\n              as={StatusIcon}\n              size={20}\n              className={`${styles.trailingIcon} ${TRAILING_ICON_STATE_CLASS[state]}`}\n              weight=\"bold\"\n            />\n          )}\n        </div>\n      </div>\n\n      {hint && (\n        <div\n          id={`${inputId}-hint`}\n          className={`${styles.hint} ${HINT_STATE_CLASS[state]}`}\n        >\n          <Icon\n            as={HintIcon}\n            size={16}\n            className={styles.hintIcon}\n            weight=\"bold\"\n          />\n          <span>{hint}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["FIELD_STATE_CLASS","styles","HINT_STATE_CLASS","TRAILING_ICON_STATE_CLASS","HINT_ICON","Info","XCircle","CheckCircle","TextField","label","showLabel","hint","state","idProp","disabled","className","inputProps","generatedId","useId","inputId","rootClasses","fieldClasses","showStatusIcon","StatusIcon","HintIcon","jsxs","jsx","Icon"],"mappings":";;;;;AAuBA,MAAMA,IAAoD;AAAA,EACxD,SAAS;AAAA,EACT,QAAQC,EAAO;AAAA,EACf,SAASA,EAAO;AAClB,GAEMC,IAAmD;AAAA,EACvD,SAAS;AAAA,EACT,QAAQD,EAAO;AAAA,EACf,SAASA,EAAO;AAClB,GAEME,IAA4D;AAAA,EAChE,SAAS;AAAA,EACT,QAAQF,EAAO;AAAA,EACf,SAASA,EAAO;AAClB,GAEMG,IAAY;AAAA,EAChB,SAASC;AAAA,EACT,QAAQC;AAAA,EACR,SAASC;AACX;AAEO,SAASC,EAAU;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,IAAIC;AAAA,EACJ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAcC,EAAA,GACdC,IAAUN,KAAU,cAAcI,CAAW,IAE7CG,IAAc;AAAA,IAClBnB,EAAO;AAAA,IACPa,IAAWb,EAAO,oBAAoB;AAAA,IACtCc;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAe;AAAA,IACnBpB,EAAO;AAAA,IACPD,EAAkBY,CAAK;AAAA,EAAA,EAEtB,OAAO,OAAO,EACd,KAAK,GAAG,GAELU,IAAiBV,MAAU,YAAYA,MAAU,WACjDW,IAAanB,EAAUQ,CAAK,GAC5BY,IAAWpB,EAAUQ,CAAK;AAEhC,SACE,gBAAAa,EAAC,OAAA,EAAI,WAAWL,GACd,UAAA;AAAA,IAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWxB,EAAO,UACpB,UAAA;AAAA,MAAAS,uBACE,SAAA,EAAM,WAAWT,EAAO,OAAO,SAASkB,GACtC,UAAAV,EAAA,CACH;AAAA,MAGF,gBAAAgB,EAAC,OAAA,EAAI,WAAWJ,GACd,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIP;AAAA,YACJ,WAAWlB,EAAO;AAAA,YAClB,UAAAa;AAAA,YACA,iBAAeA;AAAA,YACf,cAAaJ,IAAkD,SAArCM,EAAW,YAAY,KAAKP;AAAA,YACtD,oBAAkBE,IAAO,GAAGQ,CAAO,UAAU;AAAA,YAC7C,gBAAcP,MAAU,WAAW,KAAO;AAAA,YACzC,GAAGI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGLM,KACC,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIJ;AAAA,YACJ,MAAM;AAAA,YACN,WAAW,GAAGtB,EAAO,YAAY,IAAIE,EAA0BS,CAAK,CAAC;AAAA,YACrE,QAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IAECD,KACC,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,GAAGN,CAAO;AAAA,QACd,WAAW,GAAGlB,EAAO,IAAI,IAAIC,EAAiBU,CAAK,CAAC;AAAA,QAEpD,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,MAAM;AAAA,cACN,WAAWvB,EAAO;AAAA,cAClB,QAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAET,gBAAAyB,EAAC,UAAM,UAAAf,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GAEJ;AAEJ;"}

package/TextField/TextField.module.css

@@ -0,0 +1 @@
+._textField_14gq1_2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;font-family:var(--font-family-base, system-ui, sans-serif)}._topGroup_14gq1_12{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}._label_14gq1_21{display:flex;gap:4px;align-items:center;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle)}._field_14gq1_32{display:flex;gap:8px;height:42px;align-items:center;padding:4px 12px;border-radius:8px;width:100%;border:1px solid transparent;background-color:var(--color-fill-neutral-muted);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}._input_14gq1_50{flex:1 0 0;min-width:1px;border:none;background:transparent;outline:none;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._input_14gq1_50::placeholder{color:var(--color-text-neutral-subtlest);font-weight:var(--font-weight-regular)}._trailingIcon_14gq1_72{flex-shrink:0;color:var(--color-icon-neutral-default);pointer-events:none}._hint_14gq1_79{display:flex;gap:4px;align-items:center;width:100%;font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-12);color:var(--color-text-neutral-mudle)}._hintIcon_14gq1_90{flex-shrink:0}._field_14gq1_32:hover:not(:focus-within):not(._fieldDanger_14gq1_96):not(._fieldSuccess_14gq1_96){background-color:var(--color-fill-interaction-neutral-muted-hover)}._field_14gq1_32:focus-within{background-color:var(--color-canvas-neutral-white);border-color:var(--color-stroke-brand-default);box-shadow:var(--shadow-focus)}._fieldDanger_14gq1_96{background-color:var(--color-fill-feedback-danger-subtle);border-color:var(--color-stroke-feedback-danger-default)}._fieldDanger_14gq1_96:focus-within{box-shadow:var(--shadow-focus)}._hintDanger_14gq1_119{color:var(--color-text-feedback-danger-default)}._trailingIconDanger_14gq1_123{color:var(--color-icon-feedback-danger-default)}._fieldSuccess_14gq1_96{background-color:var(--color-fill-feedback-success-subtle)}._fieldSuccess_14gq1_96:focus-within{box-shadow:var(--shadow-focus)}._hintSuccess_14gq1_137{color:var(--color-text-feedback-success-default)}._trailingIconSuccess_14gq1_141{color:var(--color-icon-feedback-success-default)}._textFieldDisabled_14gq1_147{opacity:.5;cursor:not-allowed;pointer-events:none}

package/TextField/TextField.module.css.js

@@ -0,0 +1,36 @@
+import './TextField.module.css';const n = "_textField_14gq1_2", t = "_topGroup_14gq1_12", i = "_label_14gq1_21", e = "_field_14gq1_32", c = "_input_14gq1_50", _ = "_trailingIcon_14gq1_72", s = "_hint_14gq1_79", l = "_hintIcon_14gq1_90", o = "_fieldDanger_14gq1_96", g = "_fieldSuccess_14gq1_96", a = "_hintDanger_14gq1_119", r = "_trailingIconDanger_14gq1_123", d = "_hintSuccess_14gq1_137", u = "_trailingIconSuccess_14gq1_141", q = "_textFieldDisabled_14gq1_147", h = {
+  textField: n,
+  topGroup: t,
+  label: i,
+  field: e,
+  input: c,
+  trailingIcon: _,
+  hint: s,
+  hintIcon: l,
+  fieldDanger: o,
+  fieldSuccess: g,
+  hintDanger: a,
+  trailingIconDanger: r,
+  hintSuccess: d,
+  trailingIconSuccess: u,
+  textFieldDisabled: q
+};
+export {
+  h as default,
+  e as field,
+  o as fieldDanger,
+  g as fieldSuccess,
+  s as hint,
+  a as hintDanger,
+  l as hintIcon,
+  d as hintSuccess,
+  c as input,
+  i as label,
+  n as textField,
+  q as textFieldDisabled,
+  t as topGroup,
+  _ as trailingIcon,
+  r as trailingIconDanger,
+  u as trailingIconSuccess
+};
+//# sourceMappingURL=TextField.module.css.js.map

package/TextField/TextField.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/Textarea/Textarea.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { XCircle as v, CheckCircle as N, Info as C } from "@phosphor-icons/react";
+import { Icon as g } from "../Icon/Icon.js";
+import e from "./Textarea.module.css.js";
+function S({
+  state: t = "default",
+  label: c,
+  hint: o,
+  showHint: l = !0,
+  showLabel: d = !0,
+  className: f,
+  disabled: s,
+  ...m
+}) {
+  const a = t === "danger", n = t === "success", h = [
+    e.textarea,
+    s ? e.textareaDisabled : "",
+    f ?? ""
+  ].filter(Boolean).join(" "), u = [
+    e.field,
+    a ? e.fieldDanger : "",
+    n ? e.fieldSuccess : "",
+    s ? e.fieldDisabled : ""
+  ].filter(Boolean).join(" "), p = [
+    e.hint,
+    a ? e.hintDanger : "",
+    n ? e.hintSuccess : ""
+  ].filter(Boolean).join(" "), x = a ? v : n ? N : C;
+  return /* @__PURE__ */ r("div", { className: h, children: [
+    /* @__PURE__ */ r("div", { className: e.topGroup, children: [
+      d && c && /* @__PURE__ */ i("span", { className: e.label, children: c }),
+      /* @__PURE__ */ i("div", { className: u, children: /* @__PURE__ */ i(
+        "textarea",
+        {
+          className: e.nativeTextarea,
+          disabled: s,
+          "aria-disabled": s,
+          "aria-invalid": a ? !0 : void 0,
+          ...m
+        }
+      ) })
+    ] }),
+    l && o && /* @__PURE__ */ r("div", { className: p, children: [
+      /* @__PURE__ */ i("span", { className: e.hintIcon, children: /* @__PURE__ */ i(g, { as: x, size: 16, weight: "bold" }) }),
+      /* @__PURE__ */ i("span", { children: o })
+    ] })
+  ] });
+}
+export {
+  S as Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import React from 'react';\nimport { Info, XCircle, CheckCircle } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './Textarea.module.css';\n\nexport type TextareaState = 'default' | 'danger' | 'success';\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {\n  /** Visual / validation state */\n  state?: TextareaState;\n  /** Label rendered above the field */\n  label?: string;\n  /** Hint text rendered below the field */\n  hint?: string;\n  /** Whether to show the hint row */\n  showHint?: boolean;\n  /** Whether to show the label row */\n  showLabel?: boolean;\n  /** Extra className applied to the root wrapper */\n  className?: string;\n}\n\nexport function Textarea({\n  state = 'default',\n  label,\n  hint,\n  showHint = true,\n  showLabel = true,\n  className,\n  disabled,\n  ...props\n}: TextareaProps) {\n  const isDanger  = state === 'danger';\n  const isSuccess = state === 'success';\n\n  const rootCls = [\n    styles.textarea,\n    disabled ? styles.textareaDisabled : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldCls = [\n    styles.field,\n    isDanger  ? styles.fieldDanger   : '',\n    isSuccess ? styles.fieldSuccess  : '',\n    disabled  ? styles.fieldDisabled : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const hintCls = [\n    styles.hint,\n    isDanger  ? styles.hintDanger   : '',\n    isSuccess ? styles.hintSuccess  : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const HintIcon = isDanger ? XCircle : isSuccess ? CheckCircle : Info;\n\n  return (\n    <div className={rootCls}>\n      <div className={styles.topGroup}>\n        {showLabel && label && (\n          <span className={styles.label}>{label}</span>\n        )}\n        <div className={fieldCls}>\n          <textarea\n            className={styles.nativeTextarea}\n            disabled={disabled}\n            aria-disabled={disabled}\n            aria-invalid={isDanger ? true : undefined}\n            {...props}\n          />\n        </div>\n      </div>\n\n      {showHint && hint && (\n        <div className={hintCls}>\n          <span className={styles.hintIcon}>\n            <Icon as={HintIcon} size={16} weight=\"bold\" />\n          </span>\n          <span>{hint}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["Textarea","state","label","hint","showHint","showLabel","className","disabled","props","isDanger","isSuccess","rootCls","styles","fieldCls","hintCls","HintIcon","XCircle","CheckCircle","Info","jsxs","jsx","Icon"],"mappings":";;;;AAuBO,SAASA,EAAS;AAAA,EACvB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAYR,MAAU,UACtBS,IAAYT,MAAU,WAEtBU,IAAU;AAAA,IACdC,EAAO;AAAA,IACPL,IAAWK,EAAO,mBAAmB;AAAA,IACrCN,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,GAELO,IAAW;AAAA,IACfD,EAAO;AAAA,IACPH,IAAYG,EAAO,cAAgB;AAAA,IACnCF,IAAYE,EAAO,eAAgB;AAAA,IACnCL,IAAYK,EAAO,gBAAgB;AAAA,EAAA,EAElC,OAAO,OAAO,EACd,KAAK,GAAG,GAELE,IAAU;AAAA,IACdF,EAAO;AAAA,IACPH,IAAYG,EAAO,aAAe;AAAA,IAClCF,IAAYE,EAAO,cAAe;AAAA,EAAA,EAEjC,OAAO,OAAO,EACd,KAAK,GAAG,GAELG,IAAWN,IAAWO,IAAUN,IAAYO,IAAcC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GACd,UAAA;AAAA,IAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWP,EAAO,UACpB,UAAA;AAAA,MAAAP,KAAaH,KACZ,gBAAAkB,EAAC,QAAA,EAAK,WAAWR,EAAO,OAAQ,UAAAV,GAAM;AAAA,MAExC,gBAAAkB,EAAC,OAAA,EAAI,WAAWP,GACd,UAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWR,EAAO;AAAA,UAClB,UAAAL;AAAA,UACA,iBAAeA;AAAA,UACf,gBAAcE,IAAW,KAAO;AAAA,UAC/B,GAAGD;AAAA,QAAA;AAAA,MAAA,EACN,CACF;AAAA,IAAA,GACF;AAAA,IAECJ,KAAYD,KACX,gBAAAgB,EAAC,OAAA,EAAI,WAAWL,GACd,UAAA;AAAA,MAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWR,EAAO,UACtB,UAAA,gBAAAQ,EAACC,GAAA,EAAK,IAAIN,GAAU,MAAM,IAAI,QAAO,OAAA,CAAO,GAC9C;AAAA,MACA,gBAAAK,EAAC,UAAM,UAAAjB,EAAA,CAAK;AAAA,IAAA,EAAA,CACd;AAAA,EAAA,GAEJ;AAEJ;"}

package/Textarea/Textarea.module.css

@@ -0,0 +1 @@
+._textarea_1tcwd_2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;font-family:var(--font-family-base, system-ui, sans-serif)}._topGroup_1tcwd_12{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}._label_1tcwd_21{display:flex;gap:4px;align-items:center;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle)}._field_1tcwd_32{display:flex;align-items:flex-start;min-height:100px;padding:8px 12px;border-radius:8px;width:100%;border:1px solid transparent;background-color:var(--color-fill-neutral-muted);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease;cursor:text;box-sizing:border-box}._nativeTextarea_1tcwd_51{flex:1 0 0;min-width:1px;width:100%;border:none;background:transparent;outline:none;resize:vertical;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle);cursor:text;min-height:84px;padding:0}._nativeTextarea_1tcwd_51::placeholder{color:var(--color-text-neutral-subtlest);font-weight:var(--font-weight-regular)}._hint_1tcwd_75{display:flex;gap:4px;align-items:center;width:100%;font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-12);color:var(--color-text-neutral-mudle)}._hintIcon_1tcwd_86{flex-shrink:0}._field_1tcwd_32:hover:not(._fieldDisabled_1tcwd_91):not(._fieldDanger_1tcwd_91):not(._fieldSuccess_1tcwd_91):not(._fieldFocused_1tcwd_91):not(:focus-within){background-color:var(--color-fill-interaction-neutral-muted-hover)}._field_1tcwd_32:focus-within:not(._fieldDisabled_1tcwd_91):not(._fieldDanger_1tcwd_91):not(._fieldSuccess_1tcwd_91),._fieldFocused_1tcwd_91:not(._fieldDisabled_1tcwd_91){background-color:var(--color-canvas-neutral-white);border-color:var(--color-stroke-brand-default);box-shadow:var(--shadow-focus)}._fieldDanger_1tcwd_91{background-color:var(--color-fill-feedback-danger-subtle);border-color:var(--color-stroke-feedback-danger-default)}._fieldDanger_1tcwd_91:focus-within{box-shadow:var(--shadow-focus)}._hintDanger_1tcwd_113{color:var(--color-text-feedback-danger-default)}._fieldSuccess_1tcwd_91{background-color:var(--color-fill-feedback-success-subtle);border-color:transparent}._fieldSuccess_1tcwd_91:focus-within{box-shadow:var(--shadow-focus)}._hintSuccess_1tcwd_127{color:var(--color-text-feedback-success-default)}._textareaDisabled_1tcwd_132{opacity:.5;cursor:not-allowed;pointer-events:none}._fieldDisabled_1tcwd_91,._fieldDisabled_1tcwd_91 ._nativeTextarea_1tcwd_51{cursor:not-allowed}

package/Textarea/Textarea.module.css.js

@@ -0,0 +1,32 @@
+import './Textarea.module.css';const t = "_textarea_1tcwd_2", e = "_topGroup_1tcwd_12", c = "_label_1tcwd_21", _ = "_field_1tcwd_32", a = "_nativeTextarea_1tcwd_51", n = "_hint_1tcwd_75", s = "_hintIcon_1tcwd_86", i = "_fieldDisabled_1tcwd_91", d = "_fieldDanger_1tcwd_91", l = "_fieldSuccess_1tcwd_91", o = "_hintDanger_1tcwd_113", r = "_hintSuccess_1tcwd_127", f = "_textareaDisabled_1tcwd_132", w = {
+  textarea: t,
+  topGroup: e,
+  label: c,
+  field: _,
+  nativeTextarea: a,
+  hint: n,
+  hintIcon: s,
+  fieldDisabled: i,
+  fieldDanger: d,
+  fieldSuccess: l,
+  hintDanger: o,
+  hintSuccess: r,
+  textareaDisabled: f
+};
+export {
+  w as default,
+  _ as field,
+  d as fieldDanger,
+  i as fieldDisabled,
+  l as fieldSuccess,
+  n as hint,
+  o as hintDanger,
+  s as hintIcon,
+  r as hintSuccess,
+  c as label,
+  a as nativeTextarea,
+  t as textarea,
+  f as textareaDisabled,
+  e as topGroup
+};
+//# sourceMappingURL=Textarea.module.css.js.map

package/Textarea/Textarea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/Toast/Toast.js

@@ -0,0 +1,82 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { XCircle as f, WarningCircle as g, CheckCircle as m, X as v } from "@phosphor-icons/react";
+import { Icon as i } from "../Icon/Icon.js";
+import a from "./Toast.module.css.js";
+const h = {
+  success: a.variantSuccess,
+  warning: a.variantWarning,
+  danger: a.variantDanger
+}, C = {
+  success: m,
+  warning: g,
+  danger: f
+}, b = {
+  success: "var(--color-icon-feedback-success-default)",
+  warning: "var(--color-icon-feedback-warning-default)",
+  danger: "var(--color-icon-feedback-danger-default)"
+}, N = {
+  success: "var(--color-icon-feedback-success-default)",
+  warning: "var(--color-icon-feedback-warning-default)",
+  danger: "var(--color-icon-feedback-danger-default)"
+};
+function T({
+  type: c = "success",
+  title: o,
+  description: n,
+  onClose: s,
+  leaving: t = !1,
+  className: l
+}) {
+  const d = C[c], u = [a.toast, h[c], t ? a.toastLeaving : "", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: u,
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      children: [
+        /* @__PURE__ */ e("div", { className: a.accent, "aria-hidden": "true" }),
+        /* @__PURE__ */ r("div", { className: a.container, children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              as: d,
+              size: 24,
+              weight: "regular",
+              color: b[c],
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: a.content, children: [
+            /* @__PURE__ */ e("span", { className: a.title, children: o }),
+            n && /* @__PURE__ */ e("span", { className: a.description, children: n })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: a.closeBtn,
+            onClick: s,
+            "aria-label": "Close notification",
+            children: /* @__PURE__ */ e(
+              i,
+              {
+                as: v,
+                size: 16,
+                weight: "bold",
+                color: N[c],
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  T as Toast
+};
+//# sourceMappingURL=Toast.js.map