@scattered-light/base-ui-theme 0.1.0

package/README.md

@@ -0,0 +1,19 @@
+# ux-style-library-wip
+
+Public npm package name (adjust scope in `package.json` before first publish): **`@ux-style-library/base-ui-theme`**.
+
+## Design-system components (`src/lib`)
+
+Shared primitives (Base UI + theme CSS) live under **`src/lib`**. In this repo, import from the **`@/`** alias, for example `import { Button } from '@/lib'`. **Storybook** loads [src/styles/index.css](src/styles/index.css) globally; library source does not side-effect-import CSS so the same components are safe to publish.
+
+In **Storybook**, wrapped components are grouped under **`Components → Lib`**. See [docs/component-coverage.md](docs/component-coverage.md).
+
+### Other apps (e.g. Lovable)
+
+- Consume: [docs/consuming.md](docs/consuming.md)
+- Publish from this private repo: [docs/PUBLISHING.md](docs/PUBLISHING.md)
+
+### Scripts
+
+- **`npm run build:lib`** — ESM + types in `dist/`, CSS tree in `dist/styles/` (run before `npm pack` / CI publish).
+- **`npm run build`** — Vite app build output in `dist-app/`.

package/dist/index.d.ts

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import * as _base_ui_react_field from '@base-ui/react/field';
+import * as _base_ui_react_button from '@base-ui/react/button';
+import { Button as Button$1 } from '@base-ui/react/button';
+import * as _base_ui_react_input from '@base-ui/react/input';
+import { Input as Input$1 } from '@base-ui/react/input';
+import * as _base_ui_react_fieldset from '@base-ui/react/fieldset';
+import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Form as Form$1 } from '@base-ui/react/form';
+import * as _base_ui_react_navigation_menu from '@base-ui/react/navigation-menu';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+
+/**
+ * Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.
+ */
+declare const Field: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Error: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Control: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Validity: React.FC<_base_ui_react_field.FieldValidityProps>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Merge class names (strings, arrays, conditional objects). No external deps.
+ */
+type ClassValue = string | number | boolean | undefined | null | Record<string, boolean | undefined> | ClassValue[];
+declare function cn(...inputs: ClassValue[]): string;
+/** Merge a static BEM block with Base UI `className` (string or state callback). */
+declare function cnState<State>(base: string, className: string | ((state: State) => string | undefined) | undefined, state: State): string;
+
+type ButtonProps = React.ComponentProps<typeof Button$1>;
+/**
+ * Base UI [Button](https://base-ui.com/react/components/button) with design-system `Button` classes.
+ * Icon-only buttons must include a visible label for assistive tech (`aria-label` or `aria-labelledby`).
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_button.ButtonProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type InputProps = React.ComponentProps<typeof Input$1>;
+/**
+ * Base UI [Input](https://base-ui.com/react/components/input) with design-system `Input` classes.
+ * Pairs with {@link Field} for labels, validation, and descriptions.
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_input.InputProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type FieldsetRootProps = React.ComponentProps<typeof Fieldset$1.Root>;
+type FieldsetLegendProps = React.ComponentProps<typeof Fieldset$1.Legend>;
+type FieldsetDescriptionProps = React.ComponentProps<'div'>;
+/** Presentational helper — not a Base UI primitive. */
+declare function FieldsetDescription({ className, ...props }: FieldsetDescriptionProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Fieldset](https://base-ui.com/react/components/fieldset) with design-system classes.
+ */
+declare const Fieldset: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+    Legend: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type FormProps = React.ComponentProps<typeof Form$1>;
+/**
+ * Base UI [Form](https://base-ui.com/react/components/form) with design-system `Form` classes.
+ */
+declare const Form: React.ForwardRefExoticComponent<Omit<Form$1.Props<Record<string, any>> & {
+    ref?: React.Ref<HTMLFormElement> | undefined;
+}, "ref"> & React.RefAttributes<HTMLFormElement>>;
+type FormActionsProps = React.ComponentProps<'div'>;
+/** Layout helper for primary/secondary actions — not a Base UI primitive. */
+declare function FormActions({ className, ...props }: FormActionsProps): react_jsx_runtime.JSX.Element;
+
+type NavigationMenuRootProps = React.ComponentProps<typeof NavigationMenu$1.Root>;
+type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu$1.List>;
+/**
+ * Base UI [Navigation Menu](https://base-ui.com/react/components/navigation-menu) with design-system classes.
+ * Prefer `NavigationMenu.Link` with `render={<a />}` (or your router link) for correct semantics.
+ */
+declare const NavigationMenu: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react_navigation_menu.NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPopupProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type FieldRootProps = React.ComponentProps<typeof Field.Root>;
+type FieldLabelProps = React.ComponentProps<typeof Field.Label>;
+type FieldDescriptionProps = React.ComponentProps<typeof Field.Description>;
+type FieldErrorProps = React.ComponentProps<typeof Field.Error>;
+type FieldControlProps = React.ComponentProps<typeof Field.Control>;
+type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
+type FieldItemProps = React.ComponentProps<typeof Field.Item>;
+
+export { Button, type ButtonProps, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps, cn, cnState };

package/dist/index.js

@@ -0,0 +1,313 @@
+import * as React6 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';
+import { Field as Field$1 } from '@base-ui/react/field';
+import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
+import { Form as Form$1 } from '@base-ui/react/form';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+
+// src/lib/utils/cn.ts
+function cn(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    if (input == null || input === false) continue;
+    if (typeof input === "string" || typeof input === "number") {
+      out.push(String(input));
+    } else if (Array.isArray(input)) {
+      const inner = cn(...input);
+      if (inner) out.push(inner);
+    } else if (typeof input === "object") {
+      for (const [k, v] of Object.entries(input)) {
+        if (v) out.push(k);
+      }
+    }
+  }
+  return out.join(" ");
+}
+function cnState(base, className, state) {
+  return cn(base, typeof className === "function" ? className(state) : className);
+}
+var Button = React6.forwardRef(function Button2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("Button", className, state)
+    }
+  );
+});
+Button.displayName = "Button";
+var Input = React6.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(
+  function FieldRoot({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Field$1.Root,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("FieldRoot", className, state)
+      }
+    );
+  }
+);
+var Label = React6.forwardRef(
+  function FieldLabel({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Field$1.Label,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("FieldLabel", className, state)
+      }
+    );
+  }
+);
+var Description = React6.forwardRef(function FieldDescription({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Field$1.Description,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("FieldDescription", className, state)
+    }
+  );
+});
+var Error = React6.forwardRef(
+  function FieldError({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Field$1.Error,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("FieldError", className, state)
+      }
+    );
+  }
+);
+var Control = React6.forwardRef(
+  function FieldControl({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Field$1.Control,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("FieldControl", className, state)
+      }
+    );
+  }
+);
+var Validity = Field$1.Validity;
+var Item = React6.forwardRef(
+  function FieldItem({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Field$1.Item,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("", className, state)
+      }
+    );
+  }
+);
+var Field = {
+  Root,
+  Label,
+  Description,
+  Error,
+  Control,
+  Validity,
+  Item
+};
+var Root2 = React6.forwardRef(function FieldsetRoot({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Fieldset$1.Root,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("Fieldset", className, state)
+    }
+  );
+});
+var Legend = React6.forwardRef(function FieldsetLegend({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Fieldset$1.Legend,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("FieldsetLegend", className, state)
+    }
+  );
+});
+function FieldsetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("FieldsetDescription", className), ...props });
+}
+var Fieldset = {
+  Root: Root2,
+  Legend
+};
+var Form = React6.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(
+  function NavigationMenuRoot({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Root,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuRoot", className, state)
+      }
+    );
+  }
+);
+var List = React6.forwardRef(
+  function NavigationMenuList({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.List,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuList", className, state)
+      }
+    );
+  }
+);
+var Item2 = React6.forwardRef(
+  function NavigationMenuItem({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Item,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("", className, state)
+      }
+    );
+  }
+);
+var Content = React6.forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Content,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("NavigationMenuContent", className, state)
+    }
+  );
+});
+var Trigger = React6.forwardRef(function NavigationMenuTrigger({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Trigger,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("NavigationMenuTrigger", className, state)
+    }
+  );
+});
+var Icon = React6.forwardRef(
+  function NavigationMenuIcon({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Icon,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuIcon", className, state)
+      }
+    );
+  }
+);
+var Portal = NavigationMenu$1.Portal;
+var Positioner = React6.forwardRef(function NavigationMenuPositioner({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Positioner,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("NavigationMenuPositioner", className, state)
+    }
+  );
+});
+var Popup = React6.forwardRef(
+  function NavigationMenuPopup({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Popup,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuPopup", className, state)
+      }
+    );
+  }
+);
+var Arrow = React6.forwardRef(
+  function NavigationMenuArrow({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Arrow,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuArrow", className, state)
+      }
+    );
+  }
+);
+var Viewport = React6.forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Viewport,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("NavigationMenuViewport", className, state)
+    }
+  );
+});
+var Link = React6.forwardRef(
+  function NavigationMenuLink({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      NavigationMenu$1.Link,
+      {
+        ref,
+        ...props,
+        className: (state) => cnState("NavigationMenuLink", className, state)
+      }
+    );
+  }
+);
+var Backdrop = React6.forwardRef(function NavigationMenuBackdrop({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Backdrop,
+    {
+      ref,
+      ...props,
+      className: (state) => cnState("", className, state)
+    }
+  );
+});
+var NavigationMenu = {
+  Root: Root3,
+  List,
+  Item: Item2,
+  Content,
+  Trigger,
+  Icon,
+  Portal,
+  Positioner,
+  Popup,
+  Arrow,
+  Viewport,
+  Link,
+  Backdrop
+};
+
+export { Button, Field, Fieldset, FieldsetDescription, Form, FormActions, Input, NavigationMenu, cn, cnState };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils/cn.ts","../src/lib/components/button.tsx","../src/lib/components/input.tsx","../src/lib/components/field.tsx","../src/lib/components/fieldset.tsx","../src/lib/components/form.tsx","../src/lib/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\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, ...props },\n  ref,\n) {\n  return (\n    <BaseButton\n      ref={ref}\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"]}

package/dist/styles/base/borders.css

@@ -0,0 +1,26 @@
+/* Borders & Radii - Mojave Theme */
+/* Modern border radius scale using custom properties */
+
+:root {
+  /* ============================================
+    BORDER WIDTHS
+    ============================================ */
+  
+  --border-width-thin: 1px;
+  --border-width-medium: 2px;
+  --border-width-thick: 3px;
+  
+  /* ============================================
+    BORDER RADIUS
+    ============================================ */
+
+  --border-radius-none: 0;
+  --border-radius-sm: 0.125rem; /* 2px */
+  --border-radius-base: 0.25rem; /* 4px */
+  --border-radius-md: 0.375rem; /* 6px */
+  --border-radius-lg: 0.5rem; /* 8px */
+  --border-radius-xl: 0.75rem; /* 12px */
+  --border-radius-2xl: 1rem; /* 16px */
+  --border-radius-3xl: 1.5rem; /* 24px */
+  --border-radius-full: 9999px;
+}

package/dist/styles/base/breakpoints.css

@@ -0,0 +1,26 @@
+/* Breakpoints - Mojave Theme */
+/* Modern breakpoint scale using custom properties */
+
+:root {
+  /* ============================================
+     BREAKPOINT SCALE
+     ============================================ */
+  --breakpoint-sm: 30em; /* 480px */
+  --breakpoint-md: 48em; /* 768px */
+  --breakpoint-lg: 62em; /* 992px */
+  --breakpoint-xl: 80em; /* 1280px */
+  --breakpoint-2xl: 96em; /* 1536px */
+}
+
+  /* ============================================
+     RESPONSIVE CONTAINER SIZES
+     ============================================ */
+@supports (container-type: inline-size) {
+  :root {
+    --container-sm: 30rem;
+    --container-md: 48rem;
+    --container-lg: 62rem;
+    --container-xl: 80rem;
+    --container-2xl: 96rem;
+  }
+}