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

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.d.ts

@@ -1,6 +1,6 @@
 import { FieldProps } from "../../internals/base-field/base-field.js";
 import { ComboboxItem } from "./components/item.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { ComboboxRootProps } from "@base-ui/react/combobox";
 
 //#region src/atoms/combobox/combobox.d.ts
@@ -63,11 +63,11 @@ type ComboboxProps<T = string, Multiple extends boolean | undefined = false> = P
   /**
    * Slot for element placed at the start of the input group.
    */
-  startAdornment?: React.ReactNode;
+  startAdornment?: React$1.ReactNode;
   /**
    * Slot for element placed at the end of the input group.
    */
-  endAdornment?: React.ReactNode;
+  endAdornment?: React$1.ReactNode;
   /**
    * Placeholder text for the input.
    */

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

@@ -1,2 +1,3 @@
+import './combobox.css';
 var e={"action-buttons":`KAWYaW_action-buttons`,chip:`KAWYaW_chip`,"chip-remove":`KAWYaW_chip-remove`,"chip-text":`KAWYaW_chip-text`,chips:`KAWYaW_chips`,clear:`KAWYaW_clear`,control:`KAWYaW_control`,empty:`KAWYaW_empty`,"end-adornment":`KAWYaW_end-adornment`,"full-width":`KAWYaW_full-width`,group:`KAWYaW_group`,"group-label":`KAWYaW_group-label`,input:`KAWYaW_input`,"input-group":`KAWYaW_input-group`,item:`KAWYaW_item`,"item-indicator":`KAWYaW_item-indicator`,"item-text":`KAWYaW_item-text`,list:`KAWYaW_list`,popup:`KAWYaW_popup`,positioner:`KAWYaW_positioner`,"start-adornment":`KAWYaW_start-adornment`,trigger:`KAWYaW_trigger`};export{e as default};
 //# sourceMappingURL=combobox.module.js.map

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/combobox/index.d.ts

@@ -1 +1,2 @@
+import { ComboboxItem } from "./components/item.js";
 import { Combobox, ComboboxGroup, ComboboxProps } from "./combobox.js";

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);width:100%;padding-block:var(--spacing-xs);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);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(--radius-sm);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(--radius-sm);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}

package/dist/atoms/context-menu/context-menu.module.js

@@ -1,2 +1,3 @@
+import './context-menu.css';
 var e={chevron:`K6vv9G_chevron`,"group-label":`K6vv9G_group-label`,item:`K6vv9G_item`,popup:`K6vv9G_popup`,separator:`K6vv9G_separator`};export{e as default};
 //# sourceMappingURL=context-menu.module.js.map

package/dist/atoms/context-menu/context-menu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.module.js","names":[],"sources":["../../../src/atoms/context-menu/context-menu.module.css"],"sourcesContent":[".popup {\n  box-sizing: border-box;\n  font-family: var(--typography-typeface-ltr);\n  outline: none;\n  padding-block: var(--spacing-xs);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--spacing-xs);\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n  transform-origin: var(--transform-origin);\n  transition:\n    transform 100ms ease-out,\n    opacity 100ms ease-out;\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n\n.item {\n  font-family: var(--typography-typeface-ltr);\n  outline: none;\n  cursor: default;\n  user-select: none;\n  padding-block: var(--spacing-sm);\n  padding-inline: var(--spacing-md);\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n  line-height: 1.4;\n  border-radius: var(--spacing-xxs);\n  color: var(--color-content-neutral-base);\n\n  &[data-highlighted] {\n    position: relative;\n    z-index: 0;\n    color: var(--color-on-brand);\n  }\n\n  &[data-highlighted]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    inset-inline: var(--spacing-xs);\n    z-index: -1;\n    border-radius: var(--spacing-xxs);\n    background-color: var(--color-action-brand-base);\n  }\n\n  &[data-disabled] {\n    color: var(--color-content-neutral-muted);\n    pointer-events: none;\n  }\n}\n\n.separator {\n  margin-block: var(--spacing-xs);\n  margin-inline: var(--spacing-sm);\n  height: 1px;\n  background-color: var(--color-border-tertiary);\n}\n\n.group-label {\n  font-family: var(--typography-typeface-ltr);\n  padding-block: var(--spacing-xxs);\n  padding-inline: var(--spacing-md);\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--color-content-neutral-tertiary);\n}\n\n.chevron {\n  width: 1rem;\n  height: 1rem;\n}\n"],"mappings":"AAUA,IAAA,EAAY,CAAA,QAAa,iBAAW,cAAO,qBAAA,KAAA,cAAA,MAAA,eAAA,UAAA,kBAAA"}
+{"version":3,"file":"context-menu.module.js","names":[],"sources":["../../../src/atoms/context-menu/context-menu.module.css"],"sourcesContent":[".popup {\n  box-sizing: border-box;\n  font-family: var(--typography-typeface-ltr);\n  outline: none;\n  width: 100%;\n  padding-block: var(--spacing-xs);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-md);\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n  transform-origin: var(--transform-origin);\n  transition:\n    transform 100ms ease-out,\n    opacity 100ms ease-out;\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n\n.item {\n  font-family: var(--typography-typeface-ltr);\n  outline: none;\n  cursor: default;\n  user-select: none;\n  padding-block: var(--spacing-sm);\n  padding-inline: var(--spacing-md);\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n  line-height: 1.4;\n  border-radius: var(--radius-sm);\n  color: var(--color-content-neutral-base);\n\n  &[data-highlighted] {\n    position: relative;\n    z-index: 0;\n    color: var(--color-on-brand);\n  }\n\n  &[data-highlighted]::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    inset-inline: var(--spacing-xs);\n    z-index: -1;\n    border-radius: var(--radius-sm);\n    background-color: var(--color-action-brand-base);\n  }\n\n  &[data-disabled] {\n    color: var(--color-content-neutral-muted);\n    pointer-events: none;\n  }\n}\n\n.separator {\n  margin-block: var(--spacing-xs);\n  margin-inline: var(--spacing-sm);\n  height: 1px;\n  background-color: var(--color-border-tertiary);\n}\n\n.group-label {\n  font-family: var(--typography-typeface-ltr);\n  padding-block: var(--spacing-xxs);\n  padding-inline: var(--spacing-md);\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--color-content-neutral-tertiary);\n}\n\n.chevron {\n  width: 1rem;\n  height: 1rem;\n}\n"],"mappings":""}

package/dist/atoms/icon/icon.d.ts

@@ -1,5 +1,5 @@
 import { BaseSvgProps } from "../../internals/base-svg/base-svg.js";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/atoms/icon/icon.d.ts
 interface IconProps extends Omit<BaseSvgProps, "children"> {
@@ -8,7 +8,7 @@ interface IconProps extends Omit<BaseSvgProps, "children"> {
    */
   data: string;
 }
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { Icon, IconProps };
 //# sourceMappingURL=icon.d.ts.map

package/dist/atoms/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../src/atoms/icon/icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseSvg, type BaseSvgProps } from \"../../internals/base-svg\";\n\nexport interface IconProps extends Omit<BaseSvgProps, \"children\"> {\n  /**\n   * The SVG path string (`d` attribute value).\n   */\n  data: string;\n}\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n  const { data, className, ...otherProps } = props;\n\n  return (\n    <BaseSvg\n      data-slot=\"icon\"\n      ref={ref}\n      className={`${className || \"\"}`.trim()}\n      {...otherProps}\n    >\n      <path d={data} />\n    </BaseSvg>\n  );\n});\n"],"mappings":"yKAUA,MAAa,EAAO,EAAM,YAAsC,EAAO,IAAQ,CAC7E,GAAM,CAAE,OAAM,YAAW,GAAG,GAAe,EAE3C,OACE,EAAC,EAAD,CACE,YAAU,OACL,MACL,UAAW,GAAG,GAAa,KAAK,KAAK,EACrC,GAAI,WAEJ,EAAC,OAAD,CAAM,EAAG,CAAO,CAAA,CACT,CAAA,CAEb,CAAC"}
+{"version":3,"file":"icon.js","names":["React"],"sources":["../../../src/atoms/icon/icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseSvg, type BaseSvgProps } from \"../../internals/base-svg\";\n\nexport interface IconProps extends Omit<BaseSvgProps, \"children\"> {\n  /**\n   * The SVG path string (`d` attribute value).\n   */\n  data: string;\n}\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n  const { data, className, ...otherProps } = props;\n\n  return (\n    <BaseSvg\n      data-slot=\"icon\"\n      ref={ref}\n      className={`${className || \"\"}`.trim()}\n      {...otherProps}\n    >\n      <path d={data} />\n    </BaseSvg>\n  );\n});\n"],"mappings":"yKAUA,MAAa,EAAOA,EAAM,YAAsC,EAAO,IAAQ,CAC7E,GAAM,CAAE,OAAM,YAAW,GAAG,GAAe,EAE3C,OACE,EAAC,EAAD,CACE,YAAU,OACL,MACL,UAAW,GAAG,GAAa,KAAK,KAAK,EACrC,GAAI,WAEJ,EAAC,OAAD,CAAM,EAAG,CAAO,CAAA,CACT,CAAA,CAEb,CAAC"}

package/dist/atoms/icon-button/icon-button.css

@@ -1,12 +1 @@
-.fESXeq_root {
-  width: var(--btn-height);
-  padding: 0;
-}
-
-.fESXeq_icon {
-  width: var(--btn-icon-size);
-  height: var(--btn-icon-size);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
+.fESXeq_root{width:var(--btn-height);padding:0}.fESXeq_icon{width:var(--btn-icon-size);height:var(--btn-icon-size);justify-content:center;align-items:center;display:flex}

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

@@ -1,14 +1,14 @@
 import { BaseButtonProps } from "../../internals/base-button/base-button.js";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/atoms/icon-button/icon-button.d.ts
 interface IconButtonProps extends Omit<BaseButtonProps, "children"> {
   /** The icon to render inside the button. */
-  icon: React.ReactNode;
+  icon: React$1.ReactNode;
   /** Required accessible label for screen readers. */
   label: string;
 }
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconButton, IconButtonProps };
 //# sourceMappingURL=icon-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","names":["styles"],"sources":["../../../src/atoms/icon-button/icon-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseButton, type BaseButtonProps } from \"../../internals/base-button\";\nimport styles from \"./icon-button.module.css\";\n\nexport interface IconButtonProps extends Omit<BaseButtonProps, \"children\"> {\n  /** The icon to render inside the button. */\n  icon: React.ReactNode;\n  /** Required accessible label for screen readers. */\n  label: string;\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props, ref) => {\n    const { icon, label, className, ...rest } = props;\n\n    return (\n      <BaseButton\n        ref={ref}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        aria-label={label}\n        {...rest}\n      >\n        <span className={styles[\"icon\"]}>{icon}</span>\n      </BaseButton>\n    );\n  },\n);\n"],"mappings":"4NAWA,MAAa,EAAa,EAAM,YAC7B,EAAO,IAAQ,CACd,GAAM,CAAE,OAAM,QAAO,YAAW,GAAG,GAAS,EAE5C,OACE,EAAC,EAAD,CACO,MACL,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,EACZ,GAAI,WAEJ,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAW,CAAA,CACnC,CAAA,CAEhB,CACF"}
+{"version":3,"file":"icon-button.js","names":["React","styles"],"sources":["../../../src/atoms/icon-button/icon-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseButton, type BaseButtonProps } from \"../../internals/base-button\";\nimport styles from \"./icon-button.module.css\";\n\nexport interface IconButtonProps extends Omit<BaseButtonProps, \"children\"> {\n  /** The icon to render inside the button. */\n  icon: React.ReactNode;\n  /** Required accessible label for screen readers. */\n  label: string;\n}\n\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  (props, ref) => {\n    const { icon, label, className, ...rest } = props;\n\n    return (\n      <BaseButton\n        ref={ref}\n        className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n        aria-label={label}\n        {...rest}\n      >\n        <span className={styles[\"icon\"]}>{icon}</span>\n      </BaseButton>\n    );\n  },\n);\n"],"mappings":"4NAWA,MAAa,EAAaA,EAAM,YAC7B,EAAO,IAAQ,CACd,GAAM,CAAE,OAAM,QAAO,YAAW,GAAG,GAAS,EAE5C,OACE,EAAC,EAAD,CACO,MACL,UAAW,GAAGC,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,EACZ,GAAI,WAEJ,EAAC,OAAD,CAAM,UAAWA,EAAO,cAAU,CAAW,CAAA,CACnC,CAAA,CAEhB,CACF"}

package/dist/atoms/icon-button/icon-button.module.js

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

package/dist/atoms/index.d.ts

@@ -1,17 +1,22 @@
 import { AlertDialog, AlertDialogProps } from "./alert-dialog/alert-dialog.js";
+import { Avatar, AvatarProps } from "./avatar/avatar.js";
 import { Button, ButtonProps } from "./button/button.js";
 import { Checkbox, CheckboxProps } from "./checkbox/checkbox.js";
+import { ClickableArea, ClickableAreaProps } from "./clickable-area/clickable-area.js";
+import { Collapsible } from "./collapsible/collapsible.js";
+import { ComboboxItem } from "./combobox/components/item.js";
 import { Combobox, ComboboxGroup, ComboboxProps } from "./combobox/combobox.js";
+import { ConditionGuard, ConditionGuardProps } from "./condition-guard/condition-guard.js";
 import { ContextMenu } from "./context-menu/context-menu.js";
 import { Dialog, DialogProps } from "./dialog/dialog.js";
-import { Icon, IconProps } from "./icon/icon.js";
 import { IconButton, IconButtonProps } from "./icon-button/icon-button.js";
+import { Icon, IconProps } from "./icon/icon.js";
 import { Input, InputProps } from "./input/input.js";
+import { BaseItem, CheckboxItem, GroupItem, Menu, MenuItemsByMode, MenuMode, MenuProps, NormalItem, RadioItem, SeparatorItem, SubmenuItem } from "./menu/menu.js";
 import { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./radio/radio.js";
 import { Switch, SwitchProps } from "./switch/switch.js";
 import { Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./tabs/tabs.js";
 import { TabsListState, TabsPanelState, TabsRootChangeEventDetails, TabsRootState, TabsTabState, TabsTabValue } from "./tabs/index.js";
 import { Text, TextColor, TextProps, TextVariant } from "./text/text.js";
 import { Toast, ToastData, ToastProps } from "./toast/toast.js";
-import { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from "./tooltip/tooltip.js";
-import { ConditionGuard, ConditionGuardProps } from "./condition-guard/condition-guard.js";
+import { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from "./tooltip/tooltip.js";

package/dist/atoms/index.js

@@ -1 +1 @@
-import"./button/button.js";import"./button/index.js";import"./text/text.js";import"./text/index.js";import"./alert-dialog/alert-dialog.js";import"./alert-dialog/index.js";import"./icon/icon.js";import"./icon/index.js";import"./checkbox/checkbox.js";import"./checkbox/index.js";import"./combobox/combobox.js";import"./combobox/index.js";import"./context-menu/context-menu.js";import"./context-menu/index.js";import"./dialog/dialog.js";import"./dialog/index.js";import"./icon-button/icon-button.js";import"./icon-button/index.js";import"./input/input.js";import"./input/index.js";import"./radio/radio.js";import"./radio/index.js";import"./switch/switch.js";import"./switch/index.js";import"./tabs/tabs.js";import"./tabs/index.js";import"./toast/toast.js";import"./toast/index.js";import"./tooltip/tooltip.js";import"./tooltip/index.js";import"./condition-guard/condition-guard.js";import"./condition-guard/index.js";
+import"./button/button.js";import"./button/index.js";import"./text/text.js";import"./text/index.js";import"./alert-dialog/alert-dialog.js";import"./alert-dialog/index.js";import"./avatar/avatar.js";import"./avatar/index.js";import"./icon/icon.js";import"./icon/index.js";import"./checkbox/checkbox.js";import"./checkbox/index.js";import"./clickable-area/clickable-area.js";import"./clickable-area/index.js";import"./collapsible/collapsible.js";import"./collapsible/index.js";import"./combobox/combobox.js";import"./combobox/index.js";import"./condition-guard/condition-guard.js";import"./condition-guard/index.js";import"./context-menu/context-menu.js";import"./context-menu/index.js";import"./dialog/dialog.js";import"./dialog/index.js";import"./icon-button/icon-button.js";import"./icon-button/index.js";import"./input/input.js";import"./input/index.js";import"./menu/menu.js";import"./menu/index.js";import"./radio/radio.js";import"./radio/index.js";import"./switch/switch.js";import"./switch/index.js";import"./tabs/tabs.js";import"./tabs/index.js";import"./toast/toast.js";import"./toast/index.js";import"./tooltip/tooltip.js";import"./tooltip/index.js";

package/dist/atoms/input/input.css

@@ -1,29 +1 @@
-.uLevqq_control {
-  box-sizing: border-box;
-  padding: 0 var(--spacing-sm);
-  border-radius: var(--field-control-radius);
-  border: 1px solid var(--field-control-border-color);
-  width: 100%;
-  height: var(--field-control-height);
-  font-family: inherit;
-  font-size: var(--field-control-font-size, var(--typography-body-2-size));
-  line-height: var(--field-control-line-height, var(--typography-body-2-height));
-  font-weight: var(--field-control-font-weight, var(--typography-body-2-weight));
-  background-color: var(--field-control-bg-color);
-  color: var(--field-control-text-color);
-  font-family: var(--typography-typeface-ltr);
-  margin: 0;
-  transition: border-color .2s ease-in-out;
-
-  &::placeholder {
-    color: var(--field-control-placeholder-color);
-    font-family: var(--typography-typeface-ltr);
-  }
-
-  &:focus-visible {
-    outline-style: solid;
-    outline-width: var(--stroke-focus-ring);
-    outline-color: var(--color-action-info-base);
-    outline-offset: var(--spacing-xxs);
-  }
-}
+.uLevqq_control{box-sizing:border-box;padding:0 var(--spacing-sm);border-radius:var(--field-control-radius);border:1px solid var(--field-control-border-color);width:100%;height:var(--field-control-height);font-family:inherit;font-size:var(--field-control-font-size,var(--typography-body-2-size));line-height:var(--field-control-line-height,var(--typography-body-2-height));font-weight:var(--field-control-font-weight,var(--typography-body-2-weight));background-color:var(--field-control-bg-color);color:var(--field-control-text-color);font-family:var(--typography-typeface-ltr);margin:0;transition:border-color .2s ease-in-out;&::placeholder{color:var(--field-control-placeholder-color);font-family:var(--typography-typeface-ltr)}&:focus-visible{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}}

package/dist/atoms/input/input.module.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"input.module.js","names":[],"sources":["../../../src/atoms/input/input.module.css"],"sourcesContent":[".control {\n  box-sizing: border-box;\n  padding: 0 var(--spacing-sm);\n  margin: 0;\n  border-radius: var(--field-control-radius);\n  border: 1px solid var(--field-control-border-color);\n  width: 100%;\n  height: var(--field-control-height);\n  font-family: inherit;\n  font-size: var(--field-control-font-size, var(--typography-body-2-size));\n  line-height: var(\n    --field-control-line-height,\n    var(--typography-body-2-height)\n  );\n  font-weight: var(\n    --field-control-font-weight,\n    var(--typography-body-2-weight)\n  );\n  background-color: var(--field-control-bg-color);\n  color: var(--field-control-text-color);\n  transition: border-color 0.2s ease-in-out;\n  font-family: var(--typography-typeface-ltr);\n\n  &::placeholder {\n    color: var(--field-control-placeholder-color);\n    font-family: var(--typography-typeface-ltr);\n  }\n\n  &: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"],"mappings":"AAEA,IAAA,EAAa,CAAG,QAAU,gBAAI"}
+{"version":3,"file":"input.module.js","names":[],"sources":["../../../src/atoms/input/input.module.css"],"sourcesContent":[".control {\n  box-sizing: border-box;\n  padding: 0 var(--spacing-sm);\n  margin: 0;\n  border-radius: var(--field-control-radius);\n  border: 1px solid var(--field-control-border-color);\n  width: 100%;\n  height: var(--field-control-height);\n  font-family: inherit;\n  font-size: var(--field-control-font-size, var(--typography-body-2-size));\n  line-height: var(\n    --field-control-line-height,\n    var(--typography-body-2-height)\n  );\n  font-weight: var(\n    --field-control-font-weight,\n    var(--typography-body-2-weight)\n  );\n  background-color: var(--field-control-bg-color);\n  color: var(--field-control-text-color);\n  transition: border-color 0.2s ease-in-out;\n  font-family: var(--typography-typeface-ltr);\n\n  &::placeholder {\n    color: var(--field-control-placeholder-color);\n    font-family: var(--typography-typeface-ltr);\n  }\n\n  &: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"],"mappings":""}

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

@@ -0,0 +1 @@
+import { BaseItem, CheckboxItem, GroupItem, Menu, MenuItemsByMode, MenuMode, MenuProps, NormalItem, RadioItem, SeparatorItem, SubmenuItem } from "./menu.js";

package/dist/atoms/menu/index.js

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

package/dist/atoms/menu/menu.css

@@ -0,0 +1 @@
+.geRtDa_trigger{white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;outline:0;justify-content:center;align-items:center;margin:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;display:flex}.geRtDa_positioner{outline:0}.geRtDa_popup{box-sizing:border-box;font-family:var(--typography-typeface-ltr);width:100%;padding-block:var(--spacing-xs);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);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)}}.geRtDa_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(--radius-sm);color:var(--color-content-neutral-base);outline:none;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(--radius-sm);background-color:var(--color-action-brand-base);position:absolute}&[data-disabled]{color:var(--color-content-neutral-muted);pointer-events:none}}.geRtDa_separator{margin-block:var(--spacing-xs);margin-inline:var(--spacing-sm);background-color:var(--color-border-tertiary);height:1px}.geRtDa_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}.geRtDa_group{flex-direction:column;display:flex}.geRtDa_radio-item{align-items:center;gap:var(--spacing-sm)}.geRtDa_radio-item-indicator{width:1rem;height:1rem;justify-content:center;align-items:center;margin-inline-end:var(--spacing-sm);display:inline-flex}.geRtDa_checkbox-item{align-items:center;gap:var(--spacing-sm)}.geRtDa_checkbox-item-indicator{width:1rem;height:1rem;justify-content:center;align-items:center;margin-inline-end:var(--spacing-sm);display:inline-flex}.geRtDa_check{width:.875rem;height:.875rem}.geRtDa_submenu-trigger{justify-content:space-between;align-items:center;display:flex}.geRtDa_submenu-arrow{opacity:.6;width:.875rem;height:.875rem;margin-left:auto;font-size:.75rem}