@unofficialbox/box-open-elements 0.4.0 → 0.5.0

package/dist/entries/sidebar-toggle-button.js

@@ -0,0 +1 @@
+export * from "../components/layout/sidebar-toggle-button.js";

package/dist/entries/skeleton.d.ts

@@ -0,0 +1 @@
+export * from "../components/feedback/skeleton.js";

package/dist/entries/skeleton.js

@@ -0,0 +1 @@
+export * from "../components/feedback/skeleton.js";

package/dist/entries/slider.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/slider.js";

package/dist/entries/slider.js

@@ -0,0 +1 @@
+export * from "../components/forms/slider.js";

package/dist/entries/spin-button.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/spin-button.js";

package/dist/entries/spin-button.js

@@ -0,0 +1 @@
+export * from "../components/forms/spin-button.js";

package/dist/entries/spinner.d.ts

@@ -0,0 +1 @@
+export * from "../components/feedback/spinner.js";

package/dist/entries/spinner.js

@@ -0,0 +1 @@
+export * from "../components/feedback/spinner.js";

package/dist/entries/split-view.d.ts

@@ -0,0 +1 @@
+export * from "../components/layout/split-view.js";

package/dist/entries/split-view.js

@@ -0,0 +1 @@
+export * from "../components/layout/split-view.js";

package/dist/entries/switch.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/switch.js";

package/dist/entries/switch.js

@@ -0,0 +1 @@
+export * from "../components/forms/switch.js";

package/dist/entries/table.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/table.js";

package/dist/entries/table.js

@@ -0,0 +1 @@
+export * from "../components/collections/table.js";

package/dist/entries/tabs.d.ts

@@ -0,0 +1 @@
+export * from "../components/navigation/tabs.js";

package/dist/entries/tabs.js

@@ -0,0 +1 @@
+export * from "../components/navigation/tabs.js";

package/dist/entries/tag-input.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/tag-input.js";

package/dist/entries/tag-input.js

@@ -0,0 +1 @@
+export * from "../components/forms/tag-input.js";

package/dist/entries/task-assignment-panel.d.ts

@@ -0,0 +1 @@
+export * from "../patterns/task/task-assignment-panel.js";

package/dist/entries/task-assignment-panel.js

@@ -0,0 +1 @@
+export * from "../patterns/task/task-assignment-panel.js";

package/dist/entries/text-area.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/text-area.js";

package/dist/entries/text-area.js

@@ -0,0 +1 @@
+export * from "../components/forms/text-area.js";

package/dist/entries/text-field.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/text-field.js";

package/dist/entries/text-field.js

@@ -0,0 +1 @@
+export * from "../components/forms/text-field.js";

package/dist/entries/thumbnail-card.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/thumbnail-card.js";

package/dist/entries/thumbnail-card.js

@@ -0,0 +1 @@
+export * from "../components/collections/thumbnail-card.js";

package/dist/entries/time-field.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/time-field.js";

package/dist/entries/time-field.js

@@ -0,0 +1 @@
+export * from "../components/forms/time-field.js";

package/dist/entries/toast.d.ts

@@ -0,0 +1 @@
+export * from "../components/feedback/toast.js";

package/dist/entries/toast.js

@@ -0,0 +1 @@
+export * from "../components/feedback/toast.js";

package/dist/entries/tooltip.d.ts

@@ -0,0 +1 @@
+export * from "../components/overlays/tooltip.js";

package/dist/entries/tooltip.js

@@ -0,0 +1 @@
+export * from "../components/overlays/tooltip.js";

package/dist/entries/tree-grid.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/tree-grid.js";

package/dist/entries/tree-grid.js

@@ -0,0 +1 @@
+export * from "../components/collections/tree-grid.js";

package/dist/entries/tree.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/tree.js";

package/dist/entries/tree.js

@@ -0,0 +1 @@
+export * from "../components/collections/tree.js";

package/dist/entries/unified-share-modal.d.ts

@@ -0,0 +1 @@
+export * from "../patterns/share/unified-share-modal.js";

package/dist/entries/unified-share-modal.js

@@ -0,0 +1 @@
+export * from "../patterns/share/unified-share-modal.js";

package/dist/foundations/geometry/tokens.d.ts

@@ -7,60 +7,61 @@
  */
 /** `$bdl-grid-unit` — spacing scale root (4px). */
 export declare const boeSpace: {
-    readonly unit: "4px";
+    readonly unit: "var(--boe-profile-space-unit, 4px)";
     /** 1 × grid */
-    readonly 1: "4px";
+    readonly 1: "var(--boe-profile-space-1, 4px)";
     /** 2 × grid */
-    readonly 2: "8px";
+    readonly 2: "var(--boe-profile-space-2, 8px)";
     /** 3 × grid */
-    readonly 3: "12px";
+    readonly 3: "var(--boe-profile-space-3, 12px)";
     /** 4 × grid — button horizontal padding */
-    readonly 4: "16px";
+    readonly 4: "var(--boe-profile-space-4, 16px)";
     /** 5 × grid */
-    readonly 5: "20px";
+    readonly 5: "var(--boe-profile-space-5, 20px)";
     /** 6 × grid — overlay padding */
-    readonly 6: "24px";
+    readonly 6: "var(--boe-profile-space-6, 24px)";
     /** 8 × grid — modal-ish pad / control height */
-    readonly 8: "32px";
+    readonly 8: "var(--boe-profile-space-8, 32px)";
     /** 10 × grid */
-    readonly 10: "40px";
+    readonly 10: "var(--boe-profile-space-10, 40px)";
     /** 12 × grid — menu-item trailing pad */
-    readonly 12: "48px";
+    readonly 12: "var(--boe-profile-space-12, 48px)";
 };
 /**
  * Pattern / panel shell chrome — denser BDL card surfaces (12 / 8)
  * used by share panels, explorers, insights cards, etc.
  */
 export declare const boePanel: {
-    readonly padding: "12px";
+    readonly padding: "var(--boe-profile-panel-padding, 12px)";
     /** Card / panel surface — Box 16px (was 8px). */
-    readonly radius: "16px";
-    readonly gap: "12px";
+    readonly radius: "var(--boe-profile-radius-large, 16px)";
+    readonly gap: "var(--boe-profile-panel-gap, 12px)";
     readonly border: "1px solid var(--boe-token-stroke-stroke, #e8e8e8)";
     readonly background: "var(--boe-token-surface-surface, #ffffff)";
+    readonly shadow: "var(--boe-profile-shadow-panel, 0 1px 2px rgb(15 23 42 / 4%))";
     /** Content-sidebar-ish drawer width */
-    readonly drawerWidth: "340px";
+    readonly drawerWidth: "var(--boe-profile-drawer-width, 340px)";
 };
 /**
  * Overlay / menu / flyout chrome — `mixins/_overlay.scss` + Menu.scss.
  */
 export declare const boeOverlay: {
     /** Container pad — 3 × grid */
-    readonly padding: "12px";
+    readonly padding: "var(--boe-profile-overlay-padding, 12px)";
     /** Menu / popover surface — Box 20px (was 8px). */
-    readonly radius: "20px";
-    readonly shadow: "0 4px 12px 0 rgb(0 0 0 / 10%)";
+    readonly radius: "var(--boe-profile-radius-xlarge, 20px)";
+    readonly shadow: "var(--boe-profile-shadow-overlay, 0 4px 12px 0 rgb(0 0 0 / 10%))";
     readonly border: "1px solid var(--boe-token-stroke-stroke, #e8e8e8)";
     /** Menu item — min-height 30; item radius 12px (Box). */
-    readonly itemPadding: "8px 48px 8px 8px";
-    readonly itemMinHeight: "30px";
-    readonly itemRadius: "12px";
+    readonly itemPadding: "var(--boe-profile-overlay-item-padding, 8px 48px 8px 8px)";
+    readonly itemMinHeight: "var(--boe-profile-overlay-item-min-height, 30px)";
+    readonly itemRadius: "var(--boe-profile-radius-medium, 12px)";
     /** Modal — dialog radius 24px (Box; was 12px). */
-    readonly modalPadding: "30px";
-    readonly modalWidth: "460px";
-    readonly modalRadius: "24px";
-    readonly modalShadow: "0 1px 1px 1px rgb(0 0 0 / 5%)";
-    readonly modalTitleSize: "16px";
+    readonly modalPadding: "var(--boe-profile-modal-padding, 30px)";
+    readonly modalWidth: "var(--boe-profile-modal-width, 460px)";
+    readonly modalRadius: "var(--boe-profile-radius-field, 24px)";
+    readonly modalShadow: "var(--boe-profile-shadow-modal, 0 1px 1px 1px rgb(0 0 0 / 5%))";
+    readonly modalTitleSize: "var(--boe-profile-modal-title-size, 16px)";
     readonly modalBackdrop: "rgba(0, 0, 0, 0.75)";
 };
 /**
@@ -76,48 +77,48 @@ export declare const boeOverlay: {
  */
 export declare const boeRadius: {
     /** Badges, checkboxes, tiny chips — Box ~4px. */
-    readonly size: "4px";
+    readonly size: "var(--boe-profile-radius-size, 4px)";
     /** Rows, small surfaces, list-item hover — Box 12px (was 6px). */
-    readonly med: "12px";
+    readonly med: "var(--boe-profile-radius-medium, 12px)";
     /** Cards, panels — Box 16px (was 8px). */
-    readonly large: "16px";
+    readonly large: "var(--boe-profile-radius-large, 16px)";
     /** Controls (buttons, inputs) + menus — Box 20px (was 12px). */
-    readonly xlarge: "20px";
+    readonly xlarge: "var(--boe-profile-radius-xlarge, 20px)";
     /** Interactive controls — buttons, inputs. Box pill radius 20px. */
-    readonly control: "20px";
+    readonly control: "var(--boe-profile-radius-control, 20px)";
     /** Large fields (search) + dialogs/modals — Box 24px. */
-    readonly field: "24px";
+    readonly field: "var(--boe-profile-radius-field, 24px)";
     /** Nav items — Box 28px. */
-    readonly nav: "28px";
+    readonly nav: "var(--boe-profile-radius-nav, 28px)";
     /** True pills — chips, toggles, label-pills. */
-    readonly pill: "999px";
+    readonly pill: "var(--boe-profile-radius-pill, 999px)";
 };
 /** `$bdl-btn-height*` + related control metrics. */
 export declare const boeControl: {
-    readonly height: "32px";
-    readonly heightLarge: "40px";
-    readonly paddingInline: "16px";
+    readonly height: "var(--boe-profile-control-height, 32px)";
+    readonly heightLarge: "var(--boe-profile-control-height-large, 40px)";
+    readonly paddingInline: "var(--boe-profile-control-padding-inline, 16px)";
     /** Pill control radius — buttons/inputs. Box 20px. */
-    readonly radius: "20px";
+    readonly radius: "var(--boe-profile-radius-control, 20px)";
     /** Shared input pad from `@mixin box-inputs` */
-    readonly inputPadding: "7px";
+    readonly inputPadding: "var(--boe-profile-input-padding, 7px)";
     /** BUE select control height */
-    readonly selectHeight: "34px";
+    readonly selectHeight: "var(--boe-profile-select-height, 34px)";
     /** Legacy body font used on `.btn` */
-    readonly fontSize: "13px";
-    readonly letterSpacing: "0.035em";
+    readonly fontSize: "var(--boe-profile-control-font-size, 13px)";
+    readonly letterSpacing: "var(--boe-profile-control-letter-spacing, 0.035em)";
     /** BUE disabled control opacity */
-    readonly disabledOpacity: "0.4";
+    readonly disabledOpacity: "var(--boe-profile-disabled-opacity, 0.4)";
     /** Input border — `$bdl-gray-20` / SurfaceSurfaceQuaternary */
     readonly inputBorder: "var(--boe-token-surface-surface-quaternary, #d3d3d3)";
     /** Button secondary border — `$bdl-gray-30` / StrokeStrokeHover */
     readonly buttonBorder: "var(--boe-token-stroke-stroke-hover, #bcbcbc)";
     /** `@mixin box-inputs` inset shadow */
-    readonly inputInsetShadow: "inset 0 2px 4px rgb(0 0 0 / 10%)";
+    readonly inputInsetShadow: "var(--boe-profile-shadow-input-inset, inset 0 2px 4px rgb(0 0 0 / 10%))";
     /** Overlay / menu shadow — `mixins/_overlay.scss` */
-    readonly overlayShadow: "0 4px 12px 0 rgb(0 0 0 / 10%)";
+    readonly overlayShadow: "var(--boe-profile-shadow-overlay, 0 4px 12px 0 rgb(0 0 0 / 10%))";
     /** Primary button focus inset ring */
-    readonly primaryFocusShadow: "inset 0 0 0 1px rgb(255 255 255 / 80%), 0 1px 2px rgb(0 0 0 / 10%)";
+    readonly primaryFocusShadow: "var(--boe-profile-shadow-primary-focus, inset 0 0 0 1px rgb(255 255 255 / 80%), 0 1px 2px rgb(0 0 0 / 10%))";
 };
 /** Shared text-field / select chrome matching `@mixin box-inputs`. */
 export declare const boeInputControlStyles: (selector: string) => string;

package/dist/foundations/geometry/tokens.js

@@ -7,60 +7,61 @@
  */
 /** `$bdl-grid-unit` — spacing scale root (4px). */
 export const boeSpace = {
-    unit: "4px",
+    unit: "var(--boe-profile-space-unit, 4px)",
     /** 1 × grid */
-    1: "4px",
+    1: "var(--boe-profile-space-1, 4px)",
     /** 2 × grid */
-    2: "8px",
+    2: "var(--boe-profile-space-2, 8px)",
     /** 3 × grid */
-    3: "12px",
+    3: "var(--boe-profile-space-3, 12px)",
     /** 4 × grid — button horizontal padding */
-    4: "16px",
+    4: "var(--boe-profile-space-4, 16px)",
     /** 5 × grid */
-    5: "20px",
+    5: "var(--boe-profile-space-5, 20px)",
     /** 6 × grid — overlay padding */
-    6: "24px",
+    6: "var(--boe-profile-space-6, 24px)",
     /** 8 × grid — modal-ish pad / control height */
-    8: "32px",
+    8: "var(--boe-profile-space-8, 32px)",
     /** 10 × grid */
-    10: "40px",
+    10: "var(--boe-profile-space-10, 40px)",
     /** 12 × grid — menu-item trailing pad */
-    12: "48px",
+    12: "var(--boe-profile-space-12, 48px)",
 };
 /**
  * Pattern / panel shell chrome — denser BDL card surfaces (12 / 8)
  * used by share panels, explorers, insights cards, etc.
  */
 export const boePanel = {
-    padding: "12px",
+    padding: "var(--boe-profile-panel-padding, 12px)",
     /** Card / panel surface — Box 16px (was 8px). */
-    radius: "16px",
-    gap: "12px",
+    radius: "var(--boe-profile-radius-large, 16px)",
+    gap: "var(--boe-profile-panel-gap, 12px)",
     border: "1px solid var(--boe-token-stroke-stroke, #e8e8e8)",
     background: "var(--boe-token-surface-surface, #ffffff)",
+    shadow: "var(--boe-profile-shadow-panel, 0 1px 2px rgb(15 23 42 / 4%))",
     /** Content-sidebar-ish drawer width */
-    drawerWidth: "340px",
+    drawerWidth: "var(--boe-profile-drawer-width, 340px)",
 };
 /**
  * Overlay / menu / flyout chrome — `mixins/_overlay.scss` + Menu.scss.
  */
 export const boeOverlay = {
     /** Container pad — 3 × grid */
-    padding: "12px",
+    padding: "var(--boe-profile-overlay-padding, 12px)",
     /** Menu / popover surface — Box 20px (was 8px). */
-    radius: "20px",
-    shadow: "0 4px 12px 0 rgb(0 0 0 / 10%)",
+    radius: "var(--boe-profile-radius-xlarge, 20px)",
+    shadow: "var(--boe-profile-shadow-overlay, 0 4px 12px 0 rgb(0 0 0 / 10%))",
     border: "1px solid var(--boe-token-stroke-stroke, #e8e8e8)",
     /** Menu item — min-height 30; item radius 12px (Box). */
-    itemPadding: "8px 48px 8px 8px",
-    itemMinHeight: "30px",
-    itemRadius: "12px",
+    itemPadding: "var(--boe-profile-overlay-item-padding, 8px 48px 8px 8px)",
+    itemMinHeight: "var(--boe-profile-overlay-item-min-height, 30px)",
+    itemRadius: "var(--boe-profile-radius-medium, 12px)",
     /** Modal — dialog radius 24px (Box; was 12px). */
-    modalPadding: "30px",
-    modalWidth: "460px",
-    modalRadius: "24px",
-    modalShadow: "0 1px 1px 1px rgb(0 0 0 / 5%)",
-    modalTitleSize: "16px",
+    modalPadding: "var(--boe-profile-modal-padding, 30px)",
+    modalWidth: "var(--boe-profile-modal-width, 460px)",
+    modalRadius: "var(--boe-profile-radius-field, 24px)",
+    modalShadow: "var(--boe-profile-shadow-modal, 0 1px 1px 1px rgb(0 0 0 / 5%))",
+    modalTitleSize: "var(--boe-profile-modal-title-size, 16px)",
     modalBackdrop: "rgba(0, 0, 0, 0.75)",
 };
 /**
@@ -76,48 +77,48 @@ export const boeOverlay = {
  */
 export const boeRadius = {
     /** Badges, checkboxes, tiny chips — Box ~4px. */
-    size: "4px",
+    size: "var(--boe-profile-radius-size, 4px)",
     /** Rows, small surfaces, list-item hover — Box 12px (was 6px). */
-    med: "12px",
+    med: "var(--boe-profile-radius-medium, 12px)",
     /** Cards, panels — Box 16px (was 8px). */
-    large: "16px",
+    large: "var(--boe-profile-radius-large, 16px)",
     /** Controls (buttons, inputs) + menus — Box 20px (was 12px). */
-    xlarge: "20px",
+    xlarge: "var(--boe-profile-radius-xlarge, 20px)",
     /** Interactive controls — buttons, inputs. Box pill radius 20px. */
-    control: "20px",
+    control: "var(--boe-profile-radius-control, 20px)",
     /** Large fields (search) + dialogs/modals — Box 24px. */
-    field: "24px",
+    field: "var(--boe-profile-radius-field, 24px)",
     /** Nav items — Box 28px. */
-    nav: "28px",
+    nav: "var(--boe-profile-radius-nav, 28px)",
     /** True pills — chips, toggles, label-pills. */
-    pill: "999px",
+    pill: "var(--boe-profile-radius-pill, 999px)",
 };
 /** `$bdl-btn-height*` + related control metrics. */
 export const boeControl = {
-    height: "32px",
-    heightLarge: "40px",
-    paddingInline: "16px",
+    height: "var(--boe-profile-control-height, 32px)",
+    heightLarge: "var(--boe-profile-control-height-large, 40px)",
+    paddingInline: "var(--boe-profile-control-padding-inline, 16px)",
     /** Pill control radius — buttons/inputs. Box 20px. */
-    radius: "20px",
+    radius: "var(--boe-profile-radius-control, 20px)",
     /** Shared input pad from `@mixin box-inputs` */
-    inputPadding: "7px",
+    inputPadding: "var(--boe-profile-input-padding, 7px)",
     /** BUE select control height */
-    selectHeight: "34px",
+    selectHeight: "var(--boe-profile-select-height, 34px)",
     /** Legacy body font used on `.btn` */
-    fontSize: "13px",
-    letterSpacing: "0.035em",
+    fontSize: "var(--boe-profile-control-font-size, 13px)",
+    letterSpacing: "var(--boe-profile-control-letter-spacing, 0.035em)",
     /** BUE disabled control opacity */
-    disabledOpacity: "0.4",
+    disabledOpacity: "var(--boe-profile-disabled-opacity, 0.4)",
     /** Input border — `$bdl-gray-20` / SurfaceSurfaceQuaternary */
     inputBorder: "var(--boe-token-surface-surface-quaternary, #d3d3d3)",
     /** Button secondary border — `$bdl-gray-30` / StrokeStrokeHover */
     buttonBorder: "var(--boe-token-stroke-stroke-hover, #bcbcbc)",
     /** `@mixin box-inputs` inset shadow */
-    inputInsetShadow: "inset 0 2px 4px rgb(0 0 0 / 10%)",
+    inputInsetShadow: "var(--boe-profile-shadow-input-inset, inset 0 2px 4px rgb(0 0 0 / 10%))",
     /** Overlay / menu shadow — `mixins/_overlay.scss` */
-    overlayShadow: "0 4px 12px 0 rgb(0 0 0 / 10%)",
+    overlayShadow: "var(--boe-profile-shadow-overlay, 0 4px 12px 0 rgb(0 0 0 / 10%))",
     /** Primary button focus inset ring */
-    primaryFocusShadow: "inset 0 0 0 1px rgb(255 255 255 / 80%), 0 1px 2px rgb(0 0 0 / 10%)",
+    primaryFocusShadow: "var(--boe-profile-shadow-primary-focus, inset 0 0 0 1px rgb(255 255 255 / 80%), 0 1px 2px rgb(0 0 0 / 10%))",
 };
 /** Shared text-field / select chrome matching `@mixin box-inputs`. */
 export const boeInputControlStyles = (selector) => `

package/dist/foundations/motion/tokens.d.ts

@@ -7,26 +7,26 @@
  */
 export declare const boeMotionDuration: {
     /** Quick accent transitions (charts, micro-feedback) */
-    readonly fast: "120ms";
+    readonly fast: "var(--boe-profile-motion-fast, 120ms)";
     /**
      * Dominant interactive paint duration across catalog controls
      * (background / border / color / box-shadow on hover and press).
      */
-    readonly interactive: "140ms";
+    readonly interactive: "var(--boe-profile-motion-interactive, 140ms)";
     /** Opacity / layout micro-transitions */
-    readonly medium: "160ms";
+    readonly medium: "var(--boe-profile-motion-medium, 160ms)";
     /** Panel expand / collapse */
-    readonly slow: "240ms";
+    readonly slow: "var(--boe-profile-motion-slow, 240ms)";
     /** Indeterminate spinner rotation */
-    readonly spin: "0.8s";
+    readonly spin: "var(--boe-profile-motion-spin, 0.8s)";
     /** Skeleton shimmer cycle */
-    readonly shimmer: "1.4s";
+    readonly shimmer: "var(--boe-profile-motion-shimmer, 1.4s)";
 };
 export declare const boeMotionEasing: {
-    readonly standard: "ease";
-    readonly enter: "ease-out";
-    readonly exit: "ease-in";
-    readonly linear: "linear";
+    readonly standard: "var(--boe-profile-easing-standard, ease)";
+    readonly enter: "var(--boe-profile-easing-enter, ease-out)";
+    readonly exit: "var(--boe-profile-easing-exit, ease-in)";
+    readonly linear: "var(--boe-profile-easing-linear, linear)";
 };
 export type BoeMotionDuration = (typeof boeMotionDuration)[keyof typeof boeMotionDuration];
 export type BoeMotionEasing = (typeof boeMotionEasing)[keyof typeof boeMotionEasing];

package/dist/foundations/motion/tokens.js

@@ -7,26 +7,26 @@
  */
 export const boeMotionDuration = {
     /** Quick accent transitions (charts, micro-feedback) */
-    fast: "120ms",
+    fast: "var(--boe-profile-motion-fast, 120ms)",
     /**
      * Dominant interactive paint duration across catalog controls
      * (background / border / color / box-shadow on hover and press).
      */
-    interactive: "140ms",
+    interactive: "var(--boe-profile-motion-interactive, 140ms)",
     /** Opacity / layout micro-transitions */
-    medium: "160ms",
+    medium: "var(--boe-profile-motion-medium, 160ms)",
     /** Panel expand / collapse */
-    slow: "240ms",
+    slow: "var(--boe-profile-motion-slow, 240ms)",
     /** Indeterminate spinner rotation */
-    spin: "0.8s",
+    spin: "var(--boe-profile-motion-spin, 0.8s)",
     /** Skeleton shimmer cycle */
-    shimmer: "1.4s",
+    shimmer: "var(--boe-profile-motion-shimmer, 1.4s)",
 };
 export const boeMotionEasing = {
-    standard: "ease",
-    enter: "ease-out",
-    exit: "ease-in",
-    linear: "linear",
+    standard: "var(--boe-profile-easing-standard, ease)",
+    enter: "var(--boe-profile-easing-enter, ease-out)",
+    exit: "var(--boe-profile-easing-exit, ease-in)",
+    linear: "var(--boe-profile-easing-linear, linear)",
 };
 /** CSS transition shorthand using the shared vocabulary. */
 export const boeTransition = (property, duration = boeMotionDuration.fast, easing = boeMotionEasing.standard) => `${property} ${duration} ${easing}`;

package/dist/foundations/profiles/built-ins.d.ts

@@ -0,0 +1,4 @@
+import type { DesignProfileDefinition } from "./types.js";
+export declare const boxDefaultDesignProfile: DesignProfileDefinition;
+export declare const compactNeutralDesignProfile: DesignProfileDefinition;
+export declare const registerBuiltInDesignProfiles: () => void;