@pantool/components 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/internals/base-field/base-field.js

@@ -1,2 +1,2 @@
-import e from"./base-field.module.js";import{Label as t}from"./components/label.js";import{Description as n}from"./components/description.js";import{Error as r}from"./components/error.js";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Field as s}from"@base-ui/react/field";function c({label:c,hideLabel:l=!1,size:u=`md`,required:d=!1,disabled:f=!1,errorText:p,description:m,children:h,classNames:g,..._}){return o(s.Root,{className:i(e.root,g?.root),"data-slot":`field-root`,"data-size":u,"data-required":d,disabled:f,..._,children:[a(t,{className:g?.label,text:c,hidden:l,required:d,size:u}),a(n,{className:g?.description,text:m}),h,a(r,{className:g?.error,text:p})]})}export{c as Field};
+import e from"./base-field.module.js";import{Description as t}from"./components/description.js";import{Error as n}from"./components/error.js";import{Label as r}from"./components/label.js";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Field as s}from"@base-ui/react/field";function c({label:c,hideLabel:l=!1,size:u=`md`,required:d=!1,disabled:f=!1,errorText:p,description:m,children:h,classNames:g,..._}){return o(s.Root,{className:i(e.root,g?.root),"data-slot":`field-root`,"data-size":u,"data-required":d,disabled:f,..._,children:[a(r,{className:g?.label,text:c,hidden:l,required:d,size:u}),a(t,{className:g?.description,text:m}),h,a(n,{hasError:_.invalid,className:g?.error,text:p})]})}export{c as Field};
 //# sourceMappingURL=base-field.js.map

package/dist/internals/base-field/base-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.js","names":["Field","BaseField","styles"],"sources":["../../../src/internals/base-field/base-field.tsx"],"sourcesContent":["import { Field as BaseField, type FieldRootProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"./base-field.module.css\";\nimport { Label } from \"./components/label\";\nimport { Description } from \"./components/description\";\nimport { Error } from \"./components/error\";\n\nexport type FieldProps = Omit<FieldRootProps, \"className\"> & {\n  /**\n   * The label of the field.\n   */\n  label: string;\n\n  /**\n   * Whether to hide the label or not.\n   *\n   * @default false\n   */\n  hideLabel?: boolean;\n\n  /**\n   * Indicates whether or not the field is required.\n   *\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * The text to display as a description.\n   */\n  description?: string;\n  /**\n   * Gets or sets whether or not the field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   *\n   * @default false\n   */\n  invalid?: boolean;\n\n  /**\n   * The error message that replaces feedback when `error` is true. If\n   * `errorText` is an empty string, then the feedback will continue to\n   * show.\n   */\n  errorText?: string;\n\n  /**\n   * Whether the field's value has been changed from its initial value.\n   * Useful when the field state is controlled by an external library.\n   */\n  dirty?: boolean | undefined;\n\n  /**\n   * The size of the field.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /**\n   * Whether or not the element is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates that the element should be focused on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean;\n  /**\n   * Additional CSS classes for styling.\n   */\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\n/**\n * A field component that provides labeling and validation for form controls.\n * Built on top of Base UI's Field component with proper theming and sizing.\n */\nexport function Field({\n  label,\n  hideLabel = false,\n  size = \"md\",\n  required = false,\n  disabled = false,\n  errorText,\n  description,\n  children,\n  classNames,\n  ...props\n}: FieldProps) {\n  return (\n    <BaseField.Root\n      className={clsx(styles[\"root\"], classNames?.root)}\n      data-slot=\"field-root\"\n      data-size={size}\n      data-required={required}\n      disabled={disabled}\n      {...props}\n    >\n      <Label\n        className={classNames?.label}\n        text={label}\n        hidden={hideLabel}\n        required={required}\n        size={size}\n      />\n      <Description className={classNames?.description} text={description} />\n      {children}\n      <Error className={classNames?.error} text={errorText} />\n    </BaseField.Root>\n  );\n}\n"],"mappings":"+SAyFA,SAAgBA,EAAM,CACpB,QACA,YAAY,GACZ,OAAO,KACP,WAAW,GACX,WAAW,GACX,YACA,cACA,WACA,aACA,GAAG,GACU,CACb,OACE,EAACC,EAAU,KAAX,CACE,UAAW,EAAKC,EAAO,KAAS,GAAY,IAAI,EAChD,YAAU,aACV,YAAW,EACX,gBAAe,EACL,WACV,GAAI,WANN,CAQE,EAAC,EAAD,CACE,UAAW,GAAY,MACvB,KAAM,EACN,OAAQ,EACE,WACJ,MACP,CAAA,EACD,EAAC,EAAD,CAAa,UAAW,GAAY,YAAa,KAAM,CAAc,CAAA,EACpE,EACD,EAAC,EAAD,CAAO,UAAW,GAAY,MAAO,KAAM,CAAY,CAAA,CACzC,GAEpB"}
+{"version":3,"file":"base-field.js","names":["Field","BaseField","styles"],"sources":["../../../src/internals/base-field/base-field.tsx"],"sourcesContent":["import { Field as BaseField, type FieldRootProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"./base-field.module.css\";\nimport { Description } from \"./components/description\";\nimport { Error } from \"./components/error\";\nimport { Label } from \"./components/label\";\n\nexport type FieldProps = Omit<FieldRootProps, \"className\"> & {\n  /**\n   * The label of the field.\n   */\n  label: string;\n\n  /**\n   * Whether to hide the label or not.\n   *\n   * @default false\n   */\n  hideLabel?: boolean;\n\n  /**\n   * Indicates whether or not the field is required.\n   *\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * The text to display as a description.\n   */\n  description?: string;\n  /**\n   * Gets or sets whether or not the field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   *\n   * @default false\n   */\n  invalid?: boolean;\n\n  /**\n   * The error message that replaces feedback when `error` is true. If\n   * `errorText` is an empty string, then the feedback will continue to\n   * show.\n   */\n  errorText?: string;\n\n  /**\n   * Whether the field's value has been changed from its initial value.\n   * Useful when the field state is controlled by an external library.\n   */\n  dirty?: boolean | undefined;\n\n  /**\n   * The size of the field.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /**\n   * Whether or not the element is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates that the element should be focused on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean;\n  /**\n   * Additional CSS classes for styling.\n   */\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\n/**\n * A field component that provides labeling and validation for form controls.\n * Built on top of Base UI's Field component with proper theming and sizing.\n */\nexport function Field({\n  label,\n  hideLabel = false,\n  size = \"md\",\n  required = false,\n  disabled = false,\n  errorText,\n  description,\n  children,\n  classNames,\n  ...props\n}: FieldProps) {\n  return (\n    <BaseField.Root\n      className={clsx(styles[\"root\"], classNames?.root)}\n      data-slot=\"field-root\"\n      data-size={size}\n      data-required={required}\n      disabled={disabled}\n      {...props}\n    >\n      <Label\n        className={classNames?.label}\n        text={label}\n        hidden={hideLabel}\n        required={required}\n        size={size}\n      />\n      <Description\n        className={classNames?.description}\n        text={description}\n      />\n      {children}\n      <Error\n        hasError={props.invalid}\n        className={classNames?.error}\n        text={errorText}\n      />\n    </BaseField.Root>\n  );\n}\n"],"mappings":"+SAyFA,SAAgBA,EAAM,CACpB,QACA,YAAY,GACZ,OAAO,KACP,WAAW,GACX,WAAW,GACX,YACA,cACA,WACA,aACA,GAAG,GACU,CACb,OACE,EAACC,EAAU,KAAX,CACE,UAAW,EAAKC,EAAO,KAAS,GAAY,IAAI,EAChD,YAAU,aACV,YAAW,EACX,gBAAe,EACL,WACV,GAAI,WANN,CAQE,EAAC,EAAD,CACE,UAAW,GAAY,MACvB,KAAM,EACN,OAAQ,EACE,WACJ,MACP,CAAA,EACD,EAAC,EAAD,CACE,UAAW,GAAY,YACvB,KAAM,CACP,CAAA,EACA,EACD,EAAC,EAAD,CACE,SAAU,EAAM,QAChB,UAAW,GAAY,MACvB,KAAM,CACP,CAAA,CACa,GAEpB"}

package/dist/internals/base-field/base-field.module.js

@@ -1,2 +1,3 @@
+import './base-field.css';
 var e={description:`_usQlq_description`,error:`_usQlq_error`,label:`_usQlq_label`,required:`_usQlq_required`,root:`_usQlq_root`,"visually-hidden":`_usQlq_visually-hidden`};export{e as default};
 //# sourceMappingURL=base-field.module.js.map

package/dist/internals/base-field/base-field.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--field-gap);\n  font-family: var(--typography-typeface-ltr);\n  width: 100%;\n  --field-required-color: var(--color-content-negative-base);\n  --field-control-radius: 0;\n  --field-control-bg-color: var(--color-surface-base);\n  --field-control-text-color: var(--color-content-neutral-base);\n  --field-label-color: var(--color-content-neutral-secondary);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n  --field-gap: var(--spacing-sm);\n  --field-label-font-size: var(--typography-caption-base-size);\n  --field-label-line-height: var(--typography-caption-base-height);\n  --field-label-font-weight: var(--typography-caption-base-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2rem;\n  --field-control-icon-size: 1.5rem;\n  --field-control-font-size: var(--typography-caption-base-size);\n  --field-control-line-height: var(--typography-caption-base-height);\n  --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-2-size);\n  --field-label-line-height: var(--typography-body-2-height);\n  --field-label-font-weight: var(--typography-body-2-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2.5rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-2-size);\n  --field-control-line-height: var(--typography-body-2-height);\n  --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-1-size);\n  --field-label-line-height: var(--typography-body-1-height);\n  --field-label-font-weight: var(--typography-body-1-weight);\n  --helper-font-size: var(--typography-body-2-size);\n  --helper-line-height: var(--typography-body-2-height);\n  --field-control-height: 3rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-1-size);\n  --field-control-line-height: var(--typography-body-1-height);\n  --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-negative-muted);\n  --field-control-border-color: var(--color-content-negative-muted);\n  --field-required-color: var(--color-content-negative-muted);\n}\n\n.label {\n  font-size: var(--field-label-font-size, var(--typography-body-2-size));\n  line-height: var(--field-label-line-height, var(--typography-body-2-height));\n  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n  color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n  --field-control-bg-color: var(--color-surface-tertiary);\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-neutral-muted);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-required-color: var(--color-content-neutral-muted);\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.required {\n  color: var(--field-required-color);\n  margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.error {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-negative-base);\n}\n\n.description {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-neutral-secondary);\n  margin: 0;\n}\n\n.description[data-disabled] {\n  color: var(--color-content-neutral-muted);\n}\n"],"mappings":"AAYA,IAAA,EAAU,CAAA,YAAA,qBAAA,MAAA,eAAA,MAAA,eAAA,SAAA,kBAAA,KAAA,cAAA,kBAAA,wBAAA"}
+{"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--field-gap);\n  font-family: var(--typography-typeface-ltr);\n  width: 100%;\n  --field-required-color: var(--color-content-negative-base);\n  --field-control-radius: var(--radius-md);\n  --field-control-bg-color: var(--color-surface-base);\n  --field-control-text-color: var(--color-content-neutral-base);\n  --field-label-color: var(--color-content-neutral-secondary);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n  --field-gap: var(--spacing-xxs);\n  --field-label-font-size: var(--typography-caption-base-size);\n  --field-label-font-weight: var(--typography-caption-base-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --field-control-height: 1.5rem;\n  --field-control-icon-size: 1.5rem;\n  --field-control-font-size: var(--typography-caption-base-size);\n  --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n  --field-gap: var(--spacing-xs);\n  --field-label-font-size: var(--typography-body-2-size);\n  --field-label-font-weight: var(--typography-body-2-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --field-control-height: 2rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-2-size);\n  --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n  --field-gap: var(--spacing-xs);\n  --field-label-font-size: var(--typography-body-1-size);\n  --field-label-font-weight: var(--typography-body-1-weight);\n  --helper-font-size: var(--typography-body-2-size);\n  --field-control-height: 2.5rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-1-size);\n  --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-negative-base);\n  --field-control-border-color: var(--color-content-negative-base);\n  --field-required-color: var(--color-content-negative-base);\n}\n\n.label {\n  font-size: var(--field-label-font-size, var(--typography-body-2-size));\n  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n  color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n  --field-control-bg-color: var(--color-surface-tertiary);\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-neutral-muted);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-required-color: var(--color-content-neutral-muted);\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.required {\n  color: var(--field-required-color);\n  margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.error {\n  font-size: var(--helper-font-size);\n  color: var(--color-content-negative-base);\n}\n\n.description {\n  font-size: var(--helper-font-size);\n  color: var(--color-content-neutral-secondary);\n  margin: 0;\n}\n\n.description[data-disabled] {\n  color: var(--color-content-neutral-muted);\n}\n"],"mappings":""}

package/dist/internals/base-field/components/error.js

@@ -1,2 +1,2 @@
-import e from"../base-field.module.js";import t from"clsx";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{Field as i}from"@base-ui/react/field";function a({text:a,className:o}){return r(n,{children:a&&r(i.Error,{className:t(e.error,o),match:`customError`,"data-slot":`field-error`,children:a})})}export{a as Error};
+import e from"../base-field.module.js";import t from"clsx";import{jsx as n}from"react/jsx-runtime";import{Field as r}from"@base-ui/react/field";function i({text:i,className:a,hasError:o}){return n(r.Error,{className:t(e.error,a),match:o,"data-slot":`field-error`,children:i})}export{i as Error};
 //# sourceMappingURL=error.js.map

package/dist/internals/base-field/components/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/error.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport styles from \"../base-field.module.css\";\nimport clsx from \"clsx\";\n\nexport type ErrorProps = {\n  text?: string;\n  className?: string;\n};\n\nexport function Error({ text, className }: ErrorProps) {\n  return (\n    <>\n      {text && (\n        <BaseField.Error\n          className={clsx(styles[\"error\"], className)}\n          match=\"customError\"\n          data-slot=\"field-error\"\n        >\n          {text}\n        </BaseField.Error>\n      )}\n    </>\n  );\n}\n"],"mappings":"8JASA,SAAgB,EAAM,CAAE,OAAM,aAAyB,CACrD,OACE,EAAA,EAAA,CAAA,SACG,GACC,EAACA,EAAU,MAAX,CACE,UAAW,EAAKC,EAAO,MAAU,CAAS,EAC1C,MAAM,cACN,YAAU,uBAET,CACc,CAAA,CAEnB,CAAA,CAEN"}
+{"version":3,"file":"error.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/error.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"../base-field.module.css\";\n\nexport type ErrorProps = {\n  hasError?: boolean;\n  text?: string;\n  className?: string;\n};\n\nexport function Error({ text, className, hasError }: ErrorProps) {\n  return (\n    <BaseField.Error\n      className={clsx(styles[\"error\"], className)}\n      match={hasError}\n      data-slot=\"field-error\"\n    >\n      {text}\n    </BaseField.Error>\n  );\n}\n"],"mappings":"gJAUA,SAAgB,EAAM,CAAE,OAAM,YAAW,YAAwB,CAC/D,OACE,EAACA,EAAU,MAAX,CACE,UAAW,EAAKC,EAAO,MAAU,CAAS,EAC1C,MAAO,EACP,YAAU,uBAET,CACc,CAAA,CAErB"}

package/dist/internals/base-field/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/label.tsx"],"sourcesContent":["import { Field as BaseField, type FieldLabelProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"../base-field.module.css\";\n\nexport type LabelProps = {\n  text: string;\n  hidden?: boolean;\n  required?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n};\n\nexport function Label({\n  text,\n  hidden = false,\n  size = \"md\",\n  required = false,\n  className,\n}: LabelProps) {\n  return (\n    <BaseField.Label\n      data-size={size}\n      data-slot=\"field-label\"\n      className={clsx(styles[\"label\"], className, {\n        [styles[\"visually-hidden\"]!]: hidden,\n      })}\n    >\n      {text}\n      {required && (\n        <span\n          aria-hidden\n          title=\"This field is required\"\n          className={styles[\"required\"]}\n          data-slot=\"field-required\"\n        >\n          *\n        </span>\n      )}\n    </BaseField.Label>\n  );\n}\n"],"mappings":"0JAYA,SAAgB,EAAM,CACpB,OACA,SAAS,GACT,OAAO,KACP,WAAW,GACX,aACa,CACb,OACE,EAACA,EAAU,MAAX,CACE,YAAW,EACX,YAAU,cACV,UAAW,EAAKC,EAAO,MAAU,EAAW,EACzCA,EAAO,oBAAsB,CAChC,CAAC,WALH,CAOG,EACA,GACC,EAAC,OAAD,CACE,cAAA,GACA,MAAM,yBACN,UAAWA,EAAO,SAClB,YAAU,0BACX,GAEK,CAAA,CAEO,GAErB"}
+{"version":3,"file":"label.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/label.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"../base-field.module.css\";\n\nexport type LabelProps = {\n  text: string;\n  hidden?: boolean;\n  required?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n};\n\nexport function Label({\n  text,\n  hidden = false,\n  size = \"md\",\n  required = false,\n  className,\n}: LabelProps) {\n  return (\n    <BaseField.Label\n      data-size={size}\n      data-slot=\"field-label\"\n      className={clsx(styles[\"label\"], className, {\n        [styles[\"visually-hidden\"]!]: hidden,\n      })}\n    >\n      {text}\n      {required && (\n        <span\n          aria-hidden\n          title=\"This field is required\"\n          className={styles[\"required\"]}\n          data-slot=\"field-required\"\n        >\n          *\n        </span>\n      )}\n    </BaseField.Label>\n  );\n}\n"],"mappings":"0JAYA,SAAgB,EAAM,CACpB,OACA,SAAS,GACT,OAAO,KACP,WAAW,GACX,aACa,CACb,OACE,EAACA,EAAU,MAAX,CACE,YAAW,EACX,YAAU,cACV,UAAW,EAAKC,EAAO,MAAU,EAAW,EACzCA,EAAO,oBAAsB,CAChC,CAAC,WALH,CAOG,EACA,GACC,EAAC,OAAD,CACE,cAAA,GACA,MAAM,yBACN,UAAWA,EAAO,SAClB,YAAU,0BACX,GAEK,CAAA,CAEO,GAErB"}

package/dist/internals/base-svg/base-svg.css

@@ -1,137 +1 @@
-.X10r3W_root {
-  user-select: none;
-  vertical-align: middle;
-  font-variant: normal;
-  text-transform: none;
-  width: var(--svg-size, 100%);
-  height: var(--svg-size, 100%);
-  min-width: var(--svg-size, 100%);
-  min-height: var(--svg-size, 100%);
-  fill: var(--svg-fill, currentColor);
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  text-decoration: none;
-  transition: fill .2s ease-in-out;
-  display: inline-block;
-}
-
-.X10r3W_root[data-color="normal"] {
-  --svg-fill: var(--color-content-neutral-base);
-}
-
-.X10r3W_root[data-color="secondary"] {
-  --svg-fill: var(--color-content-neutral-secondary);
-}
-
-.X10r3W_root[data-color="tertiary"] {
-  --svg-fill: var(--color-content-neutral-tertiary);
-}
-
-.X10r3W_root[data-color="muted"] {
-  --svg-fill: var(--color-content-neutral-muted);
-}
-
-.X10r3W_root[data-color="brand"] {
-  --svg-fill: var(--color-content-brand-base);
-}
-
-.X10r3W_root[data-color="brand-secondary"] {
-  --svg-fill: var(--color-content-brand-secondary);
-}
-
-.X10r3W_root[data-color="brand-tertiary"] {
-  --svg-fill: var(--color-content-brand-tertiary);
-}
-
-.X10r3W_root[data-color="brand-muted"] {
-  --svg-fill: var(--color-content-brand-muted);
-}
-
-.X10r3W_root[data-color="positive"] {
-  --svg-fill: var(--color-content-positive-base);
-}
-
-.X10r3W_root[data-color="positive-secondary"] {
-  --svg-fill: var(--color-content-positive-secondary);
-}
-
-.X10r3W_root[data-color="positive-tertiary"] {
-  --svg-fill: var(--color-content-positive-tertiary);
-}
-
-.X10r3W_root[data-color="positive-muted"] {
-  --svg-fill: var(--color-content-positive-muted);
-}
-
-.X10r3W_root[data-color="negative"] {
-  --svg-fill: var(--color-content-negative-base);
-}
-
-.X10r3W_root[data-color="negative-secondary"] {
-  --svg-fill: var(--color-content-negative-secondary);
-}
-
-.X10r3W_root[data-color="negative-tertiary"] {
-  --svg-fill: var(--color-content-negative-tertiary);
-}
-
-.X10r3W_root[data-color="negative-muted"] {
-  --svg-fill: var(--color-content-negative-muted);
-}
-
-.X10r3W_root[data-color="warn"] {
-  --svg-fill: var(--color-content-warn-base);
-}
-
-.X10r3W_root[data-color="warn-secondary"] {
-  --svg-fill: var(--color-content-warn-secondary);
-}
-
-.X10r3W_root[data-color="warn-tertiary"] {
-  --svg-fill: var(--color-content-warn-tertiary);
-}
-
-.X10r3W_root[data-color="warn-muted"] {
-  --svg-fill: var(--color-content-warn-muted);
-}
-
-.X10r3W_root[data-color="info"] {
-  --svg-fill: var(--color-content-info-base);
-}
-
-.X10r3W_root[data-color="info-secondary"] {
-  --svg-fill: var(--color-content-info-secondary);
-}
-
-.X10r3W_root[data-color="info-tertiary"] {
-  --svg-fill: var(--color-content-info-tertiary);
-}
-
-.X10r3W_root[data-color="info-muted"] {
-  --svg-fill: var(--color-content-info-muted);
-}
-
-.X10r3W_root[data-color="on-neutral"] {
-  --svg-fill: var(--color-on-neutral);
-}
-
-.X10r3W_root[data-color="on-brand"] {
-  --svg-fill: var(--color-on-brand);
-}
-
-.X10r3W_root[data-color="on-positive"] {
-  --svg-fill: var(--color-on-positive);
-}
-
-.X10r3W_root[data-color="on-negative"] {
-  --svg-fill: var(--color-on-negative);
-}
-
-.X10r3W_root[data-color="on-warn"] {
-  --svg-fill: var(--color-on-warn);
-}
-
-.X10r3W_root[data-color="on-info"] {
-  --svg-fill: var(--color-on-info);
-}
+.X10r3W_root{user-select:none;vertical-align:middle;font-variant:normal;text-transform:none;width:var(--svg-size,100%);height:var(--svg-size,100%);min-width:var(--svg-size,100%);min-height:var(--svg-size,100%);fill:var(--svg-fill,currentColor);font-style:normal;font-weight:400;line-height:1;text-decoration:none;transition:fill .2s ease-in-out;display:inline-block}.X10r3W_root[data-color=normal]{--svg-fill:var(--color-content-neutral-base)}.X10r3W_root[data-color=secondary]{--svg-fill:var(--color-content-neutral-secondary)}.X10r3W_root[data-color=tertiary]{--svg-fill:var(--color-content-neutral-tertiary)}.X10r3W_root[data-color=muted]{--svg-fill:var(--color-content-neutral-muted)}.X10r3W_root[data-color=brand]{--svg-fill:var(--color-content-brand-base)}.X10r3W_root[data-color=brand-secondary]{--svg-fill:var(--color-content-brand-secondary)}.X10r3W_root[data-color=brand-tertiary]{--svg-fill:var(--color-content-brand-tertiary)}.X10r3W_root[data-color=brand-muted]{--svg-fill:var(--color-content-brand-muted)}.X10r3W_root[data-color=positive]{--svg-fill:var(--color-content-positive-base)}.X10r3W_root[data-color=positive-secondary]{--svg-fill:var(--color-content-positive-secondary)}.X10r3W_root[data-color=positive-tertiary]{--svg-fill:var(--color-content-positive-tertiary)}.X10r3W_root[data-color=positive-muted]{--svg-fill:var(--color-content-positive-muted)}.X10r3W_root[data-color=negative]{--svg-fill:var(--color-content-negative-base)}.X10r3W_root[data-color=negative-secondary]{--svg-fill:var(--color-content-negative-secondary)}.X10r3W_root[data-color=negative-tertiary]{--svg-fill:var(--color-content-negative-tertiary)}.X10r3W_root[data-color=negative-muted]{--svg-fill:var(--color-content-negative-muted)}.X10r3W_root[data-color=warn]{--svg-fill:var(--color-content-warn-base)}.X10r3W_root[data-color=warn-secondary]{--svg-fill:var(--color-content-warn-secondary)}.X10r3W_root[data-color=warn-tertiary]{--svg-fill:var(--color-content-warn-tertiary)}.X10r3W_root[data-color=warn-muted]{--svg-fill:var(--color-content-warn-muted)}.X10r3W_root[data-color=info]{--svg-fill:var(--color-content-info-base)}.X10r3W_root[data-color=info-secondary]{--svg-fill:var(--color-content-info-secondary)}.X10r3W_root[data-color=info-tertiary]{--svg-fill:var(--color-content-info-tertiary)}.X10r3W_root[data-color=info-muted]{--svg-fill:var(--color-content-info-muted)}.X10r3W_root[data-color=on-neutral]{--svg-fill:var(--color-on-neutral)}.X10r3W_root[data-color=on-brand]{--svg-fill:var(--color-on-brand)}.X10r3W_root[data-color=on-positive]{--svg-fill:var(--color-on-positive)}.X10r3W_root[data-color=on-negative]{--svg-fill:var(--color-on-negative)}.X10r3W_root[data-color=on-warn]{--svg-fill:var(--color-on-warn)}.X10r3W_root[data-color=on-info]{--svg-fill:var(--color-on-info)}

package/dist/internals/base-svg/base-svg.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/internals/base-svg/base-svg.d.ts
 type SvgColor = "currentcolor" | "normal" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "brand-tertiary" | "brand-muted" | "positive" | "positive-secondary" | "positive-tertiary" | "positive-muted" | "negative" | "negative-secondary" | "negative-tertiary" | "negative-muted" | "warn" | "warn-secondary" | "warn-tertiary" | "warn-muted" | "info" | "info-secondary" | "info-tertiary" | "info-muted" | "on-neutral" | "on-brand" | "on-positive" | "on-negative" | "on-warn" | "on-info";
-interface BaseSvgProps extends React.ComponentPropsWithoutRef<"svg"> {
+interface BaseSvgProps extends React$1.ComponentPropsWithoutRef<"svg"> {
   /**
    * The semantic color of the SVG. Maps to theme tokens.
    * @default "currentcolor"

package/dist/internals/base-svg/base-svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-svg.js","names":["styles"],"sources":["../../../src/internals/base-svg/base-svg.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./base-svg.module.css\";\n\nexport type SvgColor =\n  | \"currentcolor\"\n  | \"normal\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"muted\"\n  | \"brand\"\n  | \"brand-secondary\"\n  | \"brand-tertiary\"\n  | \"brand-muted\"\n  | \"positive\"\n  | \"positive-secondary\"\n  | \"positive-tertiary\"\n  | \"positive-muted\"\n  | \"negative\"\n  | \"negative-secondary\"\n  | \"negative-tertiary\"\n  | \"negative-muted\"\n  | \"warn\"\n  | \"warn-secondary\"\n  | \"warn-tertiary\"\n  | \"warn-muted\"\n  | \"info\"\n  | \"info-secondary\"\n  | \"info-tertiary\"\n  | \"info-muted\"\n  | \"on-neutral\"\n  | \"on-brand\"\n  | \"on-positive\"\n  | \"on-negative\"\n  | \"on-warn\"\n  | \"on-info\";\n\nexport interface BaseSvgProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  /**\n   * The semantic color of the SVG. Maps to theme tokens.\n   * @default \"currentcolor\"\n   */\n  color?: SvgColor;\n\n  /**\n   * The viewBox of the SVG.\n   * @default \"0 0 24 24\"\n   */\n  viewBox?: string;\n\n  /**\n   * Provides a human-readable title for the element for accessibility.\n   */\n  title?: string;\n\n  /**\n   * The size of the icon in pixels (converted to rem internally).\n   * If set to `\"auto\"`, the icon inherits the parent's dimensions.\n   * @default \"auto\"\n   */\n  size?: number | \"auto\";\n}\n\nexport const BaseSvg = React.forwardRef<SVGSVGElement, BaseSvgProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      title,\n      style: otherStyles,\n      color = \"currentcolor\",\n      viewBox = \"0 0 24 24\",\n      size = \"auto\",\n      ...otherProps\n    } = props;\n\n    const hasValidSize =\n      (typeof size === \"number\" && !isNaN(size)) ||\n      (typeof size === \"string\" && size === \"auto\");\n\n    if (!hasValidSize) {\n      console.error(`Expected a valid size prop, received \\`size={${size}}\\`.`);\n    }\n\n    // Inject size as a local CSS variable to maintain zero-runtime CSS purity\n    const sizeValue = size === \"auto\" ? \"100%\" : `${(size as number) / 16}rem`;\n    const inlineStyles = {\n      \"--svg-size\": sizeValue,\n      ...otherStyles,\n    } as React.CSSProperties;\n\n    return (\n      <svg\n        {...otherProps}\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={viewBox}\n        aria-hidden={title ? undefined : true}\n        role={title ? \"img\" : undefined}\n        focusable=\"false\"\n        style={inlineStyles}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        data-color={color}\n      >\n        {title && <title>{title}</title>}\n        {children}\n      </svg>\n    );\n  },\n);\n"],"mappings":"8GA8DA,MAAa,EAAU,EAAM,YAC1B,EAAO,IAAQ,CACd,GAAM,CACJ,WACA,YACA,QACA,MAAO,EACP,QAAQ,eACR,UAAU,YACV,OAAO,OACP,GAAG,GACD,EAGD,OAAO,GAAS,UAAY,CAAC,MAAM,CAAI,GACvC,OAAO,GAAS,UAAY,IAAS,QAGtC,QAAQ,MAAM,gDAAgD,EAAK,KAAK,EAK1E,IAAM,EAAe,CACnB,aAFgB,IAAS,OAAS,OAAS,GAAI,EAAkB,GAAG,KAGpE,GAAG,CACL,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACC,MACL,MAAM,6BACG,UACT,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,MAAO,EACP,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,WAVd,CAYG,GAAS,EAAC,QAAD,CAAA,SAAQ,CAAa,CAAA,EAC9B,CACE,GAET,CACF"}
+{"version":3,"file":"base-svg.js","names":["React","styles"],"sources":["../../../src/internals/base-svg/base-svg.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./base-svg.module.css\";\n\nexport type SvgColor =\n  | \"currentcolor\"\n  | \"normal\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"muted\"\n  | \"brand\"\n  | \"brand-secondary\"\n  | \"brand-tertiary\"\n  | \"brand-muted\"\n  | \"positive\"\n  | \"positive-secondary\"\n  | \"positive-tertiary\"\n  | \"positive-muted\"\n  | \"negative\"\n  | \"negative-secondary\"\n  | \"negative-tertiary\"\n  | \"negative-muted\"\n  | \"warn\"\n  | \"warn-secondary\"\n  | \"warn-tertiary\"\n  | \"warn-muted\"\n  | \"info\"\n  | \"info-secondary\"\n  | \"info-tertiary\"\n  | \"info-muted\"\n  | \"on-neutral\"\n  | \"on-brand\"\n  | \"on-positive\"\n  | \"on-negative\"\n  | \"on-warn\"\n  | \"on-info\";\n\nexport interface BaseSvgProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  /**\n   * The semantic color of the SVG. Maps to theme tokens.\n   * @default \"currentcolor\"\n   */\n  color?: SvgColor;\n\n  /**\n   * The viewBox of the SVG.\n   * @default \"0 0 24 24\"\n   */\n  viewBox?: string;\n\n  /**\n   * Provides a human-readable title for the element for accessibility.\n   */\n  title?: string;\n\n  /**\n   * The size of the icon in pixels (converted to rem internally).\n   * If set to `\"auto\"`, the icon inherits the parent's dimensions.\n   * @default \"auto\"\n   */\n  size?: number | \"auto\";\n}\n\nexport const BaseSvg = React.forwardRef<SVGSVGElement, BaseSvgProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      title,\n      style: otherStyles,\n      color = \"currentcolor\",\n      viewBox = \"0 0 24 24\",\n      size = \"auto\",\n      ...otherProps\n    } = props;\n\n    const hasValidSize =\n      (typeof size === \"number\" && !isNaN(size)) ||\n      (typeof size === \"string\" && size === \"auto\");\n\n    if (!hasValidSize) {\n      console.error(`Expected a valid size prop, received \\`size={${size}}\\`.`);\n    }\n\n    // Inject size as a local CSS variable to maintain zero-runtime CSS purity\n    const sizeValue = size === \"auto\" ? \"100%\" : `${(size as number) / 16}rem`;\n    const inlineStyles = {\n      \"--svg-size\": sizeValue,\n      ...otherStyles,\n    } as React.CSSProperties;\n\n    return (\n      <svg\n        {...otherProps}\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={viewBox}\n        aria-hidden={title ? undefined : true}\n        role={title ? \"img\" : undefined}\n        focusable=\"false\"\n        style={inlineStyles}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        data-color={color}\n      >\n        {title && <title>{title}</title>}\n        {children}\n      </svg>\n    );\n  },\n);\n"],"mappings":"8GA8DA,MAAa,EAAUA,EAAM,YAC1B,EAAO,IAAQ,CACd,GAAM,CACJ,WACA,YACA,QACA,MAAO,EACP,QAAQ,eACR,UAAU,YACV,OAAO,OACP,GAAG,GACD,EAGD,OAAO,GAAS,UAAY,CAAC,MAAM,CAAI,GACvC,OAAO,GAAS,UAAY,IAAS,QAGtC,QAAQ,MAAM,gDAAgD,EAAK,KAAK,EAK1E,IAAM,EAAe,CACnB,aAFgB,IAAS,OAAS,OAAS,GAAI,EAAkB,GAAG,KAGpE,GAAG,CACL,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACC,MACL,MAAM,6BACG,UACT,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,MAAO,EACP,UAAW,GAAGC,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,WAVd,CAYG,GAAS,EAAC,QAAD,CAAA,SAAQ,CAAa,CAAA,EAC9B,CACE,GAET,CACF"}

package/dist/internals/base-svg/base-svg.module.js

@@ -1,2 +1,3 @@
+import './base-svg.css';
 var e={root:`X10r3W_root`};export{e as default};
 //# sourceMappingURL=base-svg.module.js.map

package/dist/internals/base-svg/base-svg.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-svg.module.js","names":[],"sources":["../../../src/internals/base-svg/base-svg.module.css"],"sourcesContent":[".root {\n  user-select: none;\n  display: inline-block;\n  vertical-align: middle;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  text-decoration: none;\n\n  /* Layout controlled by injected local variable from TSX */\n  width: var(--svg-size, 100%);\n  height: var(--svg-size, 100%);\n  min-width: var(--svg-size, 100%);\n  min-height: var(--svg-size, 100%);\n\n  /* Default fill color */\n  fill: var(--svg-fill, currentColor);\n  transition: fill 0.2s ease-in-out;\n}\n\n/* --- Colors: Neutral --- */\n.root[data-color=\"normal\"] {\n  --svg-fill: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n  --svg-fill: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n  --svg-fill: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n  --svg-fill: var(--color-content-neutral-muted);\n}\n\n/* --- Colors: Brand --- */\n.root[data-color=\"brand\"] {\n  --svg-fill: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n  --svg-fill: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n  --svg-fill: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n  --svg-fill: var(--color-content-brand-muted);\n}\n\n/* --- Colors: Positive --- */\n.root[data-color=\"positive\"] {\n  --svg-fill: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n  --svg-fill: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n  --svg-fill: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n  --svg-fill: var(--color-content-positive-muted);\n}\n\n/* --- Colors: Negative --- */\n.root[data-color=\"negative\"] {\n  --svg-fill: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n  --svg-fill: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n  --svg-fill: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n  --svg-fill: var(--color-content-negative-muted);\n}\n\n/* --- Colors: Warn --- */\n.root[data-color=\"warn\"] {\n  --svg-fill: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n  --svg-fill: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n  --svg-fill: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n  --svg-fill: var(--color-content-warn-muted);\n}\n\n/* --- Colors: Info --- */\n.root[data-color=\"info\"] {\n  --svg-fill: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n  --svg-fill: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n  --svg-fill: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n  --svg-fill: var(--color-content-info-muted);\n}\n\n/* --- Colors: On-Backgrounds --- */\n.root[data-color=\"on-neutral\"] {\n  --svg-fill: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n  --svg-fill: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n  --svg-fill: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n  --svg-fill: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n  --svg-fill: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n  --svg-fill: var(--color-on-info);\n}\n"],"mappings":"AAEA,IAAA,EAAW,CAAA,KAAO,aAAK"}
+{"version":3,"file":"base-svg.module.js","names":[],"sources":["../../../src/internals/base-svg/base-svg.module.css"],"sourcesContent":[".root {\n  user-select: none;\n  display: inline-block;\n  vertical-align: middle;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  text-decoration: none;\n\n  /* Layout controlled by injected local variable from TSX */\n  width: var(--svg-size, 100%);\n  height: var(--svg-size, 100%);\n  min-width: var(--svg-size, 100%);\n  min-height: var(--svg-size, 100%);\n\n  /* Default fill color */\n  fill: var(--svg-fill, currentColor);\n  transition: fill 0.2s ease-in-out;\n}\n\n/* --- Colors: Neutral --- */\n.root[data-color=\"normal\"] {\n  --svg-fill: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n  --svg-fill: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n  --svg-fill: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n  --svg-fill: var(--color-content-neutral-muted);\n}\n\n/* --- Colors: Brand --- */\n.root[data-color=\"brand\"] {\n  --svg-fill: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n  --svg-fill: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n  --svg-fill: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n  --svg-fill: var(--color-content-brand-muted);\n}\n\n/* --- Colors: Positive --- */\n.root[data-color=\"positive\"] {\n  --svg-fill: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n  --svg-fill: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n  --svg-fill: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n  --svg-fill: var(--color-content-positive-muted);\n}\n\n/* --- Colors: Negative --- */\n.root[data-color=\"negative\"] {\n  --svg-fill: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n  --svg-fill: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n  --svg-fill: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n  --svg-fill: var(--color-content-negative-muted);\n}\n\n/* --- Colors: Warn --- */\n.root[data-color=\"warn\"] {\n  --svg-fill: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n  --svg-fill: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n  --svg-fill: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n  --svg-fill: var(--color-content-warn-muted);\n}\n\n/* --- Colors: Info --- */\n.root[data-color=\"info\"] {\n  --svg-fill: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n  --svg-fill: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n  --svg-fill: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n  --svg-fill: var(--color-content-info-muted);\n}\n\n/* --- Colors: On-Backgrounds --- */\n.root[data-color=\"on-neutral\"] {\n  --svg-fill: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n  --svg-fill: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n  --svg-fill: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n  --svg-fill: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n  --svg-fill: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n  --svg-fill: var(--color-on-info);\n}\n"],"mappings":""}

package/dist/providers/index.d.ts

@@ -1,6 +1,3 @@
-import { usePortalConfig } from "../helpers/portal/context/hooks.js";
-import { PortalConfigProvider } from "../helpers/portal/context/provider.js";
-import { Portal, PortalProps } from "../helpers/portal/portal.js";
 import { AlertDialogContext, AlertDialogProvider, AlertDialogProviderProps, showAlertDialog } from "./alert-dialog-provider/alert-dialog-provider.js";
 import { useAlertDialog } from "./alert-dialog-provider/hooks.js";
 import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./dialog-provider/dialog-provider.js";

package/dist/providers/index.js

@@ -1 +1 @@
-import"../helpers/portal/context/hooks.js";import"../helpers/portal/context/provider.js";import"../helpers/portal/portal.js";import"../helpers/portal/index.js";import"./alert-dialog-provider/alert-dialog-provider.js";import"./alert-dialog-provider/hooks.js";import"./alert-dialog-provider/index.js";import"./dialog-provider/dialog-provider.js";import"./dialog-provider/hooks.js";import"./dialog-provider/index.js";import"./toast-provider/toast-provider.js";import"./toast-provider/index.js";
+import"./alert-dialog-provider/alert-dialog-provider.js";import"./alert-dialog-provider/hooks.js";import"./alert-dialog-provider/index.js";import"./dialog-provider/dialog-provider.js";import"./dialog-provider/hooks.js";import"./dialog-provider/index.js";import"./toast-provider/toast-provider.js";import"./toast-provider/index.js";

package/dist/providers/toast-provider/toast-provider.css

@@ -1,13 +1 @@
-.jN-iOa_viewport {
-  z-index: 1;
-  width: calc(100vw - 2rem);
-  margin: 0 auto;
-  position: fixed;
-  inset: auto 1rem 1rem auto;
-
-  @media (width >= 500px) {
-    width: 22.5rem;
-    bottom: 2rem;
-    right: 2rem;
-  }
-}
+.jN-iOa_viewport{z-index:1;width:calc(100vw - 2rem);margin:0 auto;position:fixed;inset:auto 1rem 1rem auto;@media (width>=500px){width:22.5rem;bottom:2rem;right:2rem}}

package/dist/providers/toast-provider/toast-provider.module.js

@@ -1,2 +1,3 @@
+import './toast-provider.css';
 var e={viewport:`jN-iOa_viewport`};export{e as default};
 //# sourceMappingURL=toast-provider.module.js.map

package/dist/providers/toast-provider/toast-provider.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-provider.module.js","names":[],"sources":["../../../src/providers/toast-provider/toast-provider.module.css"],"sourcesContent":[".viewport {\n  position: fixed;\n  z-index: 1;\n  width: calc(100vw - 2rem);\n  margin: 0 auto;\n  bottom: 1rem;\n  right: 1rem;\n  left: auto;\n  top: auto;\n\n  @media (min-width: 500px) {\n    bottom: 2rem;\n    right: 2rem;\n    width: 22.5rem;\n  }\n}\n"],"mappings":"AAEA,IAAA,EAAY,CAAA,SAAA,iBAAA"}
+{"version":3,"file":"toast-provider.module.js","names":[],"sources":["../../../src/providers/toast-provider/toast-provider.module.css"],"sourcesContent":[".viewport {\n  position: fixed;\n  z-index: 1;\n  width: calc(100vw - 2rem);\n  margin: 0 auto;\n  bottom: 1rem;\n  right: 1rem;\n  left: auto;\n  top: auto;\n\n  @media (min-width: 500px) {\n    bottom: 2rem;\n    right: 2rem;\n    width: 22.5rem;\n  }\n}\n"],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pantool/components",
   "description": "TODO:",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "type": "module",
   "files": [
     "dist/**/*.js",
@@ -19,34 +19,24 @@
       "default": "./dist/index.js"
     },
     "./atoms/*": {
-      "types": "./dist/atoms/*.d.ts",
-      "import": "./dist/atoms/*.js",
-      "default": "./dist/atoms/*.js"
+      "types": "./dist/atoms/*/index.d.ts",
+      "import": "./dist/atoms/*/index.js",
+      "default": "./dist/atoms/*/index.js"
     },
-    "./atoms": {
-      "types": "./dist/atoms/index.d.ts",
-      "import": "./dist/atoms/index.js",
-      "default": "./dist/atoms/index.js"
-    },
-    "./providers/*": {
-      "types": "./dist/providers/*.d.ts",
-      "import": "./dist/providers/*.js",
-      "default": "./dist/providers/*.js"
-    },
-    "./providers": {
-      "types": "./dist/providers/index.d.ts",
-      "import": "./dist/providers/index.js",
-      "default": "./dist/providers/index.js"
+    "./fields/*": {
+      "types": "./dist/fields/*/index.d.ts",
+      "import": "./dist/fields/*/index.js",
+      "default": "./dist/fields/*/index.js"
     },
     "./helpers/*": {
-      "types": "./dist/helpers/*.d.ts",
-      "import": "./dist/helpers/*.js",
-      "default": "./dist/helpers/*.js"
+      "types": "./dist/helpers/*/index.d.ts",
+      "import": "./dist/helpers/*/index.js",
+      "default": "./dist/helpers/*/index.js"
     },
-    "./helpers": {
-      "types": "./dist/helpers/index.d.ts",
-      "import": "./dist/helpers/index.js",
-      "default": "./dist/helpers/index.js"
+    "./providers/*": {
+      "types": "./dist/providers/*/index.d.ts",
+      "import": "./dist/providers/*/index.js",
+      "default": "./dist/providers/*/index.js"
     }
   },
   "peerDependencies": {
@@ -62,12 +52,8 @@
     "@dnd-kit/sortable": "^10.0.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "date-fns-jalali": "4.1.0-0",
-    "react-day-picker": "^9.13.0",
     "recharts": "^3.8.1",
-    "sonner": "^2.0.7",
-    "@pantool/lib": "1.0.0-alpha.1"
+    "@pantool/lib": "1.0.0-alpha.5"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.28.5",