@scattered-light/loomiere-base-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React6 from 'react';
+import * as React7 from 'react';
 import { Button as Button$1 } from '@base-ui/react/button';
 import { jsx } from 'react/jsx-runtime';
 import { Input as Input$1 } from '@base-ui/react/input';
@@ -28,24 +28,34 @@ function cn(...inputs) {
 function cnState(base, className, state) {
   return cn(base, typeof className === "function" ? className(state) : className);
 }
-var Button = React6.forwardRef(function Button2({ className, emphasis, palette, ...props }, ref) {
+function isIconOnly(children) {
+  const items = React7.Children.toArray(children);
+  return items.length === 1 && React7.isValidElement(items[0]);
+}
+var Button = React7.forwardRef(function Button2({ className, emphasis, palette, children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Button$1,
     {
       ref,
       "data-emphasis": emphasis,
       "data-color": palette,
+      "data-icon-only": isIconOnly(children) ? "" : void 0,
       ...props,
-      className: (state) => cnState("Button", className, state)
+      className: (state) => cnState("Button", className, state),
+      children
     }
   );
 });
 Button.displayName = "Button";
-var Input = React6.forwardRef(function Input2({ className, ...props }, ref) {
+var IconButton = React7.forwardRef(function IconButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Button$1, { ref, ...props, className: (state) => cnState("IconButton", className, state) });
+});
+IconButton.displayName = "IconButton";
+var Input = React7.forwardRef(function Input2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(Input$1, { ref, ...props, className: (state) => cnState("Input", className, state) });
 });
 Input.displayName = "Input";
-var Root = React6.forwardRef(
+var Root = React7.forwardRef(
   function FieldRoot({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Field$1.Root,
@@ -57,7 +67,7 @@ var Root = React6.forwardRef(
     );
   }
 );
-var Label = React6.forwardRef(
+var Label = React7.forwardRef(
   function FieldLabel({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Field$1.Label,
@@ -69,7 +79,7 @@ var Label = React6.forwardRef(
     );
   }
 );
-var Description = React6.forwardRef(function FieldDescription({ className, ...props }, ref) {
+var Description = React7.forwardRef(function FieldDescription({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Field$1.Description,
     {
@@ -79,7 +89,7 @@ var Description = React6.forwardRef(function FieldDescription({ className, ...pr
     }
   );
 });
-var Error = React6.forwardRef(
+var Error = React7.forwardRef(
   function FieldError({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Field$1.Error,
@@ -91,7 +101,7 @@ var Error = React6.forwardRef(
     );
   }
 );
-var Control = React6.forwardRef(
+var Control = React7.forwardRef(
   function FieldControl({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Field$1.Control,
@@ -104,7 +114,7 @@ var Control = React6.forwardRef(
   }
 );
 var Validity = Field$1.Validity;
-var Item = React6.forwardRef(
+var Item = React7.forwardRef(
   function FieldItem({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       Field$1.Item,
@@ -125,7 +135,7 @@ var Field = {
   Validity,
   Item
 };
-var Root2 = React6.forwardRef(function FieldsetRoot({ className, ...props }, ref) {
+var Root2 = React7.forwardRef(function FieldsetRoot({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Fieldset$1.Root,
     {
@@ -135,7 +145,7 @@ var Root2 = React6.forwardRef(function FieldsetRoot({ className, ...props }, ref
     }
   );
 });
-var Legend = React6.forwardRef(function FieldsetLegend({ className, ...props }, ref) {
+var Legend = React7.forwardRef(function FieldsetLegend({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Fieldset$1.Legend,
     {
@@ -152,14 +162,14 @@ var Fieldset = {
   Root: Root2,
   Legend
 };
-var Form = React6.forwardRef(function Form2({ className, ...props }, ref) {
+var Form = React7.forwardRef(function Form2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(Form$1, { ref, ...props, className: (state) => cnState("Form", className, state) });
 });
 Form.displayName = "Form";
 function FormActions({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("FormActions", className), ...props });
 }
-var Root3 = React6.forwardRef(
+var Root3 = React7.forwardRef(
   function NavigationMenuRoot({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Root,
@@ -171,7 +181,7 @@ var Root3 = React6.forwardRef(
     );
   }
 );
-var List = React6.forwardRef(
+var List = React7.forwardRef(
   function NavigationMenuList({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.List,
@@ -183,7 +193,7 @@ var List = React6.forwardRef(
     );
   }
 );
-var Item2 = React6.forwardRef(
+var Item2 = React7.forwardRef(
   function NavigationMenuItem({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Item,
@@ -195,7 +205,7 @@ var Item2 = React6.forwardRef(
     );
   }
 );
-var Content = React6.forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
+var Content = React7.forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     NavigationMenu$1.Content,
     {
@@ -205,7 +215,7 @@ var Content = React6.forwardRef(function NavigationMenuContent({ className, ...p
     }
   );
 });
-var Trigger = React6.forwardRef(function NavigationMenuTrigger({ className, ...props }, ref) {
+var Trigger = React7.forwardRef(function NavigationMenuTrigger({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     NavigationMenu$1.Trigger,
     {
@@ -215,7 +225,7 @@ var Trigger = React6.forwardRef(function NavigationMenuTrigger({ className, ...p
     }
   );
 });
-var Icon = React6.forwardRef(
+var Icon = React7.forwardRef(
   function NavigationMenuIcon({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Icon,
@@ -228,7 +238,7 @@ var Icon = React6.forwardRef(
   }
 );
 var Portal = NavigationMenu$1.Portal;
-var Positioner = React6.forwardRef(function NavigationMenuPositioner({ className, ...props }, ref) {
+var Positioner = React7.forwardRef(function NavigationMenuPositioner({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     NavigationMenu$1.Positioner,
     {
@@ -238,7 +248,7 @@ var Positioner = React6.forwardRef(function NavigationMenuPositioner({ className
     }
   );
 });
-var Popup = React6.forwardRef(
+var Popup = React7.forwardRef(
   function NavigationMenuPopup({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Popup,
@@ -250,7 +260,7 @@ var Popup = React6.forwardRef(
     );
   }
 );
-var Arrow = React6.forwardRef(
+var Arrow = React7.forwardRef(
   function NavigationMenuArrow({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Arrow,
@@ -262,7 +272,7 @@ var Arrow = React6.forwardRef(
     );
   }
 );
-var Viewport = React6.forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
+var Viewport = React7.forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     NavigationMenu$1.Viewport,
     {
@@ -272,7 +282,7 @@ var Viewport = React6.forwardRef(function NavigationMenuViewport({ className, ..
     }
   );
 });
-var Link = React6.forwardRef(
+var Link = React7.forwardRef(
   function NavigationMenuLink({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       NavigationMenu$1.Link,
@@ -284,7 +294,7 @@ var Link = React6.forwardRef(
     );
   }
 );
-var Backdrop = React6.forwardRef(function NavigationMenuBackdrop({ className, ...props }, ref) {
+var Backdrop = React7.forwardRef(function NavigationMenuBackdrop({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     NavigationMenu$1.Backdrop,
     {
@@ -310,6 +320,6 @@ var NavigationMenu = {
   Backdrop
 };
 
-export { Button, Field, Fieldset, FieldsetDescription, Form, FormActions, Input, NavigationMenu, cn, cnState };
+export { Button, Field, Fieldset, FieldsetDescription, Form, FormActions, IconButton, Input, NavigationMenu, cn, cnState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/cn.ts","../src/components/button.tsx","../src/components/input.tsx","../src/components/field.tsx","../src/components/fieldset.tsx","../src/components/form.tsx","../src/components/navigation-menu.tsx"],"names":["React","Button","BaseButton","React2","Input","jsx","BaseInput","React3","BaseField","Root","React4","BaseFieldset","React5","Form","BaseForm","BaseNavigationMenu","Item"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Merge class names (strings, arrays, conditional objects). No external deps.\n */\ntype ClassValue =\n  | string\n  | number\n  | boolean\n  | undefined\n  | null\n  | Record<string, boolean | undefined>\n  | ClassValue[];\n\nexport function cn(...inputs: ClassValue[]): string {\n  const out: string[] = [];\n  for (const input of inputs) {\n    if (input == null || input === false) continue;\n    if (typeof input === 'string' || typeof input === 'number') {\n      out.push(String(input));\n    } else if (Array.isArray(input)) {\n      const inner = cn(...input);\n      if (inner) out.push(inner);\n    } else if (typeof input === 'object') {\n      for (const [k, v] of Object.entries(input)) {\n        if (v) out.push(k);\n      }\n    }\n  }\n  return out.join(' ');\n}\n\n/** Merge a static BEM block with Base UI `className` (string or state callback). */\nexport function cnState<State>(\n  base: string,\n  className: string | ((state: State) => string | undefined) | undefined,\n  state: State,\n): string {\n  return cn(base, typeof className === 'function' ? className(state) : className);\n}\n","import * as React from 'react';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cnState } from '../utils/cn';\n\nexport type ButtonProps = React.ComponentProps<typeof BaseButton> & {\n  /** How loud the button is. The brand's roles decide what each level looks like. */\n  emphasis?: 'bold' | 'standard' | 'subtle' | 'quiet';\n  /** Paint the level in another palette instead of the level's own color (e.g. \"secondary\", \"error\"). */\n  palette?: string;\n};\n\n/**\n * Base UI [Button](https://base-ui.com/react/components/button) with design-system `Button` classes.\n * Icon-only buttons must include a visible label for assistive tech (`aria-label` or `aria-labelledby`).\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, emphasis, palette, ...props },\n  ref,\n) {\n  return (\n    <BaseButton\n      ref={ref}\n      data-emphasis={emphasis}\n      data-color={palette}\n      {...props}\n      className={(state) => cnState('Button', className, state)}\n    />\n  );\n});\n\nButton.displayName = 'Button';\n","import * as React from 'react';\nimport { Input as BaseInput } from '@base-ui/react/input';\nimport { cnState } from '../utils/cn';\n\nexport type InputProps = React.ComponentProps<typeof BaseInput>;\n\n/**\n * Base UI [Input](https://base-ui.com/react/components/input) with design-system `Input` classes.\n * Pairs with {@link Field} for labels, validation, and descriptions.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseInput ref={ref} {...props} className={(state) => cnState('Input', className, state)} />\n  );\n});\n\nInput.displayName = 'Input';\n","import * as React from 'react';\nimport { Field as BaseField } from '@base-ui/react/field';\nimport { cnState } from '../utils/cn';\n\nconst Root = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Root>>(\n  function FieldRoot({ className, ...props }, ref) {\n    return (\n      <BaseField.Root\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldRoot', className, state)}\n      />\n    );\n  },\n);\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentProps<typeof BaseField.Label>>(\n  function FieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldLabel', className, state)}\n      />\n    );\n  },\n);\n\nconst Description = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseField.Description>\n>(function FieldDescription({ className, ...props }, ref) {\n  return (\n    <BaseField.Description\n      ref={ref}\n      {...props}\n      className={(state) => cnState('FieldDescription', className, state)}\n    />\n  );\n});\n\nconst Error = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Error>>(\n  function FieldError({ className, ...props }, ref) {\n    return (\n      <BaseField.Error\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldError', className, state)}\n      />\n    );\n  },\n);\n\nconst Control = React.forwardRef<HTMLInputElement, React.ComponentProps<typeof BaseField.Control>>(\n  function FieldControl({ className, ...props }, ref) {\n    return (\n      <BaseField.Control\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldControl', className, state)}\n      />\n    );\n  },\n);\n\n/** Only accepts `children` as a render function — no `className` in Base UI’s API. */\nconst Validity = BaseField.Validity;\n\nconst Item = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Item>>(\n  function FieldItem({ className, ...props }, ref) {\n    return (\n      <BaseField.Item\n        ref={ref}\n        {...props}\n        className={(state) => cnState('', className, state)}\n      />\n    );\n  },\n);\n\n/**\n * Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.\n */\nexport const Field = {\n  Root,\n  Label,\n  Description,\n  Error,\n  Control,\n  Validity,\n  Item,\n};\n","import * as React from 'react';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport { cn, cnState } from '../utils/cn';\n\nexport type FieldsetRootProps = React.ComponentProps<typeof BaseFieldset.Root>;\nexport type FieldsetLegendProps = React.ComponentProps<typeof BaseFieldset.Legend>;\n\nconst Root = React.forwardRef<HTMLFieldSetElement, FieldsetRootProps>(function FieldsetRoot(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseFieldset.Root\n      ref={ref}\n      {...props}\n      className={(state) => cnState('Fieldset', className, state)}\n    />\n  );\n});\n\nconst Legend = React.forwardRef<HTMLDivElement, FieldsetLegendProps>(function FieldsetLegend(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseFieldset.Legend\n      ref={ref}\n      {...props}\n      className={(state) => cnState('FieldsetLegend', className, state)}\n    />\n  );\n});\n\nexport type FieldsetDescriptionProps = React.ComponentProps<'div'>;\n\n/** Presentational helper — not a Base UI primitive. */\nexport function FieldsetDescription({ className, ...props }: FieldsetDescriptionProps) {\n  return <div className={cn('FieldsetDescription', className)} {...props} />;\n}\n\n/**\n * Base UI [Fieldset](https://base-ui.com/react/components/fieldset) with design-system classes.\n */\nexport const Fieldset = {\n  Root,\n  Legend,\n};\n","import * as React from 'react';\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport { cn, cnState } from '../utils/cn';\n\nexport type FormProps = React.ComponentProps<typeof BaseForm>;\n\n/**\n * Base UI [Form](https://base-ui.com/react/components/form) with design-system `Form` classes.\n */\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(function Form(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseForm ref={ref} {...props} className={(state) => cnState('Form', className, state)} />\n  );\n});\n\nForm.displayName = 'Form';\n\nexport type FormActionsProps = React.ComponentProps<'div'>;\n\n/** Layout helper for primary/secondary actions — not a Base UI primitive. */\nexport function FormActions({ className, ...props }: FormActionsProps) {\n  return <div className={cn('FormActions', className)} {...props} />;\n}\n","import * as React from 'react';\nimport {\n  NavigationMenu as BaseNavigationMenu,\n} from '@base-ui/react/navigation-menu';\nimport { cnState } from '../utils/cn';\n\nexport type NavigationMenuRootProps = React.ComponentProps<typeof BaseNavigationMenu.Root>;\nexport type NavigationMenuListProps = React.ComponentProps<typeof BaseNavigationMenu.List>;\n\nconst Root = React.forwardRef<HTMLElement, React.ComponentProps<typeof BaseNavigationMenu.Root>>(\n  function NavigationMenuRoot({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Root\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuRoot', className, state)}\n      />\n    );\n  },\n);\n\nconst List = React.forwardRef<HTMLUListElement, React.ComponentProps<typeof BaseNavigationMenu.List>>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.List\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuList', className, state)}\n      />\n    );\n  },\n);\n\nconst Item = React.forwardRef<HTMLLIElement, React.ComponentProps<typeof BaseNavigationMenu.Item>>(\n  function NavigationMenuItem({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Item\n        ref={ref}\n        {...props}\n        className={(state) => cnState('', className, state)}\n      />\n    );\n  },\n);\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Content>\n>(function NavigationMenuContent({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Content\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuContent', className, state)}\n    />\n  );\n});\n\nconst Trigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Trigger>\n>(function NavigationMenuTrigger({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Trigger\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuTrigger', className, state)}\n    />\n  );\n});\n\nconst Icon = React.forwardRef<HTMLSpanElement, React.ComponentProps<typeof BaseNavigationMenu.Icon>>(\n  function NavigationMenuIcon({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Icon\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuIcon', className, state)}\n      />\n    );\n  },\n);\n\nconst Portal = BaseNavigationMenu.Portal;\n\nconst Positioner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Positioner>\n>(function NavigationMenuPositioner({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Positioner\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuPositioner', className, state)}\n    />\n  );\n});\n\nconst Popup = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseNavigationMenu.Popup>>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Popup\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuPopup', className, state)}\n      />\n    );\n  },\n);\n\nconst Arrow = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseNavigationMenu.Arrow>>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Arrow\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuArrow', className, state)}\n      />\n    );\n  },\n);\n\nconst Viewport = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Viewport>\n>(function NavigationMenuViewport({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Viewport\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuViewport', className, state)}\n    />\n  );\n});\n\nconst Link = React.forwardRef<HTMLAnchorElement, React.ComponentProps<typeof BaseNavigationMenu.Link>>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Link\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuLink', className, state)}\n      />\n    );\n  },\n);\n\nconst Backdrop = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Backdrop>\n>(function NavigationMenuBackdrop({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Backdrop\n      ref={ref}\n      {...props}\n      className={(state) => cnState('', className, state)}\n    />\n  );\n});\n\n/**\n * Base UI [Navigation Menu](https://base-ui.com/react/components/navigation-menu) with design-system classes.\n * Prefer `NavigationMenu.Link` with `render={<a />}` (or your router link) for correct semantics.\n */\nexport const NavigationMenu = {\n  Root,\n  List,\n  Item,\n  Content,\n  Trigger,\n  Icon,\n  Portal,\n  Positioner,\n  Popup,\n  Arrow,\n  Viewport,\n  Link,\n  Backdrop,\n};\n"]}
+{"version":3,"sources":["../src/utils/cn.ts","../src/components/button.tsx","../src/components/icon-button.tsx","../src/components/input.tsx","../src/components/field.tsx","../src/components/fieldset.tsx","../src/components/form.tsx","../src/components/navigation-menu.tsx"],"names":["React","Button","BaseButton","React2","IconButton","jsx","React3","Input","BaseInput","React4","BaseField","Root","React5","BaseFieldset","React6","Form","BaseForm","BaseNavigationMenu","Item"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Merge class names (strings, arrays, conditional objects). No external deps.\n */\ntype ClassValue =\n  | string\n  | number\n  | boolean\n  | undefined\n  | null\n  | Record<string, boolean | undefined>\n  | ClassValue[];\n\nexport function cn(...inputs: ClassValue[]): string {\n  const out: string[] = [];\n  for (const input of inputs) {\n    if (input == null || input === false) continue;\n    if (typeof input === 'string' || typeof input === 'number') {\n      out.push(String(input));\n    } else if (Array.isArray(input)) {\n      const inner = cn(...input);\n      if (inner) out.push(inner);\n    } else if (typeof input === 'object') {\n      for (const [k, v] of Object.entries(input)) {\n        if (v) out.push(k);\n      }\n    }\n  }\n  return out.join(' ');\n}\n\n/** Merge a static BEM block with Base UI `className` (string or state callback). */\nexport function cnState<State>(\n  base: string,\n  className: string | ((state: State) => string | undefined) | undefined,\n  state: State,\n): string {\n  return cn(base, typeof className === 'function' ? className(state) : className);\n}\n","import * as React from 'react';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cnState } from '../utils/cn';\n\nexport type ButtonProps = React.ComponentProps<typeof BaseButton> & {\n  /** How loud the button is. The brand's roles decide what each level looks like. */\n  emphasis?: 'bold' | 'standard' | 'subtle' | 'quiet';\n  /** Paint the level in another palette instead of the level's own color (e.g. \"secondary\", \"error\"). */\n  palette?: string;\n};\n\n/** True when the children are one element and no text: an icon on its own. */\nfunction isIconOnly(children: React.ReactNode) {\n  const items = React.Children.toArray(children);\n  return items.length === 1 && React.isValidElement(items[0]);\n}\n\n/**\n * Base UI [Button](https://base-ui.com/react/components/button) with design-system `Button` classes.\n * A button holding only an icon gets `data-icon-only` and is drawn square (a circle, with the pill\n * corners). Icon-only buttons must include a label for assistive tech (`aria-label` or `aria-labelledby`).\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, emphasis, palette, children, ...props },\n  ref,\n) {\n  return (\n    <BaseButton\n      ref={ref}\n      data-emphasis={emphasis}\n      data-color={palette}\n      data-icon-only={isIconOnly(children) ? '' : undefined}\n      {...props}\n      className={(state) => cnState('Button', className, state)}\n    >\n      {children}\n    </BaseButton>\n  );\n});\n\nButton.displayName = 'Button';\n","import * as React from 'react';\nimport { Button as BaseButton } from '@base-ui/react/button';\nimport { cnState } from '../utils/cn';\n\nexport type IconButtonProps = React.ComponentProps<typeof BaseButton>;\n\n/**\n * A small, quiet icon-only button: the icon-button concept (the X that closes a dialog, a field's\n * clear button) as a part of its own, for calendar arrows, row actions and other controls that a\n * full Button would make too loud. Base UI [Button](https://base-ui.com/react/components/button)\n * with the `IconButton` class. Always give it `aria-label` or `aria-labelledby`.\n */\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { className, ...props },\n  ref,\n) {\n  return <BaseButton ref={ref} {...props} className={(state) => cnState('IconButton', className, state)} />;\n});\n\nIconButton.displayName = 'IconButton';\n","import * as React from 'react';\nimport { Input as BaseInput } from '@base-ui/react/input';\nimport { cnState } from '../utils/cn';\n\nexport type InputProps = React.ComponentProps<typeof BaseInput>;\n\n/**\n * Base UI [Input](https://base-ui.com/react/components/input) with design-system `Input` classes.\n * Pairs with {@link Field} for labels, validation, and descriptions.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseInput ref={ref} {...props} className={(state) => cnState('Input', className, state)} />\n  );\n});\n\nInput.displayName = 'Input';\n","import * as React from 'react';\nimport { Field as BaseField } from '@base-ui/react/field';\nimport { cnState } from '../utils/cn';\n\nconst Root = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Root>>(\n  function FieldRoot({ className, ...props }, ref) {\n    return (\n      <BaseField.Root\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldRoot', className, state)}\n      />\n    );\n  },\n);\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentProps<typeof BaseField.Label>>(\n  function FieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldLabel', className, state)}\n      />\n    );\n  },\n);\n\nconst Description = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseField.Description>\n>(function FieldDescription({ className, ...props }, ref) {\n  return (\n    <BaseField.Description\n      ref={ref}\n      {...props}\n      className={(state) => cnState('FieldDescription', className, state)}\n    />\n  );\n});\n\nconst Error = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Error>>(\n  function FieldError({ className, ...props }, ref) {\n    return (\n      <BaseField.Error\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldError', className, state)}\n      />\n    );\n  },\n);\n\nconst Control = React.forwardRef<HTMLInputElement, React.ComponentProps<typeof BaseField.Control>>(\n  function FieldControl({ className, ...props }, ref) {\n    return (\n      <BaseField.Control\n        ref={ref}\n        {...props}\n        className={(state) => cnState('FieldControl', className, state)}\n      />\n    );\n  },\n);\n\n/** Only accepts `children` as a render function — no `className` in Base UI’s API. */\nconst Validity = BaseField.Validity;\n\nconst Item = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseField.Item>>(\n  function FieldItem({ className, ...props }, ref) {\n    return (\n      <BaseField.Item\n        ref={ref}\n        {...props}\n        className={(state) => cnState('', className, state)}\n      />\n    );\n  },\n);\n\n/**\n * Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.\n */\nexport const Field = {\n  Root,\n  Label,\n  Description,\n  Error,\n  Control,\n  Validity,\n  Item,\n};\n","import * as React from 'react';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport { cn, cnState } from '../utils/cn';\n\nexport type FieldsetRootProps = React.ComponentProps<typeof BaseFieldset.Root>;\nexport type FieldsetLegendProps = React.ComponentProps<typeof BaseFieldset.Legend>;\n\nconst Root = React.forwardRef<HTMLFieldSetElement, FieldsetRootProps>(function FieldsetRoot(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseFieldset.Root\n      ref={ref}\n      {...props}\n      className={(state) => cnState('Fieldset', className, state)}\n    />\n  );\n});\n\nconst Legend = React.forwardRef<HTMLDivElement, FieldsetLegendProps>(function FieldsetLegend(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseFieldset.Legend\n      ref={ref}\n      {...props}\n      className={(state) => cnState('FieldsetLegend', className, state)}\n    />\n  );\n});\n\nexport type FieldsetDescriptionProps = React.ComponentProps<'div'>;\n\n/** Presentational helper — not a Base UI primitive. */\nexport function FieldsetDescription({ className, ...props }: FieldsetDescriptionProps) {\n  return <div className={cn('FieldsetDescription', className)} {...props} />;\n}\n\n/**\n * Base UI [Fieldset](https://base-ui.com/react/components/fieldset) with design-system classes.\n */\nexport const Fieldset = {\n  Root,\n  Legend,\n};\n","import * as React from 'react';\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport { cn, cnState } from '../utils/cn';\n\nexport type FormProps = React.ComponentProps<typeof BaseForm>;\n\n/**\n * Base UI [Form](https://base-ui.com/react/components/form) with design-system `Form` classes.\n */\nexport const Form = React.forwardRef<HTMLFormElement, FormProps>(function Form(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseForm ref={ref} {...props} className={(state) => cnState('Form', className, state)} />\n  );\n});\n\nForm.displayName = 'Form';\n\nexport type FormActionsProps = React.ComponentProps<'div'>;\n\n/** Layout helper for primary/secondary actions — not a Base UI primitive. */\nexport function FormActions({ className, ...props }: FormActionsProps) {\n  return <div className={cn('FormActions', className)} {...props} />;\n}\n","import * as React from 'react';\nimport {\n  NavigationMenu as BaseNavigationMenu,\n} from '@base-ui/react/navigation-menu';\nimport { cnState } from '../utils/cn';\n\nexport type NavigationMenuRootProps = React.ComponentProps<typeof BaseNavigationMenu.Root>;\nexport type NavigationMenuListProps = React.ComponentProps<typeof BaseNavigationMenu.List>;\n\nconst Root = React.forwardRef<HTMLElement, React.ComponentProps<typeof BaseNavigationMenu.Root>>(\n  function NavigationMenuRoot({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Root\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuRoot', className, state)}\n      />\n    );\n  },\n);\n\nconst List = React.forwardRef<HTMLUListElement, React.ComponentProps<typeof BaseNavigationMenu.List>>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.List\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuList', className, state)}\n      />\n    );\n  },\n);\n\nconst Item = React.forwardRef<HTMLLIElement, React.ComponentProps<typeof BaseNavigationMenu.Item>>(\n  function NavigationMenuItem({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Item\n        ref={ref}\n        {...props}\n        className={(state) => cnState('', className, state)}\n      />\n    );\n  },\n);\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Content>\n>(function NavigationMenuContent({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Content\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuContent', className, state)}\n    />\n  );\n});\n\nconst Trigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Trigger>\n>(function NavigationMenuTrigger({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Trigger\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuTrigger', className, state)}\n    />\n  );\n});\n\nconst Icon = React.forwardRef<HTMLSpanElement, React.ComponentProps<typeof BaseNavigationMenu.Icon>>(\n  function NavigationMenuIcon({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Icon\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuIcon', className, state)}\n      />\n    );\n  },\n);\n\nconst Portal = BaseNavigationMenu.Portal;\n\nconst Positioner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Positioner>\n>(function NavigationMenuPositioner({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Positioner\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuPositioner', className, state)}\n    />\n  );\n});\n\nconst Popup = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseNavigationMenu.Popup>>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Popup\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuPopup', className, state)}\n      />\n    );\n  },\n);\n\nconst Arrow = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof BaseNavigationMenu.Arrow>>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Arrow\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuArrow', className, state)}\n      />\n    );\n  },\n);\n\nconst Viewport = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Viewport>\n>(function NavigationMenuViewport({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Viewport\n      ref={ref}\n      {...props}\n      className={(state) => cnState('NavigationMenuViewport', className, state)}\n    />\n  );\n});\n\nconst Link = React.forwardRef<HTMLAnchorElement, React.ComponentProps<typeof BaseNavigationMenu.Link>>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    return (\n      <BaseNavigationMenu.Link\n        ref={ref}\n        {...props}\n        className={(state) => cnState('NavigationMenuLink', className, state)}\n      />\n    );\n  },\n);\n\nconst Backdrop = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof BaseNavigationMenu.Backdrop>\n>(function NavigationMenuBackdrop({ className, ...props }, ref) {\n  return (\n    <BaseNavigationMenu.Backdrop\n      ref={ref}\n      {...props}\n      className={(state) => cnState('', className, state)}\n    />\n  );\n});\n\n/**\n * Base UI [Navigation Menu](https://base-ui.com/react/components/navigation-menu) with design-system classes.\n * Prefer `NavigationMenu.Link` with `render={<a />}` (or your router link) for correct semantics.\n */\nexport const NavigationMenu = {\n  Root,\n  List,\n  Item,\n  Content,\n  Trigger,\n  Icon,\n  Portal,\n  Positioner,\n  Popup,\n  Arrow,\n  Viewport,\n  Link,\n  Backdrop,\n};\n"]}

package/dist/styles/components/Accordion.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Accordion - Mojave Theme
  *
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure

package/dist/styles/components/AlertDialog.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Alert Dialog - Mojave Theme
  *
  * No component tokens and no rules of its own. An alert dialog looks exactly like a

package/dist/styles/components/Autocomplete.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Autocomplete - Mojave Theme
  *
  * No component tokens. The input is Input (Input.css), the clear button is an icon

package/dist/styles/components/Avatar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Avatar - Mojave Theme
  *
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in

package/dist/styles/components/Button.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Button - Mojave Theme
  *
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -32,9 +32,23 @@
   user-select: none;
 }
 
-.Button svg {
+.Button svg,
+.Button .material-symbols-outlined {
   width: var(--sl-icon-size-magnify);
   height: var(--sl-icon-size-magnify);
+  font-size: var(--sl-icon-size-magnify);
+  line-height: 1;
+}
+
+/* Icon only: square, so the pill corners make a circle instead of a wide oval. The Button
+   wrapper sets data-icon-only when its only child is an icon. A plain .Button (a Popover or
+   Toolbar trigger) qualifies on its own with an aria-label and a single icon inside, since an
+   icon-only button needs the label anyway; CSS can't see text, so the label is the signal. */
+.Button[data-icon-only],
+.Button[aria-label]:has(> svg:only-child),
+.Button[aria-label]:has(> .material-symbols-outlined:only-child) {
+  aspect-ratio: 1;
+  padding-inline: 0;
 }
 
 /* ============================================
@@ -92,9 +106,11 @@
   padding-inline: var(--sl-control-padding-inline-xs);
 }
 
-.Button[data-size='xs'] svg {
+.Button[data-size='xs'] svg,
+.Button[data-size='xs'] .material-symbols-outlined {
   width: var(--sl-icon-size-condense);
   height: var(--sl-icon-size-condense);
+  font-size: var(--sl-icon-size-condense);
 }
 
 .Button[data-size='sm'] {
@@ -108,9 +124,11 @@
   padding-inline: var(--sl-control-padding-inline-sm);
 }
 
-.Button[data-size='sm'] svg {
+.Button[data-size='sm'] svg,
+.Button[data-size='sm'] .material-symbols-outlined {
   width: var(--sl-icon-size-base);
   height: var(--sl-icon-size-base);
+  font-size: var(--sl-icon-size-base);
 }
 
 .Button[data-size='lg'] {
@@ -123,7 +141,9 @@
   padding-inline: var(--sl-control-padding-inline-lg);
 }
 
-.Button[data-size='lg'] svg {
+.Button[data-size='lg'] svg,
+.Button[data-size='lg'] .material-symbols-outlined {
   width: var(--sl-icon-size-maximize);
   height: var(--sl-icon-size-maximize);
+  font-size: var(--sl-icon-size-maximize);
 }

package/dist/styles/components/Checkbox.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Checkbox - Mojave Theme
  * Sizes follow the label: the box is the icon size one tier above the label's text
  * tier (like a button's icon) and the check mark one tier below it.

package/dist/styles/components/CheckboxGroup.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Checkbox Group - Mojave Theme */
 
 /* Each checkbox row is already a full tap target tall, so the rows sit close. */

package/dist/styles/components/Collapsible.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Collapsible - Mojave Theme
  *
  * No component tokens. Hover, press, chevron and motion are the disclosure concept

package/dist/styles/components/Combobox.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Combobox - Mojave Theme
  *
  * No component tokens. The input is Input (Input.css); the chips box is a field; the

package/dist/styles/components/ContextMenu.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Context Menu - Mojave Theme
  *
  * No component tokens. Opens on right-click; the trigger area only sets the cursor. The popup is the popup concept, rows are item rows at the

package/dist/styles/components/Dialog.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Dialog and Alert dialog - Mojave Theme
  *
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):

package/dist/styles/components/Drawer.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Drawer - a panel that slides in from an edge and can be swiped away.
    The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
    drawer reads as a dialog's sibling; only its size and grab bar are its own

package/dist/styles/components/Field.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Field - Mojave Theme
  *
  * Label, control, description and error. No component tokens: spacing is the field

package/dist/styles/components/Fieldset.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Fieldset - Mojave Theme
  *
  * No component tokens: a titled group of fields, spaced by the stack gaps, with

package/dist/styles/components/Form.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Form - Mojave Theme
  *
  * No component tokens: fields stack with the large block space, and the action

package/dist/styles/components/IconButton.css

@@ -0,0 +1,49 @@
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
+/* Icon Button - Mojave Theme
+ *
+ * A small, quiet icon-only button: the icon-button concept (tokens/semantic/icon-button.json),
+ * the same look as the X that closes a dialog or toast, as a part of its own. For calendar
+ * arrows, row actions and clear buttons, where a Button would be too loud. No component tokens.
+ */
+
+.IconButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--sl-icon-button-size);
+  height: var(--sl-icon-button-size);
+  padding: 0;
+  border: none;
+  border-radius: var(--sl-icon-button-radius);
+  background: transparent;
+  color: var(--sl-icon-button-color);
+  cursor: pointer;
+  outline: none;
+  transition: var(--sl-icon-button-transition);
+}
+
+.IconButton svg,
+.IconButton .material-symbols-outlined {
+  width: var(--sl-icon-size-base);
+  height: var(--sl-icon-size-base);
+  font-size: var(--sl-icon-size-base);
+  line-height: 1;
+}
+
+.IconButton:hover:not(:disabled):not([aria-disabled='true']) {
+  background: var(--sl-icon-button-background-hover);
+  color: var(--sl-icon-button-color-hover);
+}
+
+.IconButton:focus-visible {
+  outline: var(--sl-focus-outline);
+  outline-offset: var(--sl-focus-outline-offset);
+  box-shadow: 0 0 0 var(--sl-focus-halo-spread) var(--sl-focus-halo-color);
+}
+
+.IconButton:disabled,
+.IconButton[aria-disabled='true'] {
+  color: var(--sl-text-disabled);
+  cursor: not-allowed;
+}

package/dist/styles/components/Input.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Input - Mojave Theme
  *
  * No component tokens: the look is the field concept (tokens/semantic/field.json),

package/dist/styles/components/Menu.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Menu - Mojave Theme
  *
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the

package/dist/styles/components/Menubar.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Menubar - Mojave Theme
  *
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the

package/dist/styles/components/Meter.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Meter - Mojave Theme
  *
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:

package/dist/styles/components/NavigationMenu.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Navigation Menu - Mojave Theme
  *
  * The strip is the bar concept, the panel is the popup concept and each link is an item

package/dist/styles/components/NumberField.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Number Field - Mojave Theme
  *
  * No component tokens. The input is Input (Input.css) and the label, description and

package/dist/styles/components/OTPField.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* OTP Field - Mojave Theme
  *
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input

package/dist/styles/components/Popover.css

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
 /* Popover - Mojave Theme */
 
 /* ============================================
@@ -48,7 +48,8 @@
   transform var(--sl-popup-animation-duration) var(--sl-popup-animation-easing);
   position: relative;
   min-width: var(--sl-popover-popup-min-width);
-  max-width: var(--sl-popover-popup-max-width);
+  /* No fixed cap: wide content (a calendar, a form) fits; Base UI reports the room beside the trigger. */
+  max-width: var(--available-width, 100vw);
   padding: var(--sl-popup-padding-panel);
 }
 
@@ -70,6 +71,7 @@
   letter-spacing: var(--sl-font-maximize-lg-letter-spacing);
   color: var(--sl-text-primary);
   margin: 0 0 var(--sl-space-block-xs) 0;
+  max-width: var(--sl-popover-text-max-width);
 }
 
 /* ============================================
@@ -84,6 +86,7 @@
   letter-spacing: var(--sl-font-base-letter-spacing);
   color: var(--sl-text-secondary);
   margin: 0;
+  max-width: var(--sl-popover-text-max-width);
 }
 
 /* ============================================