@fragments-sdk/ui 0.14.0 → 0.15.1

package/dist/components/Text/Text.module.scss.js

@@ -1,59 +1,59 @@
-const text = "_text_yt586_1";
-const variantSectionLabel = "_variant-section-label_yt586_7";
-const size2Xs = "_size-2xs_yt586_17";
-const sizeXs = "_size-xs_yt586_21";
-const sizeSm = "_size-sm_yt586_25";
-const sizeBase = "_size-base_yt586_29";
-const sizeMd = "_size-md_yt586_30";
-const sizeLg = "_size-lg_yt586_34";
-const sizeXl = "_size-xl_yt586_38";
-const size2Xl = "_size-2xl_yt586_42";
-const weightNormal = "_weight-normal_yt586_46";
-const weightMedium = "_weight-medium_yt586_50";
-const weightSemibold = "_weight-semibold_yt586_54";
-const weightBold = "_weight-bold_yt586_58";
-const colorPrimary = "_color-primary_yt586_62";
-const colorSecondary = "_color-secondary_yt586_66";
-const colorTertiary = "_color-tertiary_yt586_70";
-const colorMuted = "_color-muted_yt586_71";
-const mono = "_mono_yt586_75";
-const truncate = "_truncate_yt586_79";
-const lineClamp = "_lineClamp_yt586_85";
+const text = "_text_1rrha_1";
+const variantSectionLabel = "_variant-section-label_1rrha_7";
+const size2Xs = "_size-2xs_1rrha_17";
+const sizeXs = "_size-xs_1rrha_21";
+const sizeSm = "_size-sm_1rrha_25";
+const sizeBase = "_size-base_1rrha_29";
+const sizeMd = "_size-md_1rrha_30";
+const sizeLg = "_size-lg_1rrha_34";
+const sizeXl = "_size-xl_1rrha_38";
+const size2Xl = "_size-2xl_1rrha_42";
+const weightNormal = "_weight-normal_1rrha_46";
+const weightMedium = "_weight-medium_1rrha_50";
+const weightSemibold = "_weight-semibold_1rrha_54";
+const weightBold = "_weight-bold_1rrha_58";
+const colorPrimary = "_color-primary_1rrha_62";
+const colorSecondary = "_color-secondary_1rrha_66";
+const colorTertiary = "_color-tertiary_1rrha_70";
+const colorMuted = "_color-muted_1rrha_71";
+const mono = "_mono_1rrha_75";
+const truncate = "_truncate_1rrha_79";
+const lineClamp = "_lineClamp_1rrha_85";
 const styles = {
   text,
-  "variant-section-label": "_variant-section-label_yt586_7",
+  "variant-section-label": "_variant-section-label_1rrha_7",
   variantSectionLabel,
-  "size-2xs": "_size-2xs_yt586_17",
+  "size-2xs": "_size-2xs_1rrha_17",
   size2Xs,
-  "size-xs": "_size-xs_yt586_21",
+  "size-xs": "_size-xs_1rrha_21",
   sizeXs,
-  "size-sm": "_size-sm_yt586_25",
+  "size-sm": "_size-sm_1rrha_25",
   sizeSm,
-  "size-base": "_size-base_yt586_29",
+  "size-base": "_size-base_1rrha_29",
   sizeBase,
-  "size-md": "_size-md_yt586_30",
+  "size-md": "_size-md_1rrha_30",
   sizeMd,
-  "size-lg": "_size-lg_yt586_34",
+  "size-lg": "_size-lg_1rrha_34",
   sizeLg,
-  "size-xl": "_size-xl_yt586_38",
+  "size-xl": "_size-xl_1rrha_38",
   sizeXl,
-  "size-2xl": "_size-2xl_yt586_42",
+  "size-2xl": "_size-2xl_1rrha_42",
   size2Xl,
-  "weight-normal": "_weight-normal_yt586_46",
+  "weight-normal": "_weight-normal_1rrha_46",
   weightNormal,
-  "weight-medium": "_weight-medium_yt586_50",
+  "weight-medium": "_weight-medium_1rrha_50",
   weightMedium,
-  "weight-semibold": "_weight-semibold_yt586_54",
+  "weight-semibold": "_weight-semibold_1rrha_54",
   weightSemibold,
-  "weight-bold": "_weight-bold_yt586_58",
+  "weight-bold": "_weight-bold_1rrha_58",
   weightBold,
-  "color-primary": "_color-primary_yt586_62",
+  "color-primary": "_color-primary_1rrha_62",
   colorPrimary,
-  "color-secondary": "_color-secondary_yt586_66",
+  "color-secondary": "_color-secondary_1rrha_66",
   colorSecondary,
-  "color-tertiary": "_color-tertiary_yt586_70",
+  "color-tertiary": "_color-tertiary_1rrha_70",
   colorTertiary,
-  "color-muted": "_color-muted_yt586_71",
+  "color-muted": "_color-muted_1rrha_71",
   colorMuted,
   mono,
   truncate,
@@ -83,4 +83,3 @@ export {
   weightNormal,
   weightSemibold
 };
-//# sourceMappingURL=Text.module.scss.js.map

package/dist/components/Text/index.cjs

@@ -54,4 +54,3 @@ const Text = Object.assign(TextRoot, {
   Root: TextRoot
 });
 exports.Text = Text;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Text/index.js

@@ -37,4 +37,3 @@ const Text = Object.assign(TextRoot, {
 export {
   Text
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Textarea/Textarea.module.scss.cjs

@@ -1,43 +1,51 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_184qp_1";
-const label = "_label_184qp_6";
-const required = "_required_184qp_14";
-const textarea = "_textarea_184qp_19";
-const resizeNone = "_resize-none_184qp_63";
-const resizeVertical = "_resize-vertical_184qp_67";
-const resizeHorizontal = "_resize-horizontal_184qp_71";
-const resizeBoth = "_resize-both_184qp_75";
-const error = "_error_184qp_79";
-const helper = "_helper_184qp_87";
-const helperError = "_helperError_184qp_94";
+const wrapper = "_wrapper_efebc_1";
+const label = "_label_efebc_6";
+const required = "_required_efebc_14";
+const helper = "_helper_efebc_19";
+const helperError = "_helperError_efebc_26";
+const errorMessage = "_errorMessage_efebc_30";
+const textarea = "_textarea_efebc_36";
+const sm = "_sm_efebc_80";
+const lg = "_lg_efebc_85";
+const resizeNone = "_resize-none_efebc_90";
+const resizeVertical = "_resize-vertical_efebc_94";
+const resizeHorizontal = "_resize-horizontal_efebc_98";
+const resizeBoth = "_resize-both_efebc_102";
+const error = "_error_efebc_30";
 const styles = {
   wrapper,
   label,
   required,
+  helper,
+  helperError,
+  errorMessage,
   textarea,
-  "resize-none": "_resize-none_184qp_63",
+  sm,
+  lg,
+  "resize-none": "_resize-none_efebc_90",
   resizeNone,
-  "resize-vertical": "_resize-vertical_184qp_67",
+  "resize-vertical": "_resize-vertical_efebc_94",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_184qp_71",
+  "resize-horizontal": "_resize-horizontal_efebc_98",
   resizeHorizontal,
-  "resize-both": "_resize-both_184qp_75",
+  "resize-both": "_resize-both_efebc_102",
   resizeBoth,
-  error,
-  helper,
-  helperError
+  error
 };
 exports.default = styles;
 exports.error = error;
+exports.errorMessage = errorMessage;
 exports.helper = helper;
 exports.helperError = helperError;
 exports.label = label;
+exports.lg = lg;
 exports.required = required;
 exports.resizeBoth = resizeBoth;
 exports.resizeHorizontal = resizeHorizontal;
 exports.resizeNone = resizeNone;
 exports.resizeVertical = resizeVertical;
+exports.sm = sm;
 exports.textarea = textarea;
 exports.wrapper = wrapper;
-//# sourceMappingURL=Textarea.module.scss.cjs.map

package/dist/components/Textarea/Textarea.module.scss.js

@@ -1,43 +1,51 @@
-const wrapper = "_wrapper_184qp_1";
-const label = "_label_184qp_6";
-const required = "_required_184qp_14";
-const textarea = "_textarea_184qp_19";
-const resizeNone = "_resize-none_184qp_63";
-const resizeVertical = "_resize-vertical_184qp_67";
-const resizeHorizontal = "_resize-horizontal_184qp_71";
-const resizeBoth = "_resize-both_184qp_75";
-const error = "_error_184qp_79";
-const helper = "_helper_184qp_87";
-const helperError = "_helperError_184qp_94";
+const wrapper = "_wrapper_efebc_1";
+const label = "_label_efebc_6";
+const required = "_required_efebc_14";
+const helper = "_helper_efebc_19";
+const helperError = "_helperError_efebc_26";
+const errorMessage = "_errorMessage_efebc_30";
+const textarea = "_textarea_efebc_36";
+const sm = "_sm_efebc_80";
+const lg = "_lg_efebc_85";
+const resizeNone = "_resize-none_efebc_90";
+const resizeVertical = "_resize-vertical_efebc_94";
+const resizeHorizontal = "_resize-horizontal_efebc_98";
+const resizeBoth = "_resize-both_efebc_102";
+const error = "_error_efebc_30";
 const styles = {
   wrapper,
   label,
   required,
+  helper,
+  helperError,
+  errorMessage,
   textarea,
-  "resize-none": "_resize-none_184qp_63",
+  sm,
+  lg,
+  "resize-none": "_resize-none_efebc_90",
   resizeNone,
-  "resize-vertical": "_resize-vertical_184qp_67",
+  "resize-vertical": "_resize-vertical_efebc_94",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_184qp_71",
+  "resize-horizontal": "_resize-horizontal_efebc_98",
   resizeHorizontal,
-  "resize-both": "_resize-both_184qp_75",
+  "resize-both": "_resize-both_efebc_102",
   resizeBoth,
-  error,
-  helper,
-  helperError
+  error
 };
 export {
   styles as default,
   error,
+  errorMessage,
   helper,
   helperError,
   label,
+  lg,
   required,
   resizeBoth,
   resizeHorizontal,
   resizeNone,
   resizeVertical,
+  sm,
   textarea,
   wrapper
 };
-//# sourceMappingURL=Textarea.module.scss.js.map

package/dist/components/Textarea/index.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const aria = require("../../utils/aria.cjs");
 const Textarea_module = require("./Textarea.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -20,10 +21,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const TextareaRoot = React__namespace.forwardRef(
   function Textarea2({
     value,
@@ -33,6 +30,7 @@ const TextareaRoot = React__namespace.forwardRef(
     minRows,
     maxRows,
     resize = "vertical",
+    size = "md",
     disabled = false,
     error = false,
     label,
@@ -40,6 +38,7 @@ const TextareaRoot = React__namespace.forwardRef(
     onChange,
     onValueChange,
     onBlur,
+    onFocus,
     rootProps,
     className,
     style: wrapperStyle,
@@ -61,6 +60,7 @@ const TextareaRoot = React__namespace.forwardRef(
     const helperId = `${textareaId}-helper`;
     const textareaClasses = [
       Textarea_module.default.textarea,
+      Textarea_module.default[size],
       error && Textarea_module.default.error,
       Textarea_module.default[`resize-${resize}`]
     ].filter(Boolean).join(" ");
@@ -98,9 +98,9 @@ const TextareaRoot = React__namespace.forwardRef(
               disabled,
               required,
               "aria-label": ariaLabel,
-              "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
+              "aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId),
               "aria-invalid": error || void 0,
-              "aria-describedby": mergeAriaIds(
+              "aria-describedby": aria.mergeAriaIds(
                 ariaDescribedBy,
                 helperText ? helperId : void 0
               ),
@@ -109,6 +109,7 @@ const TextareaRoot = React__namespace.forwardRef(
                 onValueChange == null ? void 0 : onValueChange(e.target.value);
               },
               onBlur: () => onBlur == null ? void 0 : onBlur(),
+              onFocus: () => onFocus == null ? void 0 : onFocus(),
               className: textareaClasses,
               style: Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : void 0
             }
@@ -123,4 +124,3 @@ const Textarea = Object.assign(TextareaRoot, {
   Root: TextareaRoot
 });
 exports.Textarea = Textarea;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Textarea/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur' | 'className' | 'style'> {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur' | 'onFocus' | 'className' | 'style' | 'size'> {
     /** Controlled value */
     value?: string;
     /** Default value for uncontrolled usage */
@@ -14,6 +14,9 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     maxRows?: number;
     /** Allow user to resize the textarea */
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /** Size variant.
+     * @default "md" */
+    size?: 'sm' | 'md' | 'lg';
     /** Disabled state */
     disabled?: boolean;
     /** Error state */
@@ -28,6 +31,8 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     onValueChange?: (value: string) => void;
     /** Called when textarea loses focus */
     onBlur?: () => void;
+    /** Called when textarea receives focus */
+    onFocus?: () => void;
     /** Form field name */
     name?: string;
     /** Maximum character length */

package/dist/components/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAC9C;IACC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAoHD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CACnE;IACC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAmHD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/Textarea/index.js

@@ -1,10 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { mergeAriaIds } from "../../utils/aria.js";
 import styles from "./Textarea.module.scss.js";
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const TextareaRoot = React.forwardRef(
   function Textarea2({
     value,
@@ -14,6 +11,7 @@ const TextareaRoot = React.forwardRef(
     minRows,
     maxRows,
     resize = "vertical",
+    size = "md",
     disabled = false,
     error = false,
     label,
@@ -21,6 +19,7 @@ const TextareaRoot = React.forwardRef(
     onChange,
     onValueChange,
     onBlur,
+    onFocus,
     rootProps,
     className,
     style: wrapperStyle,
@@ -42,6 +41,7 @@ const TextareaRoot = React.forwardRef(
     const helperId = `${textareaId}-helper`;
     const textareaClasses = [
       styles.textarea,
+      styles[size],
       error && styles.error,
       styles[`resize-${resize}`]
     ].filter(Boolean).join(" ");
@@ -90,6 +90,7 @@ const TextareaRoot = React.forwardRef(
                 onValueChange == null ? void 0 : onValueChange(e.target.value);
               },
               onBlur: () => onBlur == null ? void 0 : onBlur(),
+              onFocus: () => onFocus == null ? void 0 : onFocus(),
               className: textareaClasses,
               style: Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : void 0
             }
@@ -106,4 +107,3 @@ const Textarea = Object.assign(TextareaRoot, {
 export {
   Textarea
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Theme/ThemeToggle.module.scss.cjs

@@ -21,4 +21,3 @@ exports.sizeSm = sizeSm;
 exports.toggleButton = toggleButton;
 exports.toggleButtonActive = toggleButtonActive;
 exports.toggleGroup = toggleGroup;
-//# sourceMappingURL=ThemeToggle.module.scss.cjs.map

package/dist/components/Theme/ThemeToggle.module.scss.js

@@ -21,4 +21,3 @@ export {
   toggleButtonActive,
   toggleGroup
 };
-//# sourceMappingURL=ThemeToggle.module.scss.js.map

package/dist/components/Theme/index.cjs

@@ -246,9 +246,9 @@ const RADIUS_PRESETS = {
   pill: { sm: "0.5rem", md: "0.75rem", lg: "1rem", xl: "1.5rem" }
 };
 const DENSITY_CONFIGS = {
-  compact: { baseUnit: 6, baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },
-  default: { baseUnit: 7, baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },
-  relaxed: { baseUnit: 8, baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] }
+  compact: { baseUnit: 6, baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36], touchTargets: [24, 28, 38], sidebarItemHeight: 30 },
+  default: { baseUnit: 7, baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44], touchTargets: [24, 32, 44], sidebarItemHeight: 35 },
+  relaxed: { baseUnit: 8, baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48], touchTargets: [28, 36, 48], sidebarItemHeight: 38 }
 };
 function pxToRem(px, baseFontSize) {
   return `${px / baseFontSize}rem`;
@@ -297,6 +297,8 @@ function configureTheme(options) {
     const d = DENSITY_CONFIGS[options.density];
     if (d) {
       const unitRem = d.baseUnit / d.baseFontSize;
+      setVar(root, "--fui-space-0-5", `${unitRem * 0.3}rem`);
+      setVar(root, "--fui-space-0-75", `${unitRem * 0.43}rem`);
       setVar(root, "--fui-space-1", `${unitRem}rem`);
       setVar(root, "--fui-space-2", `${unitRem * 2}rem`);
       setVar(root, "--fui-space-3", `${unitRem * 3}rem`);
@@ -312,6 +314,10 @@ function configureTheme(options) {
       setVar(root, "--fui-input-height-sm", pxToRem(d.inputHeights[0], d.baseFontSize));
       setVar(root, "--fui-input-height", pxToRem(d.inputHeights[1], d.baseFontSize));
       setVar(root, "--fui-input-height-lg", pxToRem(d.inputHeights[2], d.baseFontSize));
+      setVar(root, "--fui-touch-sm", pxToRem(d.touchTargets[0], d.baseFontSize));
+      setVar(root, "--fui-touch-md", pxToRem(d.touchTargets[1], d.baseFontSize));
+      setVar(root, "--fui-touch-lg", pxToRem(d.touchTargets[2], d.baseFontSize));
+      setVar(root, "--fui-sidebar-item-height", pxToRem(d.sidebarItemHeight, d.baseFontSize));
       setVar(root, "--fui-base-unit", `${d.baseUnit}px`);
     }
   }
@@ -321,4 +327,3 @@ exports.ThemeProvider = ThemeProvider;
 exports.ThemeToggle = ThemeToggle;
 exports.configureTheme = configureTheme;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Theme/index.d.ts

@@ -65,21 +65,8 @@ export declare const Theme: typeof ThemeProvider & {
     useTheme: typeof useTheme;
 };
 export { ThemeProvider, ThemeToggle, useTheme };
-/**
- * Neutral palette for surfaces, text, and borders.
- * - `stone`: Cool gray (balanced, professional) — default
- * - `ice`: Cool blue-tinted grays (crisp, technical)
- * - `earth`: Warm brown-tinted grays (natural, grounded)
- * - `sand`: Warm tan-tinted grays (organic, approachable)
- * - `fire`: Warm red-tinted grays (bold, energetic)
- *
- * Preview palettes at https://usefragments.com/themes
- */
-export type NeutralPalette = 'stone' | 'ice' | 'earth' | 'sand' | 'fire';
-/** Spacing density: `compact` (tight), `default` (balanced), `relaxed` (spacious) */
-export type DensityPreset = 'compact' | 'default' | 'relaxed';
-/** Border radius style: `sharp` (0), `subtle` (2px), `default` (4px), `rounded` (8px), `pill` (9999px) */
-export type RadiusStyle = 'sharp' | 'subtle' | 'default' | 'rounded' | 'pill';
+import type { NeutralPalette, DensityPreset, RadiusStyle } from '../../utils/seed-derivation';
+export type { NeutralPalette, DensityPreset, RadiusStyle };
 export interface ConfigureThemeOptions {
     /** Brand/accent color as hex */
     brand?: string;

package/dist/components/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,yBAAyB;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,+DAA+D;IAC/D,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,mDAAmD;IACnD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4CD;;GAEG;AACH,iBAAS,QAAQ,IAAI,cAAc,CAelC;AAuDD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAwB,EACxB,SAAwB,GACzB,EAAE,kBAAkB,2CAoFpB;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAW,EACX,UAAkB,EAClB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAoElB;AAMD,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAMhD;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACzE,qFAAqF;AACrF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9D,0GAA0G;AAC1G,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAiDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI,CA8DnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Theme/index.js

@@ -227,9 +227,9 @@ const RADIUS_PRESETS = {
   pill: { sm: "0.5rem", md: "0.75rem", lg: "1rem", xl: "1.5rem" }
 };
 const DENSITY_CONFIGS = {
-  compact: { baseUnit: 6, baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36] },
-  default: { baseUnit: 7, baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44] },
-  relaxed: { baseUnit: 8, baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48] }
+  compact: { baseUnit: 6, baseFontSize: 14, buttonHeights: [24, 30, 36], inputHeights: [24, 32, 36], touchTargets: [24, 28, 38], sidebarItemHeight: 30 },
+  default: { baseUnit: 7, baseFontSize: 14, buttonHeights: [28, 36, 44], inputHeights: [28, 40, 44], touchTargets: [24, 32, 44], sidebarItemHeight: 35 },
+  relaxed: { baseUnit: 8, baseFontSize: 14, buttonHeights: [32, 40, 48], inputHeights: [32, 44, 48], touchTargets: [28, 36, 48], sidebarItemHeight: 38 }
 };
 function pxToRem(px, baseFontSize) {
   return `${px / baseFontSize}rem`;
@@ -278,6 +278,8 @@ function configureTheme(options) {
     const d = DENSITY_CONFIGS[options.density];
     if (d) {
       const unitRem = d.baseUnit / d.baseFontSize;
+      setVar(root, "--fui-space-0-5", `${unitRem * 0.3}rem`);
+      setVar(root, "--fui-space-0-75", `${unitRem * 0.43}rem`);
       setVar(root, "--fui-space-1", `${unitRem}rem`);
       setVar(root, "--fui-space-2", `${unitRem * 2}rem`);
       setVar(root, "--fui-space-3", `${unitRem * 3}rem`);
@@ -293,6 +295,10 @@ function configureTheme(options) {
       setVar(root, "--fui-input-height-sm", pxToRem(d.inputHeights[0], d.baseFontSize));
       setVar(root, "--fui-input-height", pxToRem(d.inputHeights[1], d.baseFontSize));
       setVar(root, "--fui-input-height-lg", pxToRem(d.inputHeights[2], d.baseFontSize));
+      setVar(root, "--fui-touch-sm", pxToRem(d.touchTargets[0], d.baseFontSize));
+      setVar(root, "--fui-touch-md", pxToRem(d.touchTargets[1], d.baseFontSize));
+      setVar(root, "--fui-touch-lg", pxToRem(d.touchTargets[2], d.baseFontSize));
+      setVar(root, "--fui-sidebar-item-height", pxToRem(d.sidebarItemHeight, d.baseFontSize));
       setVar(root, "--fui-base-unit", `${d.baseUnit}px`);
     }
   }
@@ -304,4 +310,3 @@ export {
   configureTheme,
   useTheme
 };
-//# sourceMappingURL=index.js.map

package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const thinkingIndicator = "_thinkingIndicator_1l7aj_1";
-const main = "_main_1l7aj_8";
-const label = "_label_1l7aj_14";
-const elapsed = "_elapsed_1l7aj_25";
-const dots = "_dots_1l7aj_34";
-const dot = "_dot_1l7aj_34";
-const bounce = "_bounce_1l7aj_1";
-const pulse = "_pulse_1l7aj_73";
-const pulseRing = "_pulseRing_1l7aj_82";
-const pulseDot = "_pulseDot_1l7aj_98";
-const spinner = "_spinner_1l7aj_116";
-const spinnerIcon = "_spinnerIcon_1l7aj_123";
-const spin = "_spin_1l7aj_116";
-const steps = "_steps_1l7aj_140";
-const step = "_step_1l7aj_140";
-const stepIndicator = "_stepIndicator_1l7aj_157";
-const stepDot = "_stepDot_1l7aj_166";
-const stepLabel = "_stepLabel_1l7aj_174";
-const stepPending = "_stepPending_1l7aj_178";
-const stepActive = "_stepActive_1l7aj_182";
-const stepComplete = "_stepComplete_1l7aj_189";
-const stepError = "_stepError_1l7aj_196";
+const thinkingIndicator = "_thinkingIndicator_7qq9v_1";
+const main = "_main_7qq9v_8";
+const label = "_label_7qq9v_14";
+const elapsed = "_elapsed_7qq9v_25";
+const dots = "_dots_7qq9v_34";
+const dot = "_dot_7qq9v_34";
+const bounce = "_bounce_7qq9v_1";
+const pulse = "_pulse_7qq9v_73";
+const pulseRing = "_pulseRing_7qq9v_82";
+const pulseDot = "_pulseDot_7qq9v_98";
+const spinner = "_spinner_7qq9v_116";
+const spinnerIcon = "_spinnerIcon_7qq9v_123";
+const spin = "_spin_7qq9v_116";
+const steps = "_steps_7qq9v_140";
+const step = "_step_7qq9v_140";
+const stepIndicator = "_stepIndicator_7qq9v_157";
+const stepDot = "_stepDot_7qq9v_166";
+const stepLabel = "_stepLabel_7qq9v_174";
+const stepPending = "_stepPending_7qq9v_178";
+const stepActive = "_stepActive_7qq9v_182";
+const stepComplete = "_stepComplete_7qq9v_189";
+const stepError = "_stepError_7qq9v_196";
 const styles = {
   thinkingIndicator,
   main,
@@ -69,4 +69,3 @@ exports.stepLabel = stepLabel;
 exports.stepPending = stepPending;
 exports.steps = steps;
 exports.thinkingIndicator = thinkingIndicator;
-//# sourceMappingURL=ThinkingIndicator.module.scss.cjs.map

package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js

@@ -1,25 +1,25 @@
-const thinkingIndicator = "_thinkingIndicator_1l7aj_1";
-const main = "_main_1l7aj_8";
-const label = "_label_1l7aj_14";
-const elapsed = "_elapsed_1l7aj_25";
-const dots = "_dots_1l7aj_34";
-const dot = "_dot_1l7aj_34";
-const bounce = "_bounce_1l7aj_1";
-const pulse = "_pulse_1l7aj_73";
-const pulseRing = "_pulseRing_1l7aj_82";
-const pulseDot = "_pulseDot_1l7aj_98";
-const spinner = "_spinner_1l7aj_116";
-const spinnerIcon = "_spinnerIcon_1l7aj_123";
-const spin = "_spin_1l7aj_116";
-const steps = "_steps_1l7aj_140";
-const step = "_step_1l7aj_140";
-const stepIndicator = "_stepIndicator_1l7aj_157";
-const stepDot = "_stepDot_1l7aj_166";
-const stepLabel = "_stepLabel_1l7aj_174";
-const stepPending = "_stepPending_1l7aj_178";
-const stepActive = "_stepActive_1l7aj_182";
-const stepComplete = "_stepComplete_1l7aj_189";
-const stepError = "_stepError_1l7aj_196";
+const thinkingIndicator = "_thinkingIndicator_7qq9v_1";
+const main = "_main_7qq9v_8";
+const label = "_label_7qq9v_14";
+const elapsed = "_elapsed_7qq9v_25";
+const dots = "_dots_7qq9v_34";
+const dot = "_dot_7qq9v_34";
+const bounce = "_bounce_7qq9v_1";
+const pulse = "_pulse_7qq9v_73";
+const pulseRing = "_pulseRing_7qq9v_82";
+const pulseDot = "_pulseDot_7qq9v_98";
+const spinner = "_spinner_7qq9v_116";
+const spinnerIcon = "_spinnerIcon_7qq9v_123";
+const spin = "_spin_7qq9v_116";
+const steps = "_steps_7qq9v_140";
+const step = "_step_7qq9v_140";
+const stepIndicator = "_stepIndicator_7qq9v_157";
+const stepDot = "_stepDot_7qq9v_166";
+const stepLabel = "_stepLabel_7qq9v_174";
+const stepPending = "_stepPending_7qq9v_178";
+const stepActive = "_stepActive_7qq9v_182";
+const stepComplete = "_stepComplete_7qq9v_189";
+const stepError = "_stepError_7qq9v_196";
 const styles = {
   thinkingIndicator,
   main,
@@ -69,4 +69,3 @@ export {
   steps,
   thinkingIndicator
 };
-//# sourceMappingURL=ThinkingIndicator.module.scss.js.map