@pantool/components 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/atoms/button/button.css

@@ -1,18 +1 @@
-.p9zh2a_root {
-  gap: var(--spacing-sm);
-}
-
-.p9zh2a_label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  display: inline-flex;
-  overflow: hidden;
-}
-
-.p9zh2a_icon {
-  width: var(--btn-icon-size);
-  height: var(--btn-icon-size);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
+.p9zh2a_root{gap:var(--spacing-sm)}.p9zh2a_label{white-space:nowrap;text-overflow:ellipsis;display:inline-flex;overflow:hidden}.p9zh2a_icon{width:var(--btn-icon-size);height:var(--btn-icon-size);justify-content:center;align-items:center;display:flex}

package/dist/atoms/button/button.d.ts

@@ -8,7 +8,7 @@ interface ButtonProps extends BaseButtonProps {
   /** The icon to display after the text. */
   endIcon?: React.ReactNode;
   /** The button's text. */
-  text?: React.ReactNode;
+  text: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion

package/dist/atoms/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["styles"],"sources":["../../../src/atoms/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseButton, type BaseButtonProps } from \"../../internals/base-button\";\nimport styles from \"./button.module.css\";\n\nexport interface ButtonProps extends BaseButtonProps {\n  /** The icon to display before the text. */\n  startIcon?: React.ReactNode;\n  /** The icon to display after the text. */\n  endIcon?: React.ReactNode;\n  /** The button's text. */\n  text?: React.ReactNode;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const { text, startIcon, endIcon, className, ...rest } = props;\n\n    return (\n      <BaseButton\n        ref={ref}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        {...rest}\n      >\n        {startIcon && <span className={styles[\"icon\"]}>{startIcon}</span>}\n        <span className={styles[\"label\"]}>{text}</span>\n        {endIcon && <span className={styles[\"icon\"]}>{endIcon}</span>}\n      </BaseButton>\n    );\n  },\n);\n"],"mappings":"iOAaA,MAAa,EAAS,EAAM,YACzB,EAAO,IAAQ,CACd,GAAM,CAAE,OAAM,YAAW,UAAS,YAAW,GAAG,GAAS,EAEzD,OACE,EAAC,EAAD,CACO,MACL,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,GAAI,WAHN,CAKG,GAAa,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAgB,CAAA,EAChE,EAAC,OAAD,CAAM,UAAWA,EAAO,eAAW,CAAW,CAAA,EAC7C,GAAW,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAc,CAAA,CAClD,GAEhB,CACF"}
+{"version":3,"file":"button.js","names":["styles"],"sources":["../../../src/atoms/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseButton, type BaseButtonProps } from \"../../internals/base-button\";\nimport styles from \"./button.module.css\";\n\nexport interface ButtonProps extends BaseButtonProps {\n  /** The icon to display before the text. */\n  startIcon?: React.ReactNode;\n  /** The icon to display after the text. */\n  endIcon?: React.ReactNode;\n  /** The button's text. */\n  text: React.ReactNode;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const { text, startIcon, endIcon, className, ...rest } = props;\n\n    return (\n      <BaseButton\n        ref={ref}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        {...rest}\n      >\n        {startIcon && <span className={styles[\"icon\"]}>{startIcon}</span>}\n        <span className={styles[\"label\"]}>{text}</span>\n        {endIcon && <span className={styles[\"icon\"]}>{endIcon}</span>}\n      </BaseButton>\n    );\n  },\n);\n"],"mappings":"iOAaA,MAAa,EAAS,EAAM,YACzB,EAAO,IAAQ,CACd,GAAM,CAAE,OAAM,YAAW,UAAS,YAAW,GAAG,GAAS,EAEzD,OACE,EAAC,EAAD,CACO,MACL,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,GAAI,WAHN,CAKG,GAAa,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAgB,CAAA,EAChE,EAAC,OAAD,CAAM,UAAWA,EAAO,eAAW,CAAW,CAAA,EAC7C,GAAW,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAc,CAAA,CAClD,GAEhB,CACF"}

package/dist/atoms/button/button.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.module.js","names":[],"sources":["../../../src/atoms/button/button.module.css"],"sourcesContent":[".root {\n  gap: var(--spacing-sm);\n}\n\n.label {\n  display: inline-flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* Icon sizing relative to text */\n  width: var(--btn-icon-size);\n  height: var(--btn-icon-size);\n}\n"],"mappings":"AAMA,IAAA,EAAe,CAAA,KAAA,cAAM,MAAA,eAAA,KAAA,aAAA"}
+{"version":3,"file":"button.module.js","names":[],"sources":["../../../src/atoms/button/button.module.css"],"sourcesContent":[".root {\n  gap: var(--spacing-sm);\n}\n\n.label {\n  display: inline-flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* Icon sizing relative to text */\n  width: var(--btn-icon-size);\n  height: var(--btn-icon-size);\n}\n"],"mappings":""}

package/dist/atoms/checkbox/checkbox.css

@@ -1,119 +1 @@
-.PdmYxW_root {
-  --checkbox-size: 1rem;
-  --checkbox-bg: transparent;
-  --checkbox-border: var(--color-border-primary);
-  --checkbox-color: transparent;
-  --checkbox-gap: var(--spacing-xs);
-  --checkbox-label-color: var(--color-content-neutral-base);
-  font-family: var(--typography-typeface-ltr);
-  align-items: center;
-  gap: var(--checkbox-gap);
-  display: flex;
-  position: relative;
-}
-
-.PdmYxW_root [data-slot="field-label"] {
-  height: var(--checkbox-size);
-}
-
-.PdmYxW_control {
-  box-sizing: border-box;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
-  background-color: var(--checkbox-bg);
-  color: var(--checkbox-color);
-  box-shadow: 0 0 0 1px var(--checkbox-border) inset;
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: background-color .2s, box-shadow .2s, color .2s;
-  display: flex;
-}
-
-.PdmYxW_root[data-size="sm"] {
-  --checkbox-size: .875rem;
-  --checkbox-gap: var(--spacing-xs);
-  --checkbox-label-font-size: var(--typography-body-2-size);
-  --checkbox-label-line-height: var(--typography-body-2-height);
-  --checkbox-label-font-weight: var(--typography-body-2-weight);
-}
-
-.PdmYxW_root[data-size="md"] {
-  --checkbox-size: 1rem;
-  --checkbox-gap: var(--spacing-xs);
-  --checkbox-label-font-size: var(--typography-body-1-size);
-  --checkbox-label-line-height: var(--typography-body-1-height);
-  --checkbox-label-font-weight: var(--typography-body-1-weight);
-}
-
-.PdmYxW_root[data-size="lg"] {
-  --checkbox-size: 1.25rem;
-  --checkbox-gap: var(--spacing-sm);
-  --checkbox-label-font-size: var(--typography-body-1-size);
-  --checkbox-label-line-height: var(--typography-body-1-height);
-  --checkbox-label-font-weight: var(--typography-body-1-weight);
-}
-
-.PdmYxW_control[data-checked]:not([data-invalid]), .PdmYxW_control[data-indeterminate]:not([data-invalid]) {
-  --checkbox-bg: var(--color-action-neutral-base);
-  --checkbox-border: transparent;
-  --checkbox-color: var(--color-on-neutral);
-}
-
-.PdmYxW_control:focus-visible {
-  outline-style: solid;
-  outline-width: var(--stroke-focus-ring);
-  outline-color: var(--color-action-info-base);
-  outline-offset: var(--spacing-xxs);
-}
-
-.PdmYxW_root[data-disabled] {
-  cursor: not-allowed;
-  opacity: .5;
-
-  & * {
-    cursor: not-allowed;
-  }
-}
-
-.PdmYxW_root[data-invalid] {
-  --checkbox-border: var(--color-negative);
-  --field-label-color: var(--color-content-negative-muted);
-  --checkbox-label-color: var(--color-content-neutral-base);
-}
-
-.PdmYxW_control[data-invalid][data-checked], .PdmYxW_control[data-invalid][data-indeterminate] {
-  --checkbox-bg: var(--color-negative);
-  --checkbox-color: var(--color-on-negative);
-}
-
-.PdmYxW_indicator {
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.PdmYxW_root[data-invalid] {
-  --field-label-color: var(--color-content-negative-muted);
-}
-
-.PdmYxW_check-icon, .PdmYxW_minus-icon {
-  font-size: .85em;
-  display: none;
-}
-
-.PdmYxW_control[data-checked] .PdmYxW_check-icon, .PdmYxW_control[data-indeterminate] .PdmYxW_minus-icon {
-  display: block;
-}
-
-.PdmYxW_label {
-  font-size: var(--checkbox-label-font-size, var(--typography-body-2-size));
-  line-height: var(--checkbox-label-line-height, var(--typography-body-2-height));
-  font-weight: var(--checkbox-label-font-weight, var(--typography-body-2-weight));
-  color: var(--checkbox-label-color);
-}
+.PdmYxW_root{--checkbox-size:1rem;--checkbox-bg:transparent;--checkbox-border:var(--color-border-primary);--checkbox-color:transparent;--checkbox-gap:var(--spacing-xs);--checkbox-label-color:var(--color-content-neutral-base);font-family:var(--typography-typeface-ltr);align-items:center;gap:var(--checkbox-gap);display:flex;position:relative}.PdmYxW_root [data-slot=field-label]{height:var(--checkbox-size)}.PdmYxW_control{box-sizing:border-box;width:var(--checkbox-size);height:var(--checkbox-size);background-color:var(--checkbox-bg);color:var(--checkbox-color);box-shadow:0 0 0 1px var(--checkbox-border) inset;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,box-shadow .2s,color .2s;display:flex}.PdmYxW_root[data-size=sm]{--checkbox-size:.875rem;--checkbox-gap:var(--spacing-xs);--checkbox-label-font-size:var(--typography-body-2-size);--checkbox-label-line-height:var(--typography-body-2-height);--checkbox-label-font-weight:var(--typography-body-2-weight)}.PdmYxW_root[data-size=md]{--checkbox-size:1rem;--checkbox-gap:var(--spacing-xs);--checkbox-label-font-size:var(--typography-body-1-size);--checkbox-label-line-height:var(--typography-body-1-height);--checkbox-label-font-weight:var(--typography-body-1-weight)}.PdmYxW_root[data-size=lg]{--checkbox-size:1.25rem;--checkbox-gap:var(--spacing-sm);--checkbox-label-font-size:var(--typography-body-1-size);--checkbox-label-line-height:var(--typography-body-1-height);--checkbox-label-font-weight:var(--typography-body-1-weight)}.PdmYxW_control[data-checked]:not([data-invalid]),.PdmYxW_control[data-indeterminate]:not([data-invalid]){--checkbox-bg:var(--color-action-neutral-base);--checkbox-border:transparent;--checkbox-color:var(--color-on-neutral)}.PdmYxW_control:focus-visible{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}.PdmYxW_root[data-disabled]{cursor:not-allowed;opacity:.5;& *{cursor:not-allowed}}.PdmYxW_root[data-invalid]{--checkbox-border:var(--color-negative);--field-label-color:var(--color-content-negative-muted);--checkbox-label-color:var(--color-content-neutral-base)}.PdmYxW_control[data-invalid][data-checked],.PdmYxW_control[data-invalid][data-indeterminate]{--checkbox-bg:var(--color-negative);--checkbox-color:var(--color-on-negative)}.PdmYxW_indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.PdmYxW_root[data-invalid]{--field-label-color:var(--color-content-negative-muted)}.PdmYxW_check-icon,.PdmYxW_minus-icon{font-size:.85em;display:none}.PdmYxW_control[data-checked] .PdmYxW_check-icon,.PdmYxW_control[data-indeterminate] .PdmYxW_minus-icon{display:block}.PdmYxW_label{font-size:var(--checkbox-label-font-size,var(--typography-body-2-size));line-height:var(--checkbox-label-line-height,var(--typography-body-2-height));font-weight:var(--checkbox-label-font-weight,var(--typography-body-2-weight));color:var(--checkbox-label-color)}

package/dist/atoms/checkbox/checkbox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.module.js","names":[],"sources":["../../../src/atoms/checkbox/checkbox.module.css"],"sourcesContent":[".root {\n  --checkbox-size: 1rem;\n  --checkbox-bg: transparent;\n  --checkbox-border: var(--color-border-primary);\n  --checkbox-color: transparent;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-color: var(--color-content-neutral-base);\n\n  font-family: var(--typography-typeface-ltr);\n  display: flex;\n  align-items: center;\n  position: relative;\n  gap: var(--checkbox-gap);\n}\n.root [data-slot=\"field-label\"] {\n  height: var(--checkbox-size);\n}\n\n.control {\n  /* Base Styles */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--checkbox-size);\n  height: var(--checkbox-size);\n  background-color: var(--checkbox-bg);\n  color: var(--checkbox-color);\n  box-shadow: 0 0 0 1px var(--checkbox-border) inset; /* inset shadow acts as border without altering layout size */\n  border-radius: 4px; /* Hardcoded standard rounding for checkboxes, or map to a small radius token */\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition:\n    background-color 0.2s,\n    box-shadow 0.2s,\n    color 0.2s;\n}\n\n.root[data-size=\"sm\"] {\n  --checkbox-size: 0.875rem;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-font-size: var(--typography-body-2-size);\n  --checkbox-label-line-height: var(--typography-body-2-height);\n  --checkbox-label-font-weight: var(--typography-body-2-weight);\n}\n.root[data-size=\"md\"] {\n  --checkbox-size: 1rem;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-font-size: var(--typography-body-1-size);\n  --checkbox-label-line-height: var(--typography-body-1-height);\n  --checkbox-label-font-weight: var(--typography-body-1-weight);\n}\n.root[data-size=\"lg\"] {\n  --checkbox-size: 1.25rem;\n  --checkbox-gap: var(--spacing-sm);\n  --checkbox-label-font-size: var(--typography-body-1-size);\n  --checkbox-label-line-height: var(--typography-body-1-height);\n  --checkbox-label-font-weight: var(--typography-body-1-weight);\n}\n\n/* Base UI passes data-checked and data-indeterminate to the root element when active */\n.control[data-checked]:not([data-invalid]),\n.control[data-indeterminate]:not([data-invalid]) {\n  --checkbox-bg: var(--color-action-neutral-base);\n  --checkbox-border: transparent;\n  --checkbox-color: var(--color-on-neutral);\n}\n\n.control:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n  & * {\n    cursor: not-allowed;\n  }\n}\n\n.root[data-invalid] {\n  --checkbox-border: var(--color-negative);\n  --field-label-color: var(--color-content-negative-muted);\n  --checkbox-label-color: var(--color-content-neutral-base);\n}\n.control[data-invalid][data-checked],\n.control[data-invalid][data-indeterminate] {\n  --checkbox-bg: var(--color-negative);\n  --checkbox-color: var(--color-on-negative);\n}\n\n.indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.root[data-invalid] {\n  --field-label-color: var(--color-content-negative-muted);\n}\n\n.check-icon,\n.minus-icon {\n  font-size: 0.85em; /* Scales the icon slightly down to fit inside the box nicely */\n  display: none;\n}\n\n/* Toggle icons based on Base UI's data attributes */\n.control[data-checked] .check-icon {\n  display: block;\n}\n.control[data-indeterminate] .minus-icon {\n  display: block;\n}\n\n.label {\n  font-size: var(--checkbox-label-font-size, var(--typography-body-2-size));\n  line-height: var(\n    --checkbox-label-line-height,\n    var(--typography-body-2-height)\n  );\n  font-weight: var(\n    --checkbox-label-font-weight,\n    var(--typography-body-2-weight)\n  );\n  color: var(--checkbox-label-color);\n}\n"],"mappings":"AAYA,IAAA,EAAA,CAAA,aAAA,oBAAA,QAAA,iBAAA,UAAA,mBAAA,MAAA,eAAA,aAAA,oBAAA,KAAA,aAAA"}
+{"version":3,"file":"checkbox.module.js","names":[],"sources":["../../../src/atoms/checkbox/checkbox.module.css"],"sourcesContent":[".root {\n  --checkbox-size: 1rem;\n  --checkbox-bg: transparent;\n  --checkbox-border: var(--color-border-primary);\n  --checkbox-color: transparent;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-color: var(--color-content-neutral-base);\n\n  font-family: var(--typography-typeface-ltr);\n  display: flex;\n  align-items: center;\n  position: relative;\n  gap: var(--checkbox-gap);\n}\n.root [data-slot=\"field-label\"] {\n  height: var(--checkbox-size);\n}\n\n.control {\n  /* Base Styles */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--checkbox-size);\n  height: var(--checkbox-size);\n  background-color: var(--checkbox-bg);\n  color: var(--checkbox-color);\n  box-shadow: 0 0 0 1px var(--checkbox-border) inset; /* inset shadow acts as border without altering layout size */\n  border-radius: 4px; /* Hardcoded standard rounding for checkboxes, or map to a small radius token */\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition:\n    background-color 0.2s,\n    box-shadow 0.2s,\n    color 0.2s;\n}\n\n.root[data-size=\"sm\"] {\n  --checkbox-size: 0.875rem;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-font-size: var(--typography-body-2-size);\n  --checkbox-label-line-height: var(--typography-body-2-height);\n  --checkbox-label-font-weight: var(--typography-body-2-weight);\n}\n.root[data-size=\"md\"] {\n  --checkbox-size: 1rem;\n  --checkbox-gap: var(--spacing-xs);\n  --checkbox-label-font-size: var(--typography-body-1-size);\n  --checkbox-label-line-height: var(--typography-body-1-height);\n  --checkbox-label-font-weight: var(--typography-body-1-weight);\n}\n.root[data-size=\"lg\"] {\n  --checkbox-size: 1.25rem;\n  --checkbox-gap: var(--spacing-sm);\n  --checkbox-label-font-size: var(--typography-body-1-size);\n  --checkbox-label-line-height: var(--typography-body-1-height);\n  --checkbox-label-font-weight: var(--typography-body-1-weight);\n}\n\n/* Base UI passes data-checked and data-indeterminate to the root element when active */\n.control[data-checked]:not([data-invalid]),\n.control[data-indeterminate]:not([data-invalid]) {\n  --checkbox-bg: var(--color-action-neutral-base);\n  --checkbox-border: transparent;\n  --checkbox-color: var(--color-on-neutral);\n}\n\n.control:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n  & * {\n    cursor: not-allowed;\n  }\n}\n\n.root[data-invalid] {\n  --checkbox-border: var(--color-negative);\n  --field-label-color: var(--color-content-negative-muted);\n  --checkbox-label-color: var(--color-content-neutral-base);\n}\n.control[data-invalid][data-checked],\n.control[data-invalid][data-indeterminate] {\n  --checkbox-bg: var(--color-negative);\n  --checkbox-color: var(--color-on-negative);\n}\n\n.indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.root[data-invalid] {\n  --field-label-color: var(--color-content-negative-muted);\n}\n\n.check-icon,\n.minus-icon {\n  font-size: 0.85em; /* Scales the icon slightly down to fit inside the box nicely */\n  display: none;\n}\n\n/* Toggle icons based on Base UI's data attributes */\n.control[data-checked] .check-icon {\n  display: block;\n}\n.control[data-indeterminate] .minus-icon {\n  display: block;\n}\n\n.label {\n  font-size: var(--checkbox-label-font-size, var(--typography-body-2-size));\n  line-height: var(\n    --checkbox-label-line-height,\n    var(--typography-body-2-height)\n  );\n  font-weight: var(\n    --checkbox-label-font-weight,\n    var(--typography-body-2-weight)\n  );\n  color: var(--checkbox-label-color);\n}\n"],"mappings":""}

package/dist/atoms/collapsible/collapsible.css

@@ -0,0 +1 @@
+.uQwcna_panel{height:var(--collapsible-panel-height);width:var(--collapsible-panel-width);transition:height .15s ease-out;overflow:hidden;&[hidden]:not([hidden=until-found]){display:none}&[data-starting-style],&[data-ending-style]{height:0}}

package/dist/atoms/collapsible/collapsible.d.ts

@@ -0,0 +1,16 @@
+import { CollapsibleRootProps } from "@base-ui/react";
+
+//#region src/atoms/collapsible/collapsible.d.ts
+type CollapsibleProps = Omit<CollapsibleRootProps, "className"> & {
+  renderTrigger: React.ReactElement;
+  classNames?: {
+    root?: string;
+    trigger?: string;
+    panel?: string;
+  };
+  children: React.ReactElement;
+};
+declare const Collapsible$1: React.FC<CollapsibleProps>;
+//#endregion
+export { Collapsible$1 as Collapsible };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/atoms/collapsible/collapsible.js

@@ -0,0 +1,2 @@
+import e from"./collapsible.module.js";import t from"clsx";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Collapsible as i}from"@base-ui/react";const a=a=>{let{renderTrigger:o,classNames:s,children:c}=a;return r(i.Root,{className:s?.root,children:[n(i.Trigger,{className:s?.trigger,render:o}),n(i.Panel,{className:t(e.panel,s?.panel),children:c})]})};export{a as Collapsible};
+//# sourceMappingURL=collapsible.js.map

package/dist/atoms/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":["Collapsible","BaseUiCollapsible","styles"],"sources":["../../../src/atoms/collapsible/collapsible.tsx"],"sourcesContent":["import {\n  Collapsible as BaseUiCollapsible,\n  type CollapsibleRootProps as BaseUiCollapsibleRootProps,\n} from \"@base-ui/react\";\nimport clsx from \"clsx\";\nimport styles from \"./collapsible.module.css\";\n\ntype CollapsibleProps = Omit<BaseUiCollapsibleRootProps, \"className\"> & {\n  renderTrigger: React.ReactElement;\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    panel?: string;\n  };\n  children: React.ReactElement;\n};\n\nexport const Collapsible: React.FC<CollapsibleProps> = props => {\n  const { renderTrigger, classNames, children } = props;\n  return (\n    <BaseUiCollapsible.Root className={classNames?.root}>\n      <BaseUiCollapsible.Trigger\n        className={classNames?.trigger}\n        render={renderTrigger}\n      />\n      <BaseUiCollapsible.Panel\n        className={clsx(styles[\"panel\"], classNames?.panel)}\n      >\n        {children}\n      </BaseUiCollapsible.Panel>\n    </BaseUiCollapsible.Root>\n  );\n};\n"],"mappings":"0JAiBA,MAAaA,EAA0C,GAAS,CAC9D,GAAM,CAAE,gBAAe,aAAY,YAAa,EAChD,OACE,EAACC,EAAkB,KAAnB,CAAwB,UAAW,GAAY,cAA/C,CACE,EAACA,EAAkB,QAAnB,CACE,UAAW,GAAY,QACvB,OAAQ,CACT,CAAA,EACD,EAACA,EAAkB,MAAnB,CACE,UAAW,EAAKC,EAAO,MAAU,GAAY,KAAK,EAEjD,UACsB,CAAA,CACH,GAE5B"}

package/dist/atoms/collapsible/collapsible.module.js

@@ -0,0 +1,3 @@
+import './collapsible.css';
+var e={panel:`uQwcna_panel`};export{e as default};
+//# sourceMappingURL=collapsible.module.js.map

package/dist/atoms/collapsible/collapsible.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.module.js","names":[],"sources":["../../../src/atoms/collapsible/collapsible.module.css"],"sourcesContent":[".panel {\n  height: var(--collapsible-panel-height);\n  width: var(--collapsible-panel-width);\n  overflow: hidden;\n  transition: height 150ms ease-out;\n\n  &[hidden]:not([hidden=\"until-found\"]) {\n    display: none;\n  }\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    height: 0;\n  }\n}\n"],"mappings":""}

package/dist/atoms/collapsible/index.d.ts

@@ -0,0 +1 @@
+import { Collapsible } from "./collapsible.js";

package/dist/atoms/collapsible/index.js

@@ -0,0 +1 @@
+import"./collapsible.js";

package/dist/atoms/combobox/combobox.css

@@ -1,302 +1 @@
-.KAWYaW_control {
-  align-items: center;
-  gap: var(--spacing-xs);
-  width: 100%;
-  display: flex;
-  position: relative;
-}
-
-.KAWYaW_start-adornment, .KAWYaW_end-adornment {
-  height: var(--field-control-icon-size);
-  align-items: center;
-  display: flex;
-
-  & [data-slot="input-adornment-root"] {
-    &[data-kind="icon"] {
-      width: var(--adornment-icon-size);
-      height: var(--adornment-icon-size);
-      color: var(--field-label-color);
-    }
-
-    &[data-kind="button"] {
-      width: var(--adornment-button-size);
-      height: var(--adornment-button-size);
-      color: var(--field-label-color);
-    }
-  }
-}
-
-.KAWYaW_control[data-size="sm"] {
-  --adornment-icon-size: 1rem;
-  --adornment-button-size: 1.5rem;
-  --input-group-gap: var(--spacing-xs);
-  --combobox-chip-size: 1rem;
-}
-
-.KAWYaW_control[data-size="md"] {
-  --adornment-icon-size: 1.5rem;
-  --adornment-button-size: 2rem;
-  --input-group-gap: var(--spacing-xs);
-  --combobox-chip-size: 1rem;
-}
-
-.KAWYaW_control[data-size="lg"] {
-  --adornment-icon-size: 2rem;
-  --adornment-button-size: 2.5rem;
-  --input-group-gap: var(--spacing-sm);
-  --combobox-chip-size: 1rem;
-}
-
-.KAWYaW_input-group {
-  box-sizing: border-box;
-  min-width: 12rem;
-  min-height: var(--field-control-height);
-  border: 1px solid var(--color-border-primary);
-  background-color: var(--color-surface-base);
-  border-radius: var(--field-control-radius);
-  align-items: center;
-  gap: var(--input-group-gap);
-  padding: 0 var(--spacing-sm);
-  flex-wrap: wrap;
-  flex: 1;
-  transition: border-color .2s ease-in-out;
-  display: flex;
-  position: relative;
-}
-
-.KAWYaW_input-group:focus-within {
-  outline-style: solid;
-  outline-width: var(--stroke-focus-ring);
-  outline-color: var(--color-action-info-base);
-  outline-offset: var(--spacing-xxs);
-}
-
-.KAWYaW_input {
-  box-sizing: border-box;
-  min-width: 4rem;
-  height: calc(var(--field-control-height) - 2px);
-  font-family: var(--typography-typeface-ltr);
-  font-size: var(--field-control-font-size);
-  line-height: var(--field-control-line-height);
-  font-weight: var(--field-control-font-weight);
-  color: var(--field-control-text-color);
-  background-color: #0000;
-  border: none;
-  border-radius: 0;
-  outline: none;
-  flex: 1;
-  margin: 0;
-  padding: 0;
-}
-
-.KAWYaW_input::placeholder {
-  color: var(--field-control-placeholder-color);
-}
-
-.KAWYaW_input:focus {
-  outline: none;
-}
-
-.KAWYaW_chips {
-  align-items: center;
-  gap: var(--spacing-xs);
-  padding: var(--spacing-xxs) 0;
-  flex-wrap: wrap;
-  flex: 1;
-  display: flex;
-}
-
-.KAWYaW_chip {
-  --combobox-chip-bg: var(--color-surface-secondary);
-  --combobox-chip-color: var(--color-content-brand-secondary);
-  box-sizing: border-box;
-  align-items: center;
-  gap: var(--spacing-xxs);
-  background-color: var(--combobox-chip-bg);
-  color: var(--combobox-chip-color);
-  border: 1px solid var(--combobox-chip-color);
-  padding: 0 var(--spacing-sm);
-  height: calc(var(--field-control-height) * .7);
-  border-radius: var(--radius-full);
-  font-size: var(--typography-caption-base-size);
-  cursor: default;
-  outline: none;
-  display: flex;
-}
-
-.KAWYaW_chip[data-highlighted] {
-  background-color: var(--color-action-neutral-muted);
-}
-
-.KAWYaW_chip-text {
-  white-space: nowrap;
-  color: var(--combobox-chip-color);
-}
-
-.KAWYaW_chip-remove {
-  color: var(--combobox-chip-color);
-  background-color: var(--combobox-chip-bg);
-  cursor: pointer;
-  height: var(--combobox-chip-size);
-  width: var(--combobox-chip-size);
-  border: none;
-  border-radius: 50%;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: background-color .1s;
-  display: flex;
-}
-
-.KAWYaW_chip-remove:hover {
-  --combobox-chip-bg: var(--color-surface-tertiary);
-}
-
-.KAWYaW_action-buttons {
-  box-sizing: border-box;
-  align-items: center;
-  gap: var(--spacing-xxs);
-  padding-left: var(--spacing-sm);
-  height: 100%;
-  margin-left: auto;
-  display: flex;
-}
-
-.KAWYaW_trigger, .KAWYaW_clear {
-  box-sizing: border-box;
-  width: var(--field-control-icon-size);
-  height: var(--field-control-icon-size);
-  color: var(--field-label-color);
-  border-radius: var(--radius-full);
-  background: none;
-  border: none;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  transition: color .1s, background-color .1s;
-  display: flex;
-}
-
-.KAWYaW_trigger:hover, .KAWYaW_clear:hover {
-  color: var(--color-content-neutral-base);
-  background-color: var(--color-surface-secondary);
-}
-
-.KAWYaW_trigger:focus-visible, .KAWYaW_clear:focus-visible {
-  outline-style: solid;
-  outline-width: var(--stroke-focus-ring);
-  outline-color: var(--color-action-info-base);
-  outline-offset: var(--spacing-xxs);
-}
-
-.KAWYaW_trigger[data-disabled], .KAWYaW_clear[data-disabled] {
-  cursor: not-allowed;
-  user-select: none;
-}
-
-.KAWYaW_positioner {
-  z-index: var(--zindex-1);
-  outline: 0;
-}
-
-.KAWYaW_popup {
-  box-sizing: border-box;
-  background-color: var(--color-surface-base);
-  color: var(--color-content-neutral-base);
-  width: var(--anchor-width);
-  max-width: var(--available-width);
-  min-width: 12rem;
-  transform-origin: var(--transform-origin);
-  border: 1px solid var(--color-border-primary);
-  transition: opacity .1s, transform .1s;
-  overflow: hidden;
-  box-shadow: 0 4px 12px #0000001a;
-}
-
-.KAWYaW_popup.KAWYaW_full-width {
-  width: 100%;
-}
-
-.KAWYaW_popup[data-starting-style], .KAWYaW_popup[data-ending-style] {
-  opacity: 0;
-  transform: scale(.95);
-}
-
-.KAWYaW_list {
-  box-sizing: border-box;
-  overscroll-behavior: contain;
-  padding-block: var(--spacing-xs);
-  scroll-padding-block: var(--spacing-xs);
-  max-height: min(22.5rem, var(--available-height));
-  outline: 0;
-  overflow-y: auto;
-}
-
-.KAWYaW_list[data-empty] {
-  padding: 0;
-}
-
-.KAWYaW_group {
-  padding-block: var(--spacing-xs);
-}
-
-.KAWYaW_group-label {
-  padding: var(--spacing-xxs) var(--spacing-md);
-  font-size: var(--typography-caption-base-size);
-  font-weight: var(--typography-subheading-2-weight);
-  color: var(--color-content-neutral-muted);
-  text-transform: uppercase;
-  letter-spacing: .05em;
-}
-
-.KAWYaW_item {
-  box-sizing: border-box;
-  cursor: default;
-  user-select: none;
-  padding-block: var(--spacing-sm);
-  padding-left: var(--spacing-md);
-  padding-right: var(--spacing-md);
-  gap: var(--spacing-sm);
-  font-size: var(--field-control-font-size);
-  line-height: var(--field-control-line-height);
-  font-weight: var(--field-control-font-weight);
-  outline: 0;
-  grid-template-columns: 1rem 1fr;
-  align-items: center;
-  transition: background-color .1s;
-  display: grid;
-  position: relative;
-}
-
-.KAWYaW_item[data-highlighted] {
-  background-color: var(--color-surface-secondary);
-}
-
-.KAWYaW_item[data-selected] {
-  color: var(--color-content-brand-base);
-  font-weight: var(--typography-subheading-2-weight);
-}
-
-.KAWYaW_item[data-disabled] {
-  opacity: .5;
-  cursor: not-allowed;
-}
-
-.KAWYaW_item-indicator {
-  grid-column-start: 1;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.KAWYaW_item-text {
-  grid-column-start: 2;
-}
-
-.KAWYaW_empty {
-  box-sizing: border-box;
-  padding: var(--spacing-md);
-  font-size: var(--field-control-font-size);
-  color: var(--color-content-neutral-muted);
-  text-align: center;
-}
+.KAWYaW_control{align-items:center;gap:var(--spacing-xs);width:100%;display:flex;position:relative}.KAWYaW_start-adornment,.KAWYaW_end-adornment{height:var(--field-control-icon-size);align-items:center;display:flex;& [data-slot=input-adornment-root]{&[data-kind=icon]{width:var(--adornment-icon-size);height:var(--adornment-icon-size);color:var(--field-label-color)}&[data-kind=button]{width:var(--adornment-button-size);height:var(--adornment-button-size);color:var(--field-label-color)}}}.KAWYaW_control[data-size=sm]{--adornment-icon-size:1rem;--adornment-button-size:1.5rem;--input-group-gap:var(--spacing-xs);--combobox-chip-size:1rem}.KAWYaW_control[data-size=md]{--adornment-icon-size:1.5rem;--adornment-button-size:2rem;--input-group-gap:var(--spacing-xs);--combobox-chip-size:1rem}.KAWYaW_control[data-size=lg]{--adornment-icon-size:2rem;--adornment-button-size:2.5rem;--input-group-gap:var(--spacing-sm);--combobox-chip-size:1rem}.KAWYaW_input-group{box-sizing:border-box;min-width:12rem;min-height:var(--field-control-height);border:1px solid var(--color-border-primary);background-color:var(--color-surface-base);border-radius:var(--field-control-radius);align-items:center;gap:var(--input-group-gap);padding:0 var(--spacing-sm);flex-wrap:wrap;flex:1;transition:border-color .2s ease-in-out;display:flex;position:relative}.KAWYaW_input-group:focus-within{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}.KAWYaW_input{box-sizing:border-box;min-width:4rem;height:calc(var(--field-control-height) - 2px);font-family:var(--typography-typeface-ltr);font-size:var(--field-control-font-size);line-height:var(--field-control-line-height);font-weight:var(--field-control-font-weight);color:var(--field-control-text-color);background-color:#0000;border:none;border-radius:0;outline:none;flex:1;margin:0;padding:0}.KAWYaW_input::placeholder{color:var(--field-control-placeholder-color)}.KAWYaW_input:focus{outline:none}.KAWYaW_chips{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) 0;flex-wrap:wrap;flex:1;display:flex}.KAWYaW_chip{--combobox-chip-bg:var(--color-surface-secondary);--combobox-chip-color:var(--color-content-brand-secondary);box-sizing:border-box;align-items:center;gap:var(--spacing-xxs);background-color:var(--combobox-chip-bg);color:var(--combobox-chip-color);border:1px solid var(--combobox-chip-color);padding:0 var(--spacing-sm);height:calc(var(--field-control-height) * .7);border-radius:var(--radius-full);font-size:var(--typography-caption-base-size);cursor:default;outline:none;display:flex}.KAWYaW_chip[data-highlighted]{background-color:var(--color-action-neutral-muted)}.KAWYaW_chip-text{white-space:nowrap;color:var(--combobox-chip-color)}.KAWYaW_chip-remove{color:var(--combobox-chip-color);background-color:var(--combobox-chip-bg);cursor:pointer;height:var(--combobox-chip-size);width:var(--combobox-chip-size);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .1s;display:flex}.KAWYaW_chip-remove:hover{--combobox-chip-bg:var(--color-surface-tertiary)}.KAWYaW_action-buttons{box-sizing:border-box;align-items:center;gap:var(--spacing-xxs);padding-left:var(--spacing-sm);height:100%;margin-left:auto;display:flex}.KAWYaW_trigger,.KAWYaW_clear{box-sizing:border-box;width:var(--field-control-icon-size);height:var(--field-control-icon-size);color:var(--field-label-color);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .1s,background-color .1s;display:flex}.KAWYaW_trigger:hover,.KAWYaW_clear:hover{color:var(--color-content-neutral-base);background-color:var(--color-surface-secondary)}.KAWYaW_trigger:focus-visible,.KAWYaW_clear:focus-visible{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}.KAWYaW_trigger[data-disabled],.KAWYaW_clear[data-disabled]{cursor:not-allowed;user-select:none}.KAWYaW_positioner{z-index:var(--zindex-1);outline:0}.KAWYaW_popup{box-sizing:border-box;background-color:var(--color-surface-base);color:var(--color-content-neutral-base);width:var(--anchor-width);max-width:var(--available-width);min-width:12rem;transform-origin:var(--transform-origin);border:1px solid var(--color-border-primary);transition:opacity .1s,transform .1s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.KAWYaW_popup.KAWYaW_full-width{width:100%}.KAWYaW_popup[data-starting-style],.KAWYaW_popup[data-ending-style]{opacity:0;transform:scale(.95)}.KAWYaW_list{box-sizing:border-box;overscroll-behavior:contain;padding-block:var(--spacing-xs);scroll-padding-block:var(--spacing-xs);max-height:min(22.5rem, var(--available-height));outline:0;overflow-y:auto}.KAWYaW_list[data-empty]{padding:0}.KAWYaW_group{padding-block:var(--spacing-xs)}.KAWYaW_group-label{padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--typography-caption-base-size);font-weight:var(--typography-subheading-2-weight);color:var(--color-content-neutral-muted);text-transform:uppercase;letter-spacing:.05em}.KAWYaW_item{box-sizing:border-box;cursor:default;user-select:none;padding-block:var(--spacing-sm);padding-left:var(--spacing-md);padding-right:var(--spacing-md);gap:var(--spacing-sm);font-size:var(--field-control-font-size);line-height:var(--field-control-line-height);font-weight:var(--field-control-font-weight);outline:0;grid-template-columns:1rem 1fr;align-items:center;transition:background-color .1s;display:grid;position:relative}.KAWYaW_item[data-highlighted]{background-color:var(--color-surface-secondary)}.KAWYaW_item[data-selected]{color:var(--color-content-brand-base);font-weight:var(--typography-subheading-2-weight)}.KAWYaW_item[data-disabled]{opacity:.5;cursor:not-allowed}.KAWYaW_item-indicator{grid-column-start:1;justify-content:center;align-items:center;display:flex}.KAWYaW_item-text{grid-column-start:2}.KAWYaW_empty{box-sizing:border-box;padding:var(--spacing-md);font-size:var(--field-control-font-size);color:var(--color-content-neutral-muted);text-align:center}

package/dist/atoms/combobox/combobox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.module.js","names":[],"sources":["../../../src/atoms/combobox/combobox.module.css"],"sourcesContent":[".control {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  position: relative;\n  width: 100%;\n}\n\n.start-adornment,\n.end-adornment {\n  display: flex;\n  align-items: center;\n  height: var(--field-control-icon-size);\n\n  & [data-slot=\"input-adornment-root\"] {\n    &[data-kind=\"icon\"] {\n      width: var(--adornment-icon-size);\n      height: var(--adornment-icon-size);\n      color: var(--field-label-color);\n    }\n    &[data-kind=\"button\"] {\n      width: var(--adornment-button-size);\n      height: var(--adornment-button-size);\n      color: var(--field-label-color);\n    }\n  }\n}\n\n.control[data-size=\"sm\"] {\n  --adornment-icon-size: 1rem;\n  --adornment-button-size: 1.5rem;\n  --input-group-gap: var(--spacing-xs);\n  --combobox-chip-size: 1rem;\n}\n.control[data-size=\"md\"] {\n  --adornment-icon-size: 1.5rem;\n  --adornment-button-size: 2rem;\n  --input-group-gap: var(--spacing-xs);\n  --combobox-chip-size: 1rem;\n}\n.control[data-size=\"lg\"] {\n  --adornment-icon-size: 2rem;\n  --adornment-button-size: 2.5rem;\n  --input-group-gap: var(--spacing-sm);\n  --combobox-chip-size: 1rem;\n}\n\n.input-group {\n  box-sizing: border-box;\n  position: relative;\n  flex: 1;\n  min-width: 12rem;\n  min-height: var(--field-control-height);\n  border: 1px solid var(--color-border-primary);\n  background-color: var(--color-surface-base);\n  border-radius: var(--field-control-radius);\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--input-group-gap);\n  padding: 0 var(--spacing-sm);\n  transition: border-color 0.2s ease-in-out;\n}\n\n.input-group:focus-within {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.input {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-radius: 0;\n  flex: 1;\n  min-width: 4rem;\n  height: calc(var(--field-control-height) - 2px);\n  font-family: var(--typography-typeface-ltr);\n  font-size: var(--field-control-font-size);\n  line-height: var(--field-control-line-height);\n  font-weight: var(--field-control-font-weight);\n  background-color: transparent;\n  color: var(--field-control-text-color);\n  outline: none;\n}\n\n.input::placeholder {\n  color: var(--field-control-placeholder-color);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-xxs) 0;\n  flex: 1;\n}\n\n.chip {\n  --combobox-chip-bg: var(--color-surface-secondary);\n  --combobox-chip-color: var(--color-content-brand-secondary);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  background-color: var(--combobox-chip-bg);\n  color: var(--combobox-chip-color);\n  border: 1px solid var(--combobox-chip-color);\n  padding: 0 var(--spacing-sm);\n  height: calc(var(--field-control-height) * 0.7);\n  border-radius: var(--radius-full);\n  font-size: var(--typography-caption-base-size);\n  outline: none;\n  cursor: default;\n}\n\n.chip[data-highlighted] {\n  background-color: var(--color-action-neutral-muted);\n}\n\n.chip-text {\n  white-space: nowrap;\n  color: var(--combobox-chip-color);\n}\n\n.chip-remove {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  color: var(--combobox-chip-color);\n  background-color: var(--combobox-chip-bg);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background-color 0.1s;\n  height: var(--combobox-chip-size);\n  width: var(--combobox-chip-size);\n}\n\n.chip-remove:hover {\n  --combobox-chip-bg: var(--color-surface-tertiary);\n}\n\n.action-buttons {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  margin-left: auto;\n  padding-left: var(--spacing-sm);\n  height: 100%;\n}\n\n.trigger,\n.clear {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--field-control-icon-size);\n  height: var(--field-control-icon-size);\n  color: var(--field-label-color);\n  border: none;\n  padding: 0;\n  background: none;\n  border-radius: var(--radius-full);\n  transition:\n    color 0.1s,\n    background-color 0.1s;\n}\n\n.trigger:hover,\n.clear:hover {\n  color: var(--color-content-neutral-base);\n  background-color: var(--color-surface-secondary);\n}\n\n.trigger:focus-visible,\n.clear:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.trigger[data-disabled],\n.clear[data-disabled] {\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.positioner {\n  outline: 0;\n  z-index: var(--zindex-1);\n}\n\n.popup {\n  box-sizing: border-box;\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  width: var(--anchor-width);\n  max-width: var(--available-width);\n  min-width: 12rem;\n  transition:\n    opacity 0.1s,\n    transform 0.1s;\n  transform-origin: var(--transform-origin);\n  border: 1px solid var(--color-border-primary);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.popup.full-width {\n  width: 100%;\n}\n\n.popup[data-starting-style],\n.popup[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.list {\n  box-sizing: border-box;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding-block: var(--spacing-xs);\n  scroll-padding-block: var(--spacing-xs);\n  outline: 0;\n  max-height: min(22.5rem, var(--available-height));\n}\n\n.list[data-empty] {\n  padding: 0;\n}\n\n.group {\n  padding-block: var(--spacing-xs);\n}\n\n.group-label {\n  padding: var(--spacing-xxs) var(--spacing-md);\n  font-size: var(--typography-caption-base-size);\n  font-weight: var(--typography-subheading-2-weight);\n  color: var(--color-content-neutral-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.item {\n  box-sizing: border-box;\n  outline: 0;\n  cursor: default;\n  user-select: none;\n  padding-block: var(--spacing-sm);\n  padding-left: var(--spacing-md);\n  padding-right: var(--spacing-md);\n  display: grid;\n  gap: var(--spacing-sm);\n  align-items: center;\n  grid-template-columns: 1rem 1fr;\n  font-size: var(--field-control-font-size);\n  line-height: var(--field-control-line-height);\n  font-weight: var(--field-control-font-weight);\n  position: relative;\n  transition: background-color 0.1s;\n}\n\n.item[data-highlighted] {\n  background-color: var(--color-surface-secondary);\n}\n\n.item[data-selected] {\n  color: var(--color-content-brand-base);\n  font-weight: var(--typography-subheading-2-weight);\n}\n\n.item[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.item-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-column-start: 1;\n}\n\n.item-text {\n  grid-column-start: 2;\n}\n\n.empty {\n  box-sizing: border-box;\n  padding: var(--spacing-md);\n  font-size: var(--field-control-font-size);\n  color: var(--color-content-neutral-muted);\n  text-align: center;\n}\n"],"mappings":"AA4CA,IAAA,EAAa,CAAA,iBAAe,wBAAA,KAAA,cAAA,cAAA,qBAAA,YAAA,mBAAA,MAAA,eAAA,MAAA,eAAA,QAAA,iBAAA,MAAA,eAAA,gBAAA,uBAAA,aAAA,oBAAA,MAAA,eAAA,cAAA,qBAAA,MAAA,eAAA,cAAA,qBAAA,KAAA,cAAA,iBAAA,wBAAA,YAAA,mBAAA,KAAA,cAAA,MAAA,eAAA,WAAA,oBAAA,kBAAA,yBAAA,QAAA,gBAAA"}
+{"version":3,"file":"combobox.module.js","names":[],"sources":["../../../src/atoms/combobox/combobox.module.css"],"sourcesContent":[".control {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  position: relative;\n  width: 100%;\n}\n\n.start-adornment,\n.end-adornment {\n  display: flex;\n  align-items: center;\n  height: var(--field-control-icon-size);\n\n  & [data-slot=\"input-adornment-root\"] {\n    &[data-kind=\"icon\"] {\n      width: var(--adornment-icon-size);\n      height: var(--adornment-icon-size);\n      color: var(--field-label-color);\n    }\n    &[data-kind=\"button\"] {\n      width: var(--adornment-button-size);\n      height: var(--adornment-button-size);\n      color: var(--field-label-color);\n    }\n  }\n}\n\n.control[data-size=\"sm\"] {\n  --adornment-icon-size: 1rem;\n  --adornment-button-size: 1.5rem;\n  --input-group-gap: var(--spacing-xs);\n  --combobox-chip-size: 1rem;\n}\n.control[data-size=\"md\"] {\n  --adornment-icon-size: 1.5rem;\n  --adornment-button-size: 2rem;\n  --input-group-gap: var(--spacing-xs);\n  --combobox-chip-size: 1rem;\n}\n.control[data-size=\"lg\"] {\n  --adornment-icon-size: 2rem;\n  --adornment-button-size: 2.5rem;\n  --input-group-gap: var(--spacing-sm);\n  --combobox-chip-size: 1rem;\n}\n\n.input-group {\n  box-sizing: border-box;\n  position: relative;\n  flex: 1;\n  min-width: 12rem;\n  min-height: var(--field-control-height);\n  border: 1px solid var(--color-border-primary);\n  background-color: var(--color-surface-base);\n  border-radius: var(--field-control-radius);\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--input-group-gap);\n  padding: 0 var(--spacing-sm);\n  transition: border-color 0.2s ease-in-out;\n}\n\n.input-group:focus-within {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.input {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-radius: 0;\n  flex: 1;\n  min-width: 4rem;\n  height: calc(var(--field-control-height) - 2px);\n  font-family: var(--typography-typeface-ltr);\n  font-size: var(--field-control-font-size);\n  line-height: var(--field-control-line-height);\n  font-weight: var(--field-control-font-weight);\n  background-color: transparent;\n  color: var(--field-control-text-color);\n  outline: none;\n}\n\n.input::placeholder {\n  color: var(--field-control-placeholder-color);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-xs);\n  padding: var(--spacing-xxs) 0;\n  flex: 1;\n}\n\n.chip {\n  --combobox-chip-bg: var(--color-surface-secondary);\n  --combobox-chip-color: var(--color-content-brand-secondary);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  background-color: var(--combobox-chip-bg);\n  color: var(--combobox-chip-color);\n  border: 1px solid var(--combobox-chip-color);\n  padding: 0 var(--spacing-sm);\n  height: calc(var(--field-control-height) * 0.7);\n  border-radius: var(--radius-full);\n  font-size: var(--typography-caption-base-size);\n  outline: none;\n  cursor: default;\n}\n\n.chip[data-highlighted] {\n  background-color: var(--color-action-neutral-muted);\n}\n\n.chip-text {\n  white-space: nowrap;\n  color: var(--combobox-chip-color);\n}\n\n.chip-remove {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  color: var(--combobox-chip-color);\n  background-color: var(--combobox-chip-bg);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background-color 0.1s;\n  height: var(--combobox-chip-size);\n  width: var(--combobox-chip-size);\n}\n\n.chip-remove:hover {\n  --combobox-chip-bg: var(--color-surface-tertiary);\n}\n\n.action-buttons {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xxs);\n  margin-left: auto;\n  padding-left: var(--spacing-sm);\n  height: 100%;\n}\n\n.trigger,\n.clear {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--field-control-icon-size);\n  height: var(--field-control-icon-size);\n  color: var(--field-label-color);\n  border: none;\n  padding: 0;\n  background: none;\n  border-radius: var(--radius-full);\n  transition:\n    color 0.1s,\n    background-color 0.1s;\n}\n\n.trigger:hover,\n.clear:hover {\n  color: var(--color-content-neutral-base);\n  background-color: var(--color-surface-secondary);\n}\n\n.trigger:focus-visible,\n.clear:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.trigger[data-disabled],\n.clear[data-disabled] {\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.positioner {\n  outline: 0;\n  z-index: var(--zindex-1);\n}\n\n.popup {\n  box-sizing: border-box;\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  width: var(--anchor-width);\n  max-width: var(--available-width);\n  min-width: 12rem;\n  transition:\n    opacity 0.1s,\n    transform 0.1s;\n  transform-origin: var(--transform-origin);\n  border: 1px solid var(--color-border-primary);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.popup.full-width {\n  width: 100%;\n}\n\n.popup[data-starting-style],\n.popup[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.list {\n  box-sizing: border-box;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding-block: var(--spacing-xs);\n  scroll-padding-block: var(--spacing-xs);\n  outline: 0;\n  max-height: min(22.5rem, var(--available-height));\n}\n\n.list[data-empty] {\n  padding: 0;\n}\n\n.group {\n  padding-block: var(--spacing-xs);\n}\n\n.group-label {\n  padding: var(--spacing-xxs) var(--spacing-md);\n  font-size: var(--typography-caption-base-size);\n  font-weight: var(--typography-subheading-2-weight);\n  color: var(--color-content-neutral-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.item {\n  box-sizing: border-box;\n  outline: 0;\n  cursor: default;\n  user-select: none;\n  padding-block: var(--spacing-sm);\n  padding-left: var(--spacing-md);\n  padding-right: var(--spacing-md);\n  display: grid;\n  gap: var(--spacing-sm);\n  align-items: center;\n  grid-template-columns: 1rem 1fr;\n  font-size: var(--field-control-font-size);\n  line-height: var(--field-control-line-height);\n  font-weight: var(--field-control-font-weight);\n  position: relative;\n  transition: background-color 0.1s;\n}\n\n.item[data-highlighted] {\n  background-color: var(--color-surface-secondary);\n}\n\n.item[data-selected] {\n  color: var(--color-content-brand-base);\n  font-weight: var(--typography-subheading-2-weight);\n}\n\n.item[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.item-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  grid-column-start: 1;\n}\n\n.item-text {\n  grid-column-start: 2;\n}\n\n.empty {\n  box-sizing: border-box;\n  padding: var(--spacing-md);\n  font-size: var(--field-control-font-size);\n  color: var(--color-content-neutral-muted);\n  text-align: center;\n}\n"],"mappings":""}

package/dist/atoms/context-menu/context-menu.css

@@ -1,75 +1 @@
-.K6vv9G_popup {
-  box-sizing: border-box;
-  font-family: var(--typography-typeface-ltr);
-  padding-block: var(--spacing-xs);
-  border: 1px solid var(--color-border-primary);
-  border-radius: var(--spacing-xs);
-  background-color: var(--color-surface-base);
-  color: var(--color-content-neutral-base);
-  transform-origin: var(--transform-origin);
-  outline: none;
-  transition: transform .1s ease-out, opacity .1s ease-out;
-  box-shadow: 0 4px 16px #0000001a;
-
-  &[data-starting-style], &[data-ending-style] {
-    opacity: 0;
-    transform: scale(.98);
-  }
-}
-
-.K6vv9G_item {
-  font-family: var(--typography-typeface-ltr);
-  cursor: default;
-  user-select: none;
-  padding-block: var(--spacing-sm);
-  padding-inline: var(--spacing-md);
-  border-radius: var(--spacing-xxs);
-  color: var(--color-content-neutral-base);
-  outline: none;
-  justify-content: space-between;
-  font-size: .875rem;
-  line-height: 1.4;
-  display: flex;
-
-  &[data-highlighted] {
-    z-index: 0;
-    color: var(--color-on-brand);
-    position: relative;
-  }
-
-  &[data-highlighted]:before {
-    content: "";
-    inset: 0;
-    inset-inline: var(--spacing-xs);
-    z-index: -1;
-    border-radius: var(--spacing-xxs);
-    background-color: var(--color-action-brand-base);
-    position: absolute;
-  }
-
-  &[data-disabled] {
-    color: var(--color-content-neutral-muted);
-    pointer-events: none;
-  }
-}
-
-.K6vv9G_separator {
-  margin-block: var(--spacing-xs);
-  margin-inline: var(--spacing-sm);
-  background-color: var(--color-border-tertiary);
-  height: 1px;
-}
-
-.K6vv9G_group-label {
-  font-family: var(--typography-typeface-ltr);
-  padding-block: var(--spacing-xxs);
-  padding-inline: var(--spacing-md);
-  color: var(--color-content-neutral-tertiary);
-  font-size: .75rem;
-  font-weight: 600;
-}
-
-.K6vv9G_chevron {
-  width: 1rem;
-  height: 1rem;
-}
+.K6vv9G_popup{box-sizing:border-box;font-family:var(--typography-typeface-ltr);padding-block:var(--spacing-xs);border:1px solid var(--color-border-primary);border-radius:var(--spacing-xs);background-color:var(--color-surface-base);color:var(--color-content-neutral-base);transform-origin:var(--transform-origin);outline:none;transition:transform .1s ease-out,opacity .1s ease-out;box-shadow:0 4px 16px #0000001a;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.98)}}.K6vv9G_item{font-family:var(--typography-typeface-ltr);cursor:default;user-select:none;padding-block:var(--spacing-sm);padding-inline:var(--spacing-md);border-radius:var(--spacing-xxs);color:var(--color-content-neutral-base);outline:none;justify-content:space-between;font-size:.875rem;line-height:1.4;display:flex;&[data-highlighted]{z-index:0;color:var(--color-on-brand);position:relative}&[data-highlighted]:before{content:"";inset:0;inset-inline:var(--spacing-xs);z-index:-1;border-radius:var(--spacing-xxs);background-color:var(--color-action-brand-base);position:absolute}&[data-disabled]{color:var(--color-content-neutral-muted);pointer-events:none}}.K6vv9G_separator{margin-block:var(--spacing-xs);margin-inline:var(--spacing-sm);background-color:var(--color-border-tertiary);height:1px}.K6vv9G_group-label{font-family:var(--typography-typeface-ltr);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-md);color:var(--color-content-neutral-tertiary);font-size:.75rem;font-weight:600}.K6vv9G_chevron{width:1rem;height:1rem}