@orioncactuscorp/ui 1.2.0 → 1.4.0

package/dist/components/Cell/Cell.js

@@ -1,129 +1,139 @@
 'use client';
-import { jsx as o, jsxs as R } from "react/jsx-runtime";
-import { useRef as v } from "react";
-import F from "../Interaction/Interaction.js";
-import { normalizeSlotIcon as S } from "../internal/slot.js";
-import g from "./Cell.module.scss.js";
-const G = "[data-oc-cell-control]";
-function E(a) {
-  return !!a.closest(
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { useRef as G } from "react";
+import J from "../Interaction/Interaction.js";
+import { normalizeSlotIcon as I } from "../internal/slot.js";
+import C from "./Cell.module.scss.js";
+const Q = "[data-oc-cell-control]", V = ':where([data-oc-component="checkbox"], [data-oc-component="radio"], [data-oc-component="switch"])';
+function N(o) {
+  return !!o.closest(
     '[disabled], [aria-disabled="true"], [data-oc-disabled="true"], [aria-hidden="true"], [hidden]'
   );
 }
-function L(a) {
-  return a.key === " " || a.key === "Spacebar";
+function W(o, n) {
+  return o.closest(
+    '[data-oc-component="interaction"][data-oc-self="true"]'
+  )?.parentElement === n;
 }
-function Y({
-  children: a,
-  className: d = "",
-  divider: c = "alternative",
-  padding: n,
-  ref: u,
+function X(o, n) {
+  return !!n.closest(
+    V
+  )?.contains(o);
+}
+function P(o) {
+  return o.key === " " || o.key === "Spacebar";
+}
+function et({
+  children: o,
+  className: n = "",
+  divider: c = "neutral",
+  padding: l,
+  ref: p,
   style: f,
-  ...e
+  ...a
 }) {
-  const p = [g.cell, g[c], d].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
+  const m = [C.cell, C[c], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r(
     "ul",
     {
-      ref: u,
-      className: p,
+      ref: p,
+      className: m,
       style: {
         ...f,
-        ...n !== void 0 ? { "--oc-cell-padding": n } : null
+        ...l !== void 0 ? { "--oc-cell-padding": l } : null
       },
-      ...e,
+      ...a,
       "data-oc-component": "cell",
       "data-oc-divider": c,
-      children: a
+      children: o
     }
   );
 }
-function Z({
-  children: a,
-  className: d = "",
+function at({
+  children: o,
+  className: n = "",
   content: c,
-  description: n,
-  "aria-disabled": u,
+  description: l,
+  "aria-disabled": p,
   "data-oc-component": f = "cell-item",
-  disabled: e = !1,
-  divider: p,
-  fillWidth: B = !1,
-  interactive: i = !1,
-  interactionVariant: N = "light",
-  leading: y,
-  onClick: b,
-  onKeyDown: h,
-  onKeyUp: C,
-  ref: s,
-  role: j,
+  disabled: a = !1,
+  divider: m,
+  fillWidth: S = !1,
+  interactive: s = !1,
+  interactionVariant: B = "light",
+  leading: h,
+  onClick: T,
+  onKeyDown: b,
+  onKeyUp: y,
+  ref: d,
+  role: D,
   tabIndex: k,
-  trailing: T,
-  verticalAlign: A = "top",
-  ...K
+  trailing: E,
+  verticalAlign: w = "top",
+  ..._
 }) {
-  const x = v(null), l = i || !!b, m = j ?? (l ? "button" : void 0), D = e && m ? "true" : u, O = D !== void 0 ? { "aria-disabled": D } : {}, w = (t) => {
-    if (e) {
+  const L = G(null), i = s || !!T, g = D ?? (i ? "button" : void 0), O = a && g ? "true" : p, j = O !== void 0 ? { "aria-disabled": O } : {}, A = (t) => {
+    if (a) {
       t.preventDefault(), t.stopPropagation();
       return;
     }
-    if (b?.(t), t.defaultPrevented || !i)
+    if (T?.(t), t.defaultPrevented || !s)
       return;
-    const P = t.target, r = x.current?.querySelector(
-      G
-    );
-    !r || r.contains(P) || E(P) || E(r) || (r.click(), (r.getAttribute("role") === "radio" || r instanceof HTMLInputElement && r.type === "radio") && r.focus({ preventScroll: !1 }));
-  }, _ = (t) => {
-    if (h?.(t), !(t.defaultPrevented || !l || e || t.currentTarget !== t.target)) {
-      if (L(t)) {
+    const u = t.target, e = L.current?.querySelector(
+      Q
+    ), F = !W(u, t.currentTarget) && N(u);
+    !e || e.contains(u) || X(u, e) || F || N(e) || (e.click(), (e.getAttribute("role") === "radio" || e instanceof HTMLInputElement && e.type === "radio") && e.focus({ preventScroll: !1 }));
+  }, K = (t) => {
+    if (b?.(t), !(t.defaultPrevented || !i || a || t.currentTarget !== t.target)) {
+      if (P(t)) {
         t.preventDefault();
         return;
       }
       t.key === "Enter" && (t.preventDefault(), t.currentTarget.click());
     }
-  }, $ = (t) => {
-    C?.(t), !(t.defaultPrevented || !l || e || !L(t) || t.currentTarget !== t.target) && (t.preventDefault(), t.currentTarget.click());
-  }, I = e || !l ? k : k ?? 0, q = l ? {
-    role: m,
-    tabIndex: I,
-    onClick: w,
-    onKeyDown: _,
-    onKeyUp: $
+  }, M = (t) => {
+    y?.(t), !(t.defaultPrevented || !i || a || !P(t) || t.currentTarget !== t.target) && (t.preventDefault(), t.currentTarget.click());
+  }, R = a || !i ? k : k ?? 0, $ = i ? {
+    role: g,
+    tabIndex: R,
+    onClick: A,
+    onKeyDown: K,
+    onKeyUp: M
   } : {
-    role: m,
-    tabIndex: I,
-    onKeyDown: h,
-    onKeyUp: C
-  }, z = (t) => {
-    x.current = t, typeof s == "function" ? s(t) : s && (s.current = t);
-  }, H = c ?? (n ? /* @__PURE__ */ R("span", { "data-oc-part": "text", children: [
-    /* @__PURE__ */ o("span", { "data-oc-part": "label", children: a }),
-    /* @__PURE__ */ o("span", { "data-oc-part": "description", children: n })
-  ] }) : a), M = S(y), U = S(T);
-  return /* @__PURE__ */ R(
+    role: g,
+    tabIndex: R,
+    onKeyDown: b,
+    onKeyUp: y
+  }, q = (t) => {
+    L.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
+  }, z = c ?? (l ? /* @__PURE__ */ x("span", { "data-oc-part": "text", children: [
+    /* @__PURE__ */ r("span", { "data-oc-part": "label", children: o }),
+    /* @__PURE__ */ r("span", { "data-oc-part": "description", children: l })
+  ] }) : o), H = I(h), U = I(E);
+  return /* @__PURE__ */ x(
     "li",
     {
-      ref: z,
-      className: `${g.item} ${d}`.trim(),
-      ...q,
-      ...K,
-      ...O,
+      ref: q,
+      className: `${C.item} ${n}`.trim(),
+      ...$,
+      ..._,
+      ...j,
       "data-oc-component": f,
-      "data-oc-disabled": e ? "true" : void 0,
-      "data-oc-divider": p,
-      "data-oc-fill-width": B ? "true" : "false",
-      "data-oc-interactive": i ? "true" : void 0,
-      "data-oc-vertical-align": A,
+      "data-oc-disabled": a ? "true" : void 0,
+      "data-oc-divider": m,
+      "data-oc-fill-width": S ? "true" : "false",
+      "data-oc-interactive": s ? "true" : void 0,
+      "data-oc-vertical-align": w,
       children: [
-        y ? /* @__PURE__ */ o("span", { "data-oc-part": "leading", children: M }) : null,
-        /* @__PURE__ */ o("span", { "data-oc-part": "content", children: H }),
-        T ? /* @__PURE__ */ o("span", { "data-oc-part": "trailing", children: U }) : null,
-        i ? /* @__PURE__ */ o(F, { variant: N }) : null
+        h ? /* @__PURE__ */ r("span", { "data-oc-part": "leading", children: H }) : null,
+        /* @__PURE__ */ r("span", { "data-oc-part": "content", children: z }),
+        E ? /* @__PURE__ */ r("span", { "data-oc-part": "trailing", children: U }) : null,
+        s ? /* @__PURE__ */ r(J, { variant: B, self: !0 }) : null
       ]
     }
   );
 }
 export {
-  Z as CellItem,
-  Y as default
+  at as CellItem,
+  et as default
 };

package/dist/components/CheckMark/CheckMark.css

@@ -1 +1 @@
-.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-check-mark-control-size: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;position:relative;isolation:isolate;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%;padding:.125em}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-typo-height-body1) - var(--oc-typo-height-body2)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px;border-radius:var(--oc-atomic-radius-max)}
+.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__small__AEUP9{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-check-mark-control-size: var(--oc-typo-height-body2);--oc-check-mark-content-height: var(--oc-typo-height-body2)}.oc-CheckMark-module__medium__wTlO-{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);--oc-check-mark-control-size: var(--oc-typo-height-body1);--oc-check-mark-content-height: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex-shrink:0;padding:.0625em;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color 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-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{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)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-check-mark-control-size) - var(--oc-check-mark-content-height)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px;border-radius:var(--oc-atomic-radius-max)}

package/dist/components/CheckMark/CheckMark.js

@@ -1,38 +1,40 @@
 'use client';
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import l from "@orioncactuscorp/icons/orioncactus/CheckThick";
-import d from "../Interaction/Interaction.js";
-import m from "./CheckMark.module.scss.js";
-function x({
+import m from "@orioncactuscorp/icons/orioncactus/CheckThick";
+import k from "../Interaction/Interaction.js";
+import e from "./CheckMark.module.scss.js";
+function b({
   children: t,
-  className: o = "",
-  onChange: e,
-  onCheckedChange: r,
-  ref: p,
-  ...s
+  className: r = "",
+  size: o = "medium",
+  onChange: i,
+  onCheckedChange: p,
+  ref: s,
+  ...l
 }) {
-  const i = (c) => {
-    e?.(c), r?.(c.currentTarget.checked);
+  const d = (c) => {
+    i?.(c), p?.(c.currentTarget.checked);
   }, h = t !== void 0;
   return /* @__PURE__ */ n(
     "label",
     {
-      className: `${m.checkMark} ${o}`.trim(),
+      className: [e.checkMark, e[o], r].filter(Boolean).join(" "),
       "data-oc-component": "check-mark",
+      "data-oc-size": o,
       children: [
         /* @__PURE__ */ a(
           "input",
           {
-            ...s,
-            ref: p,
+            ...l,
+            ref: s,
             type: "checkbox",
-            onChange: i,
+            onChange: d,
             "data-oc-part": "input"
           }
         ),
         /* @__PURE__ */ n("span", { "data-oc-part": "container", children: [
-          /* @__PURE__ */ a(d, { self: !0 }),
-          /* @__PURE__ */ a("span", { "data-oc-part": "icon", children: /* @__PURE__ */ a(l, { size: "custom" }) })
+          /* @__PURE__ */ a(k, { self: !0 }),
+          /* @__PURE__ */ a("span", { "data-oc-part": "icon", children: /* @__PURE__ */ a(m, { size: "custom" }) })
         ] }),
         h ? /* @__PURE__ */ a("span", { "data-oc-part": "content", children: /* @__PURE__ */ a("span", { "data-oc-part": "label", children: t }) }) : null
       ]
@@ -40,5 +42,5 @@ function x({
   );
 }
 export {
-  x as default
+  b as default
 };

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

@@ -1,7 +1,11 @@
-import './CheckMark.css';const c = "oc-CheckMark-module__checkMark__-KKHM", e = {
-  checkMark: c
+import './CheckMark.css';const c = "oc-CheckMark-module__checkMark__-KKHM", e = "oc-CheckMark-module__small__AEUP9", k = "oc-CheckMark-module__medium__wTlO-", l = {
+  checkMark: c,
+  small: e,
+  medium: k
 };
 export {
   c as checkMark,
-  e as default
+  l as default,
+  k as medium,
+  e as small
 };

package/dist/components/Checkbox/Checkbox.css

@@ -1 +1 @@
-.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-checkbox-control-size: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentColor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentColor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentColor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentColor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.325rem;inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-typo-height-body1) - var(--oc-typo-height-body2)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}
+.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-checkbox-control-size: var(--oc-typo-height-body2);--oc-checkbox-content-height: var(--oc-typo-height-body2)}.oc-Checkbox-module__medium__HvVCs{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);--oc-checkbox-control-size: var(--oc-typo-height-body1);--oc-checkbox-content-height: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentColor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentColor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentColor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentColor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.3125em;inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-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)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{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-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-checkbox-control-size) - var(--oc-checkbox-content-height)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}

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

@@ -1,11 +1,13 @@
-import './Checkbox.css';const l = "oc-Checkbox-module__checkbox__D0D4S", o = "oc-Checkbox-module__fill__p-vFK", c = "oc-Checkbox-module__small__UzHgE", e = {
-  checkbox: l,
-  fill: o,
-  small: c
+import './Checkbox.css';const o = "oc-Checkbox-module__checkbox__D0D4S", c = "oc-Checkbox-module__fill__p-vFK", l = "oc-Checkbox-module__small__UzHgE", e = "oc-Checkbox-module__medium__HvVCs", _ = {
+  checkbox: o,
+  fill: c,
+  small: l,
+  medium: e
 };
 export {
-  l as checkbox,
-  e as default,
-  o as fill,
-  c as small
+  o as checkbox,
+  _ as default,
+  c as fill,
+  e as medium,
+  l as small
 };

package/dist/components/Field/Field.css

@@ -1 +1 @@
-.oc-Field-module__field__dnDYN{--oc-field-label-max-inline-size: 35%;--oc-field-label-row-block-size: calc(var(--oc-typo-height-body1) + var(--oc-space-item-padding-xsmall) + var(--oc-space-item-padding-xsmall));display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,min(var(--oc-field-label-inline-size, var(--oc-field-label-max-inline-size)),var(--oc-field-label-max-inline-size))) minmax(0,1fr);align-items:start;gap:var(--oc-space-item-gap-xsmall) var(--oc-space-item-gap-medium)}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-label]{grid-column:1;inline-size:100%;min-block-size:var(--oc-field-label-row-block-size);align-items:center}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-control],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-message],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-error-message]{grid-column:2}.oc-Field-module__label__wdqdl{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);min-inline-size:0;color:var(--oc-color-theme-label-alternative)}.oc-Field-module__label__wdqdl>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Field-module__control__93bs3{min-inline-size:0}.oc-Field-module__message__uO8Fl{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label2);margin:0}.oc-Field-module__neutral__e0QpV{color:var(--oc-color-theme-label-alternative)}.oc-Field-module__danger__nP12-{color:var(--oc-color-theme-status-negative)}
+.oc-Field-module__field__dnDYN{--oc-field-label-max-inline-size: 35%;--oc-field-label-row-block-size: calc(var(--oc-typo-height-body1) + var(--oc-space-item-padding-xsmall) + var(--oc-space-item-padding-xsmall));display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,min(var(--oc-field-label-inline-size, var(--oc-field-label-max-inline-size)),var(--oc-field-label-max-inline-size))) minmax(0,1fr);align-items:start;gap:var(--oc-space-item-gap-xsmall) var(--oc-space-item-gap-medium)}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-label]{grid-column:1;inline-size:100%;min-block-size:var(--oc-field-label-row-block-size);align-items:center}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-control],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-message],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-error-message]{grid-column:2}.oc-Field-module__label__wdqdl{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);display:flex;gap:var(--oc-space-item-gap-atom);min-inline-size:0;color:var(--oc-color-theme-label-alternative)}.oc-Field-module__label__wdqdl>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Field-module__control__93bs3{min-inline-size:0}.oc-Field-module__message__uO8Fl{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);margin:0}.oc-Field-module__neutral__e0QpV{color:var(--oc-color-theme-label-alternative)}.oc-Field-module__danger__nP12-{color:var(--oc-color-theme-status-negative)}

package/dist/components/Fieldset/Fieldset.css

@@ -1 +1 @@
-.oc-Fieldset-module__fieldset__qc2Us{margin:0;padding:0;border:0;min-inline-size:0}.oc-Fieldset-module__fieldset__qc2Us:disabled{opacity:.5}.oc-Fieldset-module__label__qiThb{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);margin:0;padding:0;color:var(--oc-color-theme-label-alternative)}.oc-Fieldset-module__label__qiThb>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Fieldset-module__content__mzl-k{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Fieldset-module__label__qiThb+.oc-Fieldset-module__content__mzl-k{margin-block-start:var(--oc-space-item-gap-xsmall)}
+.oc-Fieldset-module__fieldset__qc2Us{margin:0;padding:0;border:0;min-inline-size:0}.oc-Fieldset-module__fieldset__qc2Us:disabled{opacity:.5}.oc-Fieldset-module__label__qiThb{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);display:flex;gap:var(--oc-space-item-gap-atom);margin:0;padding:0;color:var(--oc-color-theme-label-alternative)}.oc-Fieldset-module__label__qiThb>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Fieldset-module__content__mzl-k{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Fieldset-module__label__qiThb+.oc-Fieldset-module__content__mzl-k{margin-block-start:var(--oc-space-item-gap-xsmall)}

package/dist/components/IconButton/IconButton.css

@@ -1 +1 @@
-.oc-IconButton-module__iconButton__PmpB8{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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8{transition:none;transform:none}}.oc-IconButton-module__iconButton__PmpB8{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--oc-interaction-inset-x: -.5em;--oc-interaction-inset-y: -.5em;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: .95;--oc-interaction-time: .15s}.oc-IconButton-module__iconButton__PmpB8:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-IconButton-module__iconButton__PmpB8:active{transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-feedback)))}.oc-IconButton-module__iconButton__PmpB8:active>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__primary__qjfR5){--oc-interaction-color: var(--oc-color-theme-primary-normal);color:var(--oc-color-theme-primary-normal)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__normal__0kcFm){color:var(--oc-color-theme-label-normal)}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8:active{transform:none}}
+.oc-IconButton-module__iconButton__PmpB8{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-IconButton-module__iconButton__PmpB8{transition:none;transform:none}}.oc-IconButton-module__iconButton__PmpB8{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--oc-interaction-inset-x: -.5em;--oc-interaction-inset-y: -.5em;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: .95;--oc-interaction-time: .15s}.oc-IconButton-module__iconButton__PmpB8:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-IconButton-module__iconButton__PmpB8:active{transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-IconButton-module__iconButton__PmpB8:active>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__primary__qjfR5){--oc-interaction-color: var(--oc-color-theme-primary-normal);color:var(--oc-color-theme-primary-normal)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__normal__0kcFm){color:var(--oc-color-theme-label-normal)}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8:active{transform:none}}

package/dist/components/IconButton/IconButton.js

@@ -1,49 +1,68 @@
-import { jsxs as p, jsx as d } from "react/jsx-runtime";
-import { isValidElement as y, cloneElement as E } from "react";
-import j from "../Interaction/Interaction.js";
-import i from "./IconButton.module.scss.js";
-function V({
-  className: l = "",
-  style: c,
-  type: s = "button",
+'use client';
+import { jsx as c, jsxs as g, Fragment as j } from "react/jsx-runtime";
+import { isValidElement as y, cloneElement as B } from "react";
+import I from "../Interaction/Interaction.js";
+import f from "../internal/Pressable.js";
+import b from "./IconButton.module.scss.js";
+function F({
+  className: N = "",
+  style: e,
   children: o,
+  href: i,
+  disabled: s = !1,
   size: t = 24,
   variant: n = "normal",
-  viewBox: r,
-  color: u,
+  viewBox: l,
+  color: E,
   ref: m,
   "aria-label": a,
-  "aria-labelledby": e,
-  ...f
+  "aria-labelledby": r,
+  ...u
 }) {
-  process.env.NODE_ENV !== "production" && !a && !e && console.warn(
+  process.env.NODE_ENV !== "production" && !a && !r && console.warn(
     "[@orioncactuscorp/ui] IconButton requires `aria-label` or `aria-labelledby` for screen reader accessibility."
   );
-  const b = y(o) ? E(o, {
+  const P = y(o) ? B(o, {
     size: t,
-    color: u,
-    ...r ? { viewBox: r } : {}
-  }) : o;
-  return /* @__PURE__ */ p(
-    "button",
+    color: E,
+    ...l ? { viewBox: l } : {}
+  }) : o, p = /* @__PURE__ */ g(j, { children: [
+    P,
+    /* @__PURE__ */ c(I, { self: !0 })
+  ] }), d = [b.iconButton, b[n], N].filter(Boolean).join(" ");
+  return i !== void 0 ? /* @__PURE__ */ c(
+    f,
     {
-      ...f,
+      ...u,
       ref: m,
-      className: [i.iconButton, i[n], l].filter(Boolean).join(" "),
-      style: c,
-      type: s,
+      className: d,
+      style: e,
+      href: i,
+      disabled: s,
       "aria-label": a,
-      "aria-labelledby": e,
+      "aria-labelledby": r,
       "data-oc-component": "icon-button",
       "data-oc-variant": n,
       "data-oc-size": String(t),
-      children: [
-        b,
-        /* @__PURE__ */ d(j, { self: !0 })
-      ]
+      children: p
+    }
+  ) : /* @__PURE__ */ c(
+    f,
+    {
+      ...u,
+      ref: m,
+      className: d,
+      style: e,
+      disabled: s,
+      "aria-label": a,
+      "aria-labelledby": r,
+      "data-oc-component": "icon-button",
+      "data-oc-variant": n,
+      "data-oc-size": String(t),
+      children: p
     }
   );
 }
 export {
-  V as default
+  F as default
 };

package/dist/components/Interaction/Interaction.css

@@ -1 +1 @@
-.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transform:scale(max(0,1 + (var(--oc-interaction-scale, 1) - 1) * var(--oc-motion-scale-feedback)));transition:opacity calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Interaction-module__interaction__zv4OT{background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-opacity-hover: var(--oc-color-global-opacity-5);--oc-interaction-opacity-focus: var(--oc-color-global-opacity-8);--oc-interaction-opacity-active: var(--oc-color-global-opacity-12)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * .75);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * .75);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * .75)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * 1.5);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * 1.5);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * 1.5)}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce)and (hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{transform:none}}
+.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transform:scale(max(0,1 + (var(--oc-interaction-scale, 1) - 1) * var(--oc-motion-scale-factor-feedback)));transition:opacity calc(var(--oc-interaction-time, 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-interaction-time, 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-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT{background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-opacity-hover: var(--oc-color-global-opacity-5);--oc-interaction-opacity-focus: var(--oc-color-global-opacity-8);--oc-interaction-opacity-active: var(--oc-color-global-opacity-12)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * .75);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * .75);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * .75)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * 1.5);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * 1.5);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * 1.5)}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce)and (hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{transform:none}}

package/dist/components/Loading/Loading.css

@@ -1 +1 @@
-.oc-Loading-module__loading__7gLQd{display:inline-flex;flex:none;inline-size:var(--oc-loading-size);block-size:var(--oc-loading-size);color:var(--oc-loading-color, var(--oc-color-theme-line-normal-strong))}.oc-Loading-module__loading__7gLQd [data-oc-part=icon]{inline-size:100%;block-size:100%;stroke:currentcolor}.oc-Loading-module__loading__7gLQd circle{transform-origin:center center;fill:none;stroke:currentcolor;stroke-dasharray:0 100;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2.2}.oc-Loading-module__small__Z6U9M{--oc-loading-size: 1rem}.oc-Loading-module__medium__4KydF{--oc-loading-size: 1.5rem}.oc-Loading-module__large__u-Eod{--oc-loading-size: 3rem}.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-start-in__ZjFKt 2s cubic-bezier(.4,0,1,1),oc-Loading-module__oc-loading-start-out__s5c-1 .2s cubic-bezier(0,0,.6,1) 2s,oc-Loading-module__oc-loading-fade__wpHpE 2.2s ease-in-out,oc-Loading-module__oc-loading-array__FAP-n 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-offset__tDLdP 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-rotate__T9lw5 2.2s linear infinite}@media(prefers-reduced-motion:reduce){.oc-Loading-module__circular__KTVW- circle{animation:none;opacity:1;transform:none;stroke-dasharray:75 25;stroke-dashoffset:0}}@keyframes oc-Loading-module__oc-loading-fade__wpHpE{0%{opacity:0}to{opacity:1}}@keyframes oc-Loading-module__oc-loading-start-in__ZjFKt{0%{stroke-dasharray:0 100;stroke-dashoffset:0}to{stroke-dasharray:50 50;stroke-dashoffset:-50}}@keyframes oc-Loading-module__oc-loading-start-out__s5c-1{0%{stroke-dasharray:50 50;stroke-dashoffset:-50}to{stroke-dasharray:0 100;stroke-dashoffset:-100.01}}@keyframes oc-Loading-module__oc-loading-array__FAP-n{0%,25%,50%,75%,to{stroke-dasharray:0 100}12.5%,37.5%,62.5%,87.5%{stroke-dasharray:75 25}}@keyframes oc-Loading-module__oc-loading-offset__tDLdP{0%,12.5%{stroke-dashoffset:0}25%,37.5%{stroke-dashoffset:-75}50%,62.5%{stroke-dashoffset:-150}75%,87.5%{stroke-dashoffset:-225}to{stroke-dashoffset:-300.01}}@keyframes oc-Loading-module__oc-loading-rotate__T9lw5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+.oc-Loading-module__loading__7gLQd{display:inline-flex;flex:none;inline-size:var(--oc-loading-size);block-size:var(--oc-loading-size);color:var(--oc-loading-color, var(--oc-color-theme-line-normal-strong))}.oc-Loading-module__loading__7gLQd [data-oc-part=indicator]{inline-size:100%;block-size:100%;stroke:currentcolor}.oc-Loading-module__loading__7gLQd circle{transform-origin:center center;fill:none;stroke:currentcolor;stroke-dasharray:0 100;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2.2}.oc-Loading-module__small__Z6U9M{--oc-loading-size: 1rem}.oc-Loading-module__medium__4KydF{--oc-loading-size: 1.5rem}.oc-Loading-module__large__u-Eod{--oc-loading-size: 3rem}.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-start-in__ZjFKt 2s cubic-bezier(.4,0,1,1),oc-Loading-module__oc-loading-start-out__s5c-1 .2s cubic-bezier(0,0,.6,1) 2s,oc-Loading-module__oc-loading-fade__wpHpE 2.2s ease-in-out,oc-Loading-module__oc-loading-array__FAP-n 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-offset__tDLdP 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-rotate__T9lw5 2.2s linear infinite}@media(prefers-reduced-motion:reduce){.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-fade__wpHpE 1.25s ease-in-out,oc-Loading-module__oc-loading-rotate__T9lw5 1.25s linear infinite;opacity:1;transform:none;stroke-dasharray:75 25;stroke-dashoffset:0}}@keyframes oc-Loading-module__oc-loading-fade__wpHpE{0%{opacity:0}to{opacity:1}}@keyframes oc-Loading-module__oc-loading-start-in__ZjFKt{0%{stroke-dasharray:0 100;stroke-dashoffset:0}to{stroke-dasharray:50 50;stroke-dashoffset:-50}}@keyframes oc-Loading-module__oc-loading-start-out__s5c-1{0%{stroke-dasharray:50 50;stroke-dashoffset:-50}to{stroke-dasharray:0 100;stroke-dashoffset:-100.01}}@keyframes oc-Loading-module__oc-loading-array__FAP-n{0%,25%,50%,75%,to{stroke-dasharray:0 100}12.5%,37.5%,62.5%,87.5%{stroke-dasharray:75 25}}@keyframes oc-Loading-module__oc-loading-offset__tDLdP{0%,12.5%{stroke-dashoffset:0}25%,37.5%{stroke-dashoffset:-75}50%,62.5%{stroke-dashoffset:-150}75%,87.5%{stroke-dashoffset:-225}to{stroke-dashoffset:-300.01}}@keyframes oc-Loading-module__oc-loading-rotate__T9lw5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/components/Loading/Loading.js

@@ -2,39 +2,39 @@ import { jsx as t } from "react/jsx-runtime";
 import a from "./Loading.module.scss.js";
 function g({
   className: e = "",
-  variant: n = "circular",
+  variant: r = "circular",
   size: o = "large",
-  ref: c,
-  style: i,
+  ref: i,
+  style: c,
   ...l
 }) {
-  const r = typeof o == "number" ? `${o}px` : void 0, s = [
+  const n = typeof o == "number" ? `${o}px` : void 0, s = [
     a.loading,
-    a[n],
+    a[r],
     typeof o == "string" && o !== "custom" ? a[o] : "",
     e
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(
     "span",
     {
-      ref: c,
+      ref: i,
       className: s,
       ...l,
       role: "status",
       "aria-live": "polite",
       style: {
-        ...i,
-        ...r ? { "--oc-loading-size": r } : null
+        ...c,
+        ...n ? { "--oc-loading-size": n } : null
       },
       "data-oc-component": "loading",
-      "data-oc-variant": n,
+      "data-oc-variant": r,
       "data-oc-size": String(o),
       children: /* @__PURE__ */ t(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 24 24",
-          "data-oc-part": "icon",
+          "data-oc-part": "indicator",
           "aria-hidden": "true",
           children: /* @__PURE__ */ t("circle", { pathLength: "100", cx: "12", cy: "12", r: "9" })
         }