@orioncactuscorp/ui 1.7.0 → 1.9.0

package/dist/components/ScrollArea/useScrollAreaGeometryStabilizer.js

@@ -0,0 +1,36 @@
+import { useRef as r, useCallback as F, useEffect as R } from "react";
+const s = {
+  maxFrames: 90,
+  minFrames: 30,
+  stableFrames: 3
+};
+function A({
+  enabled: a,
+  getGeometrySignature: m,
+  updateGeometry: i
+}) {
+  const e = r(null), t = r(0), n = r(0), c = r(""), u = r(0), o = F(() => {
+    e.current === null || typeof window > "u" || (window.cancelAnimationFrame(e.current), e.current = null);
+  }, []), d = F(() => {
+    if (!a || typeof window > "u" || (t.current = 0, n.current = 0, c.current = "", u.current = s.maxFrames, e.current !== null)) return;
+    const l = () => {
+      i();
+      const f = m();
+      n.current = f === c.current ? n.current + 1 : 0, c.current = f, t.current += 1, u.current -= 1;
+      const w = t.current >= s.minFrames && n.current >= s.stableFrames;
+      if (u.current > 0 && !w) {
+        e.current = window.requestAnimationFrame(l);
+        return;
+      }
+      e.current = null;
+    };
+    e.current = window.requestAnimationFrame(l);
+  }, [a, m, i]);
+  return R(() => o, [o]), {
+    cancelGeometryUpdate: o,
+    scheduleGeometryUpdate: d
+  };
+}
+export {
+  A as useScrollAreaGeometryStabilizer
+};

package/dist/components/TextButton/TextButton.css

@@ -1 +1 @@
-.oc-TextButton-module__textButton__71n5b{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b{transition:none;transform:none}}.oc-TextButton-module__textButton__71n5b{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.125em;color:var(--oc-text-button-color);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-TextButton-module__textButton__71n5b{--oc-text-button-color: inherit;--oc-interaction-color: currentcolor;--oc-interaction-scale: .95;--oc-interaction-time: .225s;--oc-interaction-inset-x: -.375em;--oc-interaction-inset-y: -.1em;--oc-interaction-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]>svg{width:100%;height:100%}.oc-TextButton-module__textButton__71n5b:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-TextButton-module__textButton__71n5b:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__primary__dlRiO){--oc-text-button-color: var(--oc-color-theme-primary-normal)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__assistive__wUKa-){--oc-text-button-color: var(--oc-color-theme-label-alternative)}.oc-TextButton-module__textButton__71n5b:disabled,.oc-TextButton-module__textButton__71n5b[aria-disabled=true]{--oc-text-button-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__medium__1VOra){font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__small__zxHdc){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true]){transform:none}}
+.oc-TextButton-module__textButton__71n5b{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b{transition:none;transform:none}}.oc-TextButton-module__textButton__71n5b{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.125em;padding-block:var(--oc-text-button-padding-y);padding-inline:var(--oc-text-button-padding-x);color:var(--oc-text-button-color);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-TextButton-module__textButton__71n5b{--oc-text-button-color: inherit;--oc-text-button-padding-x: 0px;--oc-text-button-padding-y: 0px;--oc-interaction-color: currentcolor;--oc-interaction-scale: .95;--oc-interaction-time: .225s;--oc-interaction-inset-x: -.375em;--oc-interaction-inset-y: -.1em;--oc-interaction-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]>[data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-text-button-icon-size, calc(1.5em - var(--oc-text-button-icon-padding-block, .1875em) * 2))}@supports (block-size: 1lh){.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]>[data-oc-component=svg-icon]{block-size:var(--oc-text-button-icon-size, calc(1lh - var(--oc-text-button-icon-padding-block, .1875em) * 2))}}.oc-TextButton-module__textButton__71n5b:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-TextButton-module__textButton__71n5b:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__primary__dlRiO){--oc-text-button-color: var(--oc-color-theme-primary-normal)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__assistive__wUKa-){--oc-text-button-color: var(--oc-color-theme-label-alternative)}.oc-TextButton-module__textButton__71n5b:disabled,.oc-TextButton-module__textButton__71n5b[aria-disabled=true]{--oc-text-button-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__medium__1VOra){font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__small__zxHdc){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__padding__1EgaV){--oc-text-button-padding-x: var(--oc-space-item-padding-small);--oc-text-button-padding-y: var(--oc-space-item-padding-small);--oc-interaction-inset-x: 0px;--oc-interaction-inset-y: 0px}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b:active:not(:disabled,[aria-disabled=true]){transform:none}}

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

@@ -1,15 +1,17 @@
-import './TextButton.css';const t = "oc-TextButton-module__textButton__71n5b", o = "oc-TextButton-module__primary__dlRiO", e = "oc-TextButton-module__assistive__wUKa-", s = "oc-TextButton-module__medium__1VOra", _ = "oc-TextButton-module__small__zxHdc", m = {
+import './TextButton.css';const t = "oc-TextButton-module__textButton__71n5b", o = "oc-TextButton-module__primary__dlRiO", e = "oc-TextButton-module__assistive__wUKa-", _ = "oc-TextButton-module__medium__1VOra", s = "oc-TextButton-module__small__zxHdc", n = "oc-TextButton-module__padding__1EgaV", u = {
   textButton: t,
   primary: o,
   assistive: e,
-  medium: s,
-  small: _
+  medium: _,
+  small: s,
+  padding: n
 };
 export {
   e as assistive,
-  m as default,
-  s as medium,
+  u as default,
+  _ as medium,
+  n as padding,
   o as primary,
-  _ as small,
+  s as small,
   t as textButton
 };

package/dist/components/internal/DisclosureIndicator.js

@@ -1,39 +1,39 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as I, useState as R, useEffect as S } from "react";
-import E from "@orioncactuscorp/icons/orioncactus/ChevronDownTight";
-import { normalizeSlotIcon as p } from "./slot.js";
-const i = 180;
-function h({
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as p, useState as I, useEffect as R } from "react";
+import S from "@orioncactuscorp/icons/orioncactus/ChevronDownTight";
+import { normalizeSlotIcon as E } from "./slot.js";
+const e = 180;
+function _({
   open: t,
-  children: o,
+  children: r,
   part: n = "indicator",
-  rotationVariable: c = "--oc-disclosure-indicator-rotation",
-  style: s,
-  ...a
+  rotationVariable: a = "--oc-disclosure-indicator-rotation",
+  style: c,
+  ...s
 }) {
-  const r = I(t), [u, d] = R(
-    () => t ? i : 0
-  ), f = o === void 0 ? /* @__PURE__ */ e(E, { size: "custom" }) : o, m = {
-    ...s,
-    [c]: `${u}deg`
+  const i = p(t), [d, u] = I(
+    () => t ? e : 0
+  ), f = r === void 0 ? /* @__PURE__ */ o(S, { size: "custom" }) : r, m = {
+    ...c,
+    [a]: `${d}deg`
   };
-  return S(() => {
-    r.current !== t && (r.current = t, d(
-      (l) => l + i
+  return R(() => {
+    i.current !== t && (i.current = t, u(
+      (l) => l + e
     ));
-  }, [t]), /* @__PURE__ */ e(
+  }, [t]), /* @__PURE__ */ o(
     "span",
     {
-      ...a,
+      ...s,
       "aria-hidden": "true",
       "data-oc-part": n,
       "data-oc-state": t ? "open" : "closed",
       style: m,
-      children: p(f)
+      children: /* @__PURE__ */ o("span", { "data-oc-part": "indicator-frame", children: E(f) })
     }
   );
 }
 export {
-  h as DisclosureIndicator,
-  h as default
+  _ as DisclosureIndicator,
+  _ as default
 };