@orioncactuscorp/ui 1.0.0

package/dist/components/BackgroundIconButton/BackgroundIconButton.js

@@ -0,0 +1,61 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { isValidElement as y, cloneElement as B } from "react";
+import E from "../Interaction/Interaction.js";
+import n from "./BackgroundIconButton.module.scss.js";
+function h({
+  className: s = "",
+  type: d = "button",
+  children: o,
+  size: a = 24,
+  variant: r = "normal",
+  alternative: e = !1,
+  viewBox: c,
+  color: u,
+  style: b,
+  ref: m,
+  "aria-label": i,
+  "aria-labelledby": l,
+  "data-oc-component": p = "background-icon-button",
+  ...f
+}) {
+  process.env.NODE_ENV !== "production" && !i && !l && console.warn(
+    "[@orioncactuscorp/ui] BackgroundIconButton requires `aria-label` or `aria-labelledby` for screen reader accessibility."
+  );
+  const g = y(o) ? B(o, {
+    size: a,
+    color: u,
+    ...c ? { viewBox: c } : {}
+  }) : o;
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      ...f,
+      ref: m,
+      type: d,
+      className: [
+        n.backgroundIconButton,
+        n[r],
+        e ? n.alternative : "",
+        s
+      ].filter(Boolean).join(" "),
+      "aria-label": i,
+      "aria-labelledby": l,
+      "data-oc-component": p,
+      "data-oc-variant": r,
+      "data-oc-size": String(a),
+      "data-oc-alternative": e ? "true" : void 0,
+      style: {
+        ...b,
+        "--oc-background-icon-button-size": `${a / 16}rem`
+      },
+      children: [
+        /* @__PURE__ */ t("span", { "data-oc-part": "icon", children: g }),
+        /* @__PURE__ */ t("span", { "data-oc-part": "background", "aria-hidden": "true", role: "presentation" }),
+        /* @__PURE__ */ t(E, { variant: "light" })
+      ]
+    }
+  );
+}
+export {
+  h as default
+};

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

@@ -0,0 +1,13 @@
+import './BackgroundIconButton.css';const o = "oc-BackgroundIconButton-module__backgroundIconButton__up7D1", n = "oc-BackgroundIconButton-module__normal__pYVrG", t = "oc-BackgroundIconButton-module__primary__n6x6u", c = "oc-BackgroundIconButton-module__alternative__YA8Jv", a = {
+  backgroundIconButton: o,
+  normal: n,
+  primary: t,
+  alternative: c
+};
+export {
+  c as alternative,
+  o as backgroundIconButton,
+  a as default,
+  n as normal,
+  t as primary
+};

package/dist/components/BackgroundIconButton.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/BackgroundIconButton/index'
+export {}
+import _default from '../ui/src/components/BackgroundIconButton/index'
+export default _default
+export * from '../ui/src/components/BackgroundIconButton/index'
+export {}

package/dist/components/BackgroundIconButton.js

@@ -0,0 +1,4 @@
+import { default as o } from "./BackgroundIconButton/BackgroundIconButton.js";
+export {
+  o as default
+};

package/dist/components/Badge/Badge.css

@@ -0,0 +1 @@
+.oc-Badge-module__badge__ZbEBU{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-medium);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);color:var(--oc-badge-color);text-align:center;white-space:nowrap}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:2}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: .4em;--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: .3125em}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,34 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "./Badge.module.scss.js";
+function i({
+  children: n,
+  className: s = "",
+  variant: o = "normal",
+  size: t = "small",
+  padding: c = !1,
+  ref: d,
+  ...l
+}) {
+  const r = [
+    a.badge,
+    a[o],
+    a[t],
+    c ? a.padding : "",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      ref: d,
+      className: r,
+      ...l,
+      "data-oc-component": "badge",
+      "data-oc-variant": o,
+      "data-oc-size": t,
+      children: /* @__PURE__ */ e("span", { "data-oc-part": "content", children: n })
+    }
+  );
+}
+export {
+  i as default
+};

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

@@ -0,0 +1,17 @@
+import './Badge.css';const o = "oc-Badge-module__badge__ZbEBU", e = "oc-Badge-module__padding__kNk-D", _ = "oc-Badge-module__normal__tNcew", a = "oc-Badge-module__accent__nIDKx", d = "oc-Badge-module__overlay__4KVqG", c = "oc-Badge-module__tiny__2VWq-", n = {
+  badge: o,
+  padding: e,
+  normal: _,
+  accent: a,
+  overlay: d,
+  tiny: c
+};
+export {
+  a as accent,
+  o as badge,
+  n as default,
+  _ as normal,
+  d as overlay,
+  e as padding,
+  c as tiny
+};

package/dist/components/Badge.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/Badge/index'
+export {}
+import _default from '../ui/src/components/Badge/index'
+export default _default
+export * from '../ui/src/components/Badge/index'
+export {}

package/dist/components/Badge.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Badge/Badge.js";
+export {
+  o as default
+};

package/dist/components/Button/Button.css

@@ -0,0 +1 @@
+.oc-Button-module__button__18Bed{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-Button-module__button__18Bed{transition:none;transform:none}}.oc-Button-module__button__18Bed{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold);display:inline-flex;position:relative;overflow:hidden;flex-direction:column;gap:0;box-shadow:inset 0 0 0 1px var(--oc-button-border-color, transparent);border-radius:var(--oc-button-radius);background-color:var(--oc-button-background-color);padding:var(--oc-button-padding-y) var(--oc-button-padding-x);min-block-size:calc(var(--oc-button-content-height) + var(--oc-button-padding-y) * 2);color:var(--oc-button-color);white-space:nowrap;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),box-shadow 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),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-Button-module__button__18Bed{transition-property:background-color,box-shadow,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-Button-module__button__18Bed{--oc-button-padding-x: var(--oc-space-item-padding-medium);--oc-button-padding-y: var(--oc-space-item-padding-xsmall);--oc-button-content-height: var(--oc-typo-height-body1);--oc-button-control-size: calc(var(--oc-button-content-height) + (var(--oc-button-padding-y) * 2));--oc-button-icon-size: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-tiny);--oc-button-label-padding-x: 0;--oc-button-radius: var(--oc-atomic-radius-small);--oc-button-background-color: var(--oc-color-theme-label-strong);--oc-button-color: var(--oc-color-theme-background-normal-normal);--oc-interaction-color: var(--oc-color-theme-background-normal-normal);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-loading-color: var(--oc-color-theme-label-alternative);--oc-interaction-z-index: 1}.oc-Button-module__button__18Bed>[data-oc-component=interaction]{border-radius:var(--oc-button-radius)}.oc-Button-module__button__18Bed>[data-oc-part=content]{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-button-gap);block-size:var(--oc-button-content-height)}.oc-Button-module__button__18Bed>[data-oc-part=loading]{position:absolute;z-index:3;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-content-height);block-size:var(--oc-button-content-height);color:currentcolor;line-height:0;pointer-events:none}.oc-Button-module__button__18Bed>[data-oc-part=loading]>[data-oc-component=loading]{--oc-loading-size: 100%;--oc-loading-color: var(--oc-button-loading-color)}.oc-Button-module__button__18Bed [data-oc-part=label]{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--oc-button-label-padding-x, 0)}.oc-Button-module__button__18Bed [data-oc-part=leading-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-icon-size);block-size:var(--oc-button-icon-size);color:currentcolor}.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>svg,.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>svg,.oc-Button-module__button__18Bed [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-Button-module__button__18Bed:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Button-module__button__18Bed:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.9875 - 1) * var(--oc-motion-scale-feedback)))}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Button-module__button__18Bed:disabled,.oc-Button-module__button__18Bed[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-Button-module__button__18Bed:where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-bold);--oc-button-padding-x: var(--oc-space-item-padding-small);--oc-button-padding-y: var(--oc-space-item-padding-mini)}.oc-Button-module__button__18Bed:where(.oc-Button-module__small__zfmcP){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);--oc-button-padding-x: var(--oc-space-item-padding-xsmall);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-gap: var(--oc-space-item-gap-nano);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-xsmall);--oc-button-icon-size: var(--oc-typo-height-label2)}.oc-Button-module__button__18Bed:where(.oc-Button-module__xsmall__QS3d-){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);--oc-button-padding-x: var(--oc-space-item-padding-mini);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-content-height: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-atom);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-mini);--oc-button-icon-size: var(--oc-typo-height-caption1)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__primary__st6yY){--oc-button-background-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-static-white);--oc-button-loading-color: var(--oc-color-theme-static-white);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__assistive__6KrCl){--oc-button-background-color: var(--oc-color-theme-fill-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH){--oc-button-background-color: transparent;--oc-button-border-color: var(--oc-color-theme-label-normal);--oc-button-color: var(--oc-color-theme-label-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__primary__st6yY){--oc-button-border-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__secondary__j-3rj){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral);font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__small__zfmcP),.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__xsmall__QS3d-){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-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-static-transparent);--oc-button-border-color: var(--oc-color-theme-line-normal-neutral);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr){cursor:progress}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr)>[data-oc-part=content]{visibility:hidden}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu){aspect-ratio:1;inline-size:var(--oc-button-control-size);padding-inline:var(--oc-button-padding-y)}.oc-Button-module__button__18Bed:where(.oc-Button-module__fullWidth__AHpSl){inline-size:100%}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu):where(.oc-Button-module__fullWidth__AHpSl){aspect-ratio:auto}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:none}}

package/dist/components/Button/Button.js

@@ -0,0 +1,151 @@
+import { jsx as a, jsxs as v, Fragment as A } from "react/jsx-runtime";
+import U from "../Interaction/Interaction.js";
+import X from "../Loading/Loading.js";
+import e from "./Button.module.scss.js";
+function lo({
+  children: d,
+  className: E = "",
+  style: C,
+  disabled: i = !1,
+  href: P,
+  appearance: l = "solid",
+  variant: s = "default",
+  size: f = "large",
+  fullWidth: h = !1,
+  loading: t = !1,
+  leadingIcon: w,
+  trailingIcon: D,
+  icon: p,
+  "aria-label": y,
+  "aria-labelledby": k,
+  ...B
+}) {
+  const u = l === "solid" && s === "secondary" ? "primary" : s, x = d != null, c = !!(p && !x && !w && !D), K = [
+    e.button,
+    e[l],
+    e[u],
+    e[f],
+    c ? e.iconOnly : "",
+    h ? e.fullWidth : "",
+    t ? e.loading : "",
+    E
+  ].filter(Boolean).join(" "), N = l === "solid" && u === "default" ? "light" : "normal";
+  process.env.NODE_ENV !== "production" && c && !y && !k && console.warn(
+    "[@orioncactuscorp/ui] Button with `icon` requires `aria-label` or `aria-labelledby` for screen reader accessibility."
+  );
+  const m = (o, b) => /* @__PURE__ */ a("span", { "data-oc-part": b, "aria-hidden": "true", children: /* @__PURE__ */ a(o, { size: "custom" }) }), r = (o) => t ? (o.preventDefault(), o.stopPropagation(), !0) : !1, M = /* @__PURE__ */ v(A, { children: [
+    /* @__PURE__ */ a("span", { "data-oc-part": "content", children: c && p ? m(p, "icon") : /* @__PURE__ */ v(A, { children: [
+      w ? m(w, "leading-icon") : null,
+      x ? /* @__PURE__ */ a("span", { "data-oc-part": "label", children: d }) : null,
+      D ? m(D, "trailing-icon") : null
+    ] }) }),
+    t ? /* @__PURE__ */ a("span", { "data-oc-part": "loading", "aria-hidden": "true", children: /* @__PURE__ */ a(X, { size: "custom" }) }) : null,
+    /* @__PURE__ */ a(U, { variant: N })
+  ] });
+  if (P !== void 0) {
+    const o = B, {
+      onAuxClick: b,
+      onClick: G,
+      onKeyDown: H,
+      onMouseDown: I,
+      onPointerDown: J,
+      ref: Q,
+      tabIndex: R,
+      ...S
+    } = o;
+    return /* @__PURE__ */ a(
+      "a",
+      {
+        ...S,
+        ref: Q,
+        className: K,
+        style: C,
+        href: P,
+        onAuxClick: (n) => {
+          if (i || t) {
+            n.preventDefault(), n.stopPropagation();
+            return;
+          }
+          b?.(n);
+        },
+        onClick: (n) => {
+          if (i || t) {
+            n.preventDefault();
+            return;
+          }
+          G?.(n);
+        },
+        onKeyDown: (n) => {
+          (n.key === "Enter" || n.key === " ") && r(n) || H?.(n);
+        },
+        onMouseDown: (n) => {
+          r(n) || I?.(n);
+        },
+        onPointerDown: (n) => {
+          r(n) || J?.(n);
+        },
+        "aria-label": y,
+        "aria-labelledby": k,
+        "aria-busy": t ? "true" : void 0,
+        "aria-disabled": i || t ? "true" : void 0,
+        tabIndex: i || t ? -1 : R,
+        "data-oc-component": "button",
+        "data-oc-appearance": l,
+        "data-oc-variant": s,
+        "data-oc-resolved-variant": u,
+        "data-oc-size": f,
+        "data-oc-full-width": h ? "true" : void 0,
+        "data-oc-loading": t ? "true" : void 0,
+        "data-oc-icon-only": c ? "true" : void 0,
+        children: M
+      }
+    );
+  }
+  const j = B, {
+    type: O = "button",
+    onClick: V,
+    onKeyDown: z,
+    onMouseDown: q,
+    onPointerDown: F,
+    ref: _,
+    ...g
+  } = j;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ...g,
+      ref: _,
+      className: K,
+      style: C,
+      type: O,
+      disabled: i || t,
+      "aria-busy": t ? "true" : void 0,
+      "aria-label": y,
+      "aria-labelledby": k,
+      onClick: (o) => {
+        r(o) || V?.(o);
+      },
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && r(o) || z?.(o);
+      },
+      onMouseDown: (o) => {
+        r(o) || q?.(o);
+      },
+      onPointerDown: (o) => {
+        r(o) || F?.(o);
+      },
+      "data-oc-component": "button",
+      "data-oc-appearance": l,
+      "data-oc-variant": s,
+      "data-oc-resolved-variant": u,
+      "data-oc-size": f,
+      "data-oc-full-width": h ? "true" : void 0,
+      "data-oc-loading": t ? "true" : void 0,
+      "data-oc-icon-only": c ? "true" : void 0,
+      children: M
+    }
+  );
+}
+export {
+  lo as default
+};

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

@@ -0,0 +1,29 @@
+import './Button.css';const o = "oc-Button-module__button__18Bed", t = "oc-Button-module__medium__HYxwi", _ = "oc-Button-module__small__zfmcP", l = "oc-Button-module__xsmall__QS3d-", n = "oc-Button-module__solid__yi-oB", s = "oc-Button-module__primary__st6yY", u = "oc-Button-module__assistive__6KrCl", d = "oc-Button-module__outlined__f4ewH", c = "oc-Button-module__secondary__j-3rj", e = "oc-Button-module__loading__QfItr", i = "oc-Button-module__iconOnly__FNrSu", m = "oc-Button-module__fullWidth__AHpSl", a = {
+  button: o,
+  medium: t,
+  small: _,
+  xsmall: l,
+  solid: n,
+  primary: s,
+  assistive: u,
+  outlined: d,
+  secondary: c,
+  loading: e,
+  iconOnly: i,
+  fullWidth: m
+};
+export {
+  u as assistive,
+  o as button,
+  a as default,
+  m as fullWidth,
+  i as iconOnly,
+  e as loading,
+  t as medium,
+  d as outlined,
+  s as primary,
+  c as secondary,
+  _ as small,
+  n as solid,
+  l as xsmall
+};

package/dist/components/Button.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/Button/index'
+export {}
+import _default from '../ui/src/components/Button/index'
+export default _default
+export * from '../ui/src/components/Button/index'
+export {}

package/dist/components/Button.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Button/Button.js";
+export {
+  o as default
+};

package/dist/components/Cell/Cell.css

@@ -0,0 +1 @@
+.oc-Cell-module__cell__BDmja{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);display:flex;flex-direction:column;margin-top:calc(-1 * var(--oc-cell-padding));margin-bottom:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2{transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible{outline:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color))}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{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);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}

package/dist/components/Cell/Cell.js

@@ -0,0 +1,129 @@
+'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(
+    '[disabled], [aria-disabled="true"], [data-oc-disabled="true"], [aria-hidden="true"], [hidden]'
+  );
+}
+function L(a) {
+  return a.key === " " || a.key === "Spacebar";
+}
+function Y({
+  children: a,
+  className: d = "",
+  divider: c = "alternative",
+  padding: n,
+  ref: u,
+  style: f,
+  ...e
+}) {
+  const p = [g.cell, g[c], d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "ul",
+    {
+      ref: u,
+      className: p,
+      style: {
+        ...f,
+        ...n !== void 0 ? { "--oc-cell-padding": n } : null
+      },
+      ...e,
+      "data-oc-component": "cell",
+      "data-oc-divider": c,
+      children: a
+    }
+  );
+}
+function Z({
+  children: a,
+  className: d = "",
+  content: c,
+  description: n,
+  "aria-disabled": u,
+  "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,
+  tabIndex: k,
+  trailing: T,
+  verticalAlign: A = "top",
+  ...K
+}) {
+  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) {
+      t.preventDefault(), t.stopPropagation();
+      return;
+    }
+    if (b?.(t), t.defaultPrevented || !i)
+      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)) {
+        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: $
+  } : {
+    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(
+    "li",
+    {
+      ref: z,
+      className: `${g.item} ${d}`.trim(),
+      ...q,
+      ...K,
+      ...O,
+      "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,
+      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
+      ]
+    }
+  );
+}
+export {
+  Z as CellItem,
+  Y as default
+};

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

@@ -0,0 +1,17 @@
+import './Cell.css';const l = "oc-Cell-module__cell__BDmja", e = "oc-Cell-module__item__r5fW2", o = "oc-Cell-module__normal__O7uwW", _ = "oc-Cell-module__neutral__Fhigo", n = "oc-Cell-module__alternative__7dShz", t = "oc-Cell-module__none__s4kvs", c = {
+  cell: l,
+  item: e,
+  normal: o,
+  neutral: _,
+  alternative: n,
+  none: t
+};
+export {
+  n as alternative,
+  l as cell,
+  c as default,
+  e as item,
+  _ as neutral,
+  t as none,
+  o as normal
+};

package/dist/components/Cell.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/Cell/index'
+export {}
+import _default from '../ui/src/components/Cell/index'
+export default _default
+export * from '../ui/src/components/Cell/index'
+export {}

package/dist/components/Cell.js

@@ -0,0 +1,5 @@
+import { CellItem as t, default as f } from "./Cell/Cell.js";
+export {
+  t as CellItem,
+  f as default
+};

package/dist/components/CheckMark/CheckMark.css

@@ -0,0 +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;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)}

package/dist/components/CheckMark/CheckMark.js

@@ -0,0 +1,44 @@
+'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({
+  children: t,
+  className: o = "",
+  onChange: e,
+  onCheckedChange: r,
+  ref: p,
+  ...s
+}) {
+  const i = (c) => {
+    e?.(c), r?.(c.currentTarget.checked);
+  }, h = t !== void 0;
+  return /* @__PURE__ */ n(
+    "label",
+    {
+      className: `${m.checkMark} ${o}`.trim(),
+      "data-oc-component": "check-mark",
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ...s,
+            ref: p,
+            type: "checkbox",
+            onChange: i,
+            "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" }) })
+        ] }),
+        h ? /* @__PURE__ */ a("span", { "data-oc-part": "content", children: /* @__PURE__ */ a("span", { "data-oc-part": "label", children: t }) }) : null
+      ]
+    }
+  );
+}
+export {
+  x as default
+};

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

@@ -0,0 +1,7 @@
+import './CheckMark.css';const c = "oc-CheckMark-module__checkMark__-KKHM", e = {
+  checkMark: c
+};
+export {
+  c as checkMark,
+  e as default
+};

package/dist/components/CheckMark.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/CheckMark/index'
+export {}
+import _default from '../ui/src/components/CheckMark/index'
+export default _default
+export * from '../ui/src/components/CheckMark/index'
+export {}

package/dist/components/CheckMark.js

@@ -0,0 +1,4 @@
+import { default as o } from "./CheckMark/CheckMark.js";
+export {
+  o as default
+};

package/dist/components/Checkbox/Checkbox.css

@@ -0,0 +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;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}}