@orioncactuscorp/ui 1.0.0

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useRef as b, useEffect as y } from "react";
+import v from "@orioncactuscorp/icons/orioncactus/CheckThick";
+import C from "@orioncactuscorp/icons/orioncactus/LineHorizontalThick";
+import j from "../Interaction/Interaction.js";
+import p from "./Checkbox.module.scss.js";
+function g({
+  children: c,
+  className: d = "",
+  size: l = "medium",
+  fill: s = !1,
+  indeterminate: e = !1,
+  trailingCompound: r,
+  onChange: f,
+  onCheckedChange: u,
+  ref: o,
+  ...h
+}) {
+  const i = b(null);
+  y(() => {
+    i.current && (i.current.indeterminate = e);
+  }, [e]);
+  const m = (t) => {
+    i.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+  }, k = (t) => {
+    f?.(t), u?.(t.currentTarget.checked);
+  }, x = c !== void 0 || r !== void 0;
+  return /* @__PURE__ */ n(
+    "label",
+    {
+      className: [
+        p.checkbox,
+        p[l],
+        s ? p.fill : "",
+        d
+      ].filter(Boolean).join(" "),
+      "data-oc-component": "checkbox",
+      "data-oc-size": l,
+      "data-oc-fill": s ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ...h,
+            ref: m,
+            type: "checkbox",
+            onChange: k,
+            "data-indeterminate": e ? "" : void 0,
+            "data-oc-indeterminate": e ? "true" : void 0,
+            "data-oc-part": "input"
+          }
+        ),
+        /* @__PURE__ */ n("span", { "data-oc-part": "container", children: [
+          /* @__PURE__ */ a(j, { self: !0 }),
+          /* @__PURE__ */ a("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ n("span", { "data-oc-part": "icon-wrapper", children: [
+            /* @__PURE__ */ a("span", { "data-oc-part": "check", children: /* @__PURE__ */ a(v, { size: "custom" }) }),
+            /* @__PURE__ */ a("span", { "data-oc-part": "indeterminate", children: /* @__PURE__ */ a(C, { size: "custom" }) })
+          ] }) })
+        ] }),
+        x ? /* @__PURE__ */ n("span", { "data-oc-part": "content", children: [
+          c !== void 0 ? /* @__PURE__ */ a("span", { "data-oc-part": "label", children: c }) : null,
+          r ? /* @__PURE__ */ a(
+            "span",
+            {
+              "data-oc-part": "trailing-compound",
+              role: "presentation",
+              onClick: (t) => t.preventDefault(),
+              onKeyDown: (t) => {
+                (t.key === "Enter" || t.key === " ") && t.preventDefault();
+              },
+              children: r
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  g as default
+};

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

@@ -0,0 +1,11 @@
+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
+};
+export {
+  l as checkbox,
+  e as default,
+  o as fill,
+  c as small
+};

package/dist/components/Checkbox.d.ts

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

package/dist/components/Checkbox.js

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

package/dist/components/Divider/Divider.css

@@ -0,0 +1 @@
+.oc-Divider-module__divider__uz6wt{all:unset;appearance:none;display:block;flex:none;background-color:var(--oc-divider-color);margin-block:var(--oc-divider-spacing);margin-inline:0;--oc-divider-spacing: var(--oc-space-item-gap-large);--oc-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Divider-module__horizontal__X75Kv{inline-size:100%;block-size:1px}.oc-Divider-module__vertical__RMtD4{align-self:stretch;margin-block:0;margin-inline:var(--oc-divider-spacing);inline-size:1px;block-size:auto}.oc-Divider-module__normal__bO7dV{--oc-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Divider-module__neutral__cK0Yk{--oc-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Divider-module__alternative__WfRuQ{--oc-divider-color: var(--oc-color-theme-line-normal-alternative)}

package/dist/components/Divider/Divider.js

@@ -0,0 +1,41 @@
+import { jsx as c } from "react/jsx-runtime";
+import r from "./Divider.module.scss.js";
+function p({
+  className: e = "",
+  orientation: a = "horizontal",
+  spacing: o = "normal",
+  variant: i = "normal",
+  ref: n,
+  style: d,
+  "aria-orientation": v,
+  ...l
+}) {
+  const t = o === "normal" ? void 0 : o === "none" ? "0" : typeof o == "number" ? `${o}px` : o, s = [
+    r.divider,
+    r[a],
+    r[i],
+    e
+  ].filter(Boolean).join(" "), m = {
+    ...l,
+    "aria-orientation": a,
+    "data-oc-component": "divider",
+    "data-oc-orientation": a,
+    "data-oc-spacing": String(o),
+    "data-oc-variant": i
+  };
+  return /* @__PURE__ */ c(
+    "hr",
+    {
+      ref: n,
+      className: s,
+      style: {
+        ...d,
+        ...t !== void 0 ? { "--oc-divider-spacing": t } : null
+      },
+      ...m
+    }
+  );
+}
+export {
+  p as default
+};

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

@@ -0,0 +1,17 @@
+import './Divider.css';const e = "oc-Divider-module__divider__uz6wt", o = "oc-Divider-module__horizontal__X75Kv", i = "oc-Divider-module__vertical__RMtD4", t = "oc-Divider-module__normal__bO7dV", r = "oc-Divider-module__neutral__cK0Yk", _ = "oc-Divider-module__alternative__WfRuQ", l = {
+  divider: e,
+  horizontal: o,
+  vertical: i,
+  normal: t,
+  neutral: r,
+  alternative: _
+};
+export {
+  _ as alternative,
+  l as default,
+  e as divider,
+  o as horizontal,
+  r as neutral,
+  t as normal,
+  i as vertical
+};

package/dist/components/Divider.d.ts

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

package/dist/components/Divider.js

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

package/dist/components/Field/Field.css

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

package/dist/components/Field/Field.js

@@ -0,0 +1,179 @@
+'use client';
+import { jsx as c, jsxs as N } from "react/jsx-runtime";
+import y, { useId as B, useState as p, useCallback as $, useMemo as j, useEffect as C, useContext as k, createContext as q } from "react";
+import { toCssLength as w } from "../../utils/css.js";
+import d from "./Field.module.scss.js";
+const h = q(null);
+function z() {
+  return k(h);
+}
+function M(e) {
+  const t = z();
+  if (!t)
+    throw new Error(
+      `[@orioncactuscorp/ui] ${e} must be rendered inside Field.`
+    );
+  return t;
+}
+function A({
+  children: e,
+  className: t = "",
+  labelWidth: n,
+  orientation: l = "vertical",
+  ref: i,
+  style: a,
+  ...o
+}) {
+  const r = B(), u = w(n), [m, g] = p(0), [b, f] = p(0), [F, I] = p(0), x = $(() => (g((s) => s + 1), () => g((s) => Math.max(0, s - 1))), []), v = $(() => (f((s) => s + 1), () => f((s) => Math.max(0, s - 1))), []), E = $(() => (I((s) => s + 1), () => I((s) => Math.max(0, s - 1))), []), L = j(
+    () => ({
+      controlId: `${r}-control`,
+      labelId: `${r}-label`,
+      messageId: `${r}-message`,
+      errorMessageId: `${r}-error-message`,
+      labelMounted: m > 0,
+      messageMounted: b > 0,
+      errorMessageMounted: F > 0,
+      registerLabel: x,
+      registerMessage: v,
+      registerErrorMessage: E
+    }),
+    [
+      F,
+      r,
+      m,
+      b,
+      E,
+      x,
+      v
+    ]
+  );
+  return /* @__PURE__ */ c(h.Provider, { value: L, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ref: i,
+      className: `${d.field} ${t}`.trim(),
+      style: {
+        ...a,
+        ...u !== void 0 ? {
+          "--oc-field-label-inline-size": u
+        } : null
+      },
+      ...o,
+      "data-oc-component": "field",
+      "data-oc-orientation": l,
+      children: e
+    }
+  ) });
+}
+function D({
+  children: e,
+  className: t = "",
+  required: n = !1,
+  ref: l,
+  ...i
+}) {
+  const { controlId: a, labelId: o, registerLabel: r } = M("FieldLabel");
+  return C(() => r(), [r]), /* @__PURE__ */ N(
+    "label",
+    {
+      ref: l,
+      id: o,
+      htmlFor: a,
+      className: `${d.label} ${t}`.trim(),
+      ...i,
+      "data-oc-component": "field-label",
+      children: [
+        e,
+        n ? /* @__PURE__ */ c("span", { "data-oc-part": "required-mark", "aria-hidden": "true", children: "*" }) : null
+      ]
+    }
+  );
+}
+function G({
+  children: e,
+  className: t = "",
+  ref: n,
+  ...l
+}) {
+  const {
+    controlId: i,
+    labelId: a,
+    messageId: o,
+    errorMessageId: r,
+    labelMounted: u,
+    messageMounted: m,
+    errorMessageMounted: g
+  } = M("FieldControl"), b = [
+    m ? o : void 0,
+    g ? r : void 0
+  ].filter(Boolean).join(" "), f = y.isValidElement(e) ? y.cloneElement(e, {
+    id: e.props.id ?? i,
+    "aria-labelledby": e.props["aria-labelledby"] ?? (u ? a : void 0),
+    "aria-describedby": e.props["aria-describedby"] ?? (b || void 0)
+  }) : e;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: n,
+      className: `${d.control} ${t}`.trim(),
+      ...l,
+      "data-oc-component": "field-control",
+      "data-oc-part": "control",
+      children: f
+    }
+  );
+}
+function H({
+  children: e,
+  className: t = "",
+  tone: n = "neutral",
+  ref: l,
+  ...i
+}) {
+  const { messageId: a, registerMessage: o } = M("FieldMessage"), r = !!e;
+  return C(() => {
+    if (r)
+      return o();
+  }, [r, o]), r ? /* @__PURE__ */ c(
+    "p",
+    {
+      ref: l,
+      id: a,
+      className: `${d.message} ${d[n]} ${t}`.trim(),
+      ...i,
+      "data-oc-component": "field-message",
+      children: e
+    }
+  ) : null;
+}
+function J({
+  children: e,
+  className: t = "",
+  ref: n,
+  ...l
+}) {
+  const { errorMessageId: i, registerErrorMessage: a } = M("FieldErrorMessage"), o = !!e;
+  return C(() => {
+    if (o)
+      return a();
+  }, [o, a]), o ? /* @__PURE__ */ c(
+    "p",
+    {
+      ref: n,
+      id: i,
+      className: `${d.message} ${d.danger} ${t}`.trim(),
+      ...l,
+      "data-oc-component": "field-error-message",
+      children: e
+    }
+  ) : null;
+}
+export {
+  A as Field,
+  G as FieldControl,
+  J as FieldErrorMessage,
+  D as FieldLabel,
+  H as FieldMessage,
+  A as default,
+  z as useFieldContext
+};

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

@@ -0,0 +1,17 @@
+import './Field.css';const e = "oc-Field-module__field__dnDYN", l = "oc-Field-module__label__wdqdl", o = "oc-Field-module__control__93bs3", _ = "oc-Field-module__message__uO8Fl", d = "oc-Field-module__neutral__e0QpV", n = "oc-Field-module__danger__nP12-", s = {
+  field: e,
+  label: l,
+  control: o,
+  message: _,
+  neutral: d,
+  danger: n
+};
+export {
+  o as control,
+  n as danger,
+  s as default,
+  e as field,
+  l as label,
+  _ as message,
+  d as neutral
+};

package/dist/components/Field/useFieldControlOverlayMetrics.js

@@ -0,0 +1,44 @@
+'use client';
+import { useRef as u, useLayoutEffect as v, useEffect as y } from "react";
+function R(t, o = "inline") {
+  if (!t) return 0;
+  const r = t.getBoundingClientRect();
+  return o === "block" ? r.height : r.width;
+}
+function m({
+  metrics: t,
+  surfaceRef: o
+}) {
+  const r = u(null), f = u(/* @__PURE__ */ new Set()), i = u(() => {
+  });
+  v(() => {
+    const c = o.current;
+    if (!c) return;
+    const l = () => {
+      for (const { dimension: e, property: d, ref: b } of t) {
+        const a = `${R(b.current, e)}px`;
+        c.style.getPropertyValue(d) !== a && c.style.setProperty(d, a);
+      }
+    };
+    if (i.current = l, l(), typeof ResizeObserver > "u") return;
+    const s = r.current ?? new ResizeObserver(() => {
+      i.current();
+    });
+    r.current = s;
+    const n = f.current, p = new Set(
+      t.map(({ ref: e }) => e.current).filter((e) => !!e)
+    );
+    for (const e of n)
+      p.has(e) || (s.unobserve(e), n.delete(e));
+    for (const { ref: e } of t)
+      e.current && !n.has(e.current) && (s.observe(e.current), n.add(e.current));
+  }), y(
+    () => () => {
+      r.current?.disconnect(), r.current = null, f.current.clear();
+    },
+    []
+  );
+}
+export {
+  m as useFieldControlOverlayMetrics
+};

package/dist/components/Field.d.ts

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

package/dist/components/Field.js

@@ -0,0 +1,10 @@
+import { Field as d, FieldControl as i, FieldErrorMessage as F, FieldLabel as o, FieldMessage as r, Field as s, useFieldContext as a } from "./Field/Field.js";
+export {
+  d as Field,
+  i as FieldControl,
+  F as FieldErrorMessage,
+  o as FieldLabel,
+  r as FieldMessage,
+  s as default,
+  a as useFieldContext
+};

package/dist/components/Fieldset/Fieldset.css

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

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,97 @@
+import { jsxs as o, jsx as i, Fragment as u } from "react/jsx-runtime";
+import a from "react";
+import c from "./Fieldset.module.scss.js";
+function f(e) {
+  return a.isValidElement(e) && e.type === d;
+}
+function p(e) {
+  return a.isValidElement(e) && (e.type === s || e.type === "legend");
+}
+function h(e) {
+  const n = a.Children.toArray(e);
+  if (n.some(f)) return e;
+  const t = n.findIndex(p);
+  if (t === -1)
+    return /* @__PURE__ */ i(d, { children: n });
+  const r = n.slice(0, t + 1), l = n.slice(t + 1);
+  return /* @__PURE__ */ o(u, { children: [
+    r,
+    l.length > 0 ? /* @__PURE__ */ i(d, { children: l }) : null
+  ] });
+}
+function g({
+  children: e,
+  className: n = "",
+  ref: t,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "fieldset",
+    {
+      ref: t,
+      className: `${c.fieldset} ${n}`.trim(),
+      ...r,
+      "data-oc-component": "fieldset",
+      children: h(e)
+    }
+  );
+}
+function s({
+  children: e,
+  className: n = "",
+  required: t = !1,
+  ref: r,
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    "legend",
+    {
+      ref: r,
+      className: `${c.label} ${n}`.trim(),
+      ...l,
+      "data-oc-component": "field-legend",
+      children: [
+        e,
+        t ? /* @__PURE__ */ i("span", { "data-oc-part": "required-mark", "aria-hidden": "true", children: "*" }) : null
+      ]
+    }
+  );
+}
+function d({
+  children: e,
+  className: n = "",
+  ref: t,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      className: `${c.content} ${n}`.trim(),
+      ...r,
+      "data-oc-part": "content",
+      "data-oc-component": "fieldset-content",
+      children: e
+    }
+  );
+}
+function $({
+  legend: e,
+  children: n,
+  className: t = "",
+  disabled: r = !1,
+  ref: l,
+  ...m
+}) {
+  return /* @__PURE__ */ o(g, { ...m, ref: l, className: t, disabled: r, children: [
+    /* @__PURE__ */ i(s, { children: e }),
+    /* @__PURE__ */ i(d, { children: n })
+  ] });
+}
+export {
+  $ as FieldGroup,
+  s as FieldLegend,
+  g as Fieldset,
+  d as FieldsetContent,
+  g as default
+};

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

@@ -0,0 +1,11 @@
+import './Fieldset.css';const e = "oc-Fieldset-module__fieldset__qc2Us", t = "oc-Fieldset-module__label__qiThb", l = "oc-Fieldset-module__content__mzl-k", o = {
+  fieldset: e,
+  label: t,
+  content: l
+};
+export {
+  l as content,
+  o as default,
+  e as fieldset,
+  t as label
+};

package/dist/components/Fieldset.d.ts

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

package/dist/components/Fieldset.js

@@ -0,0 +1,8 @@
+import { FieldGroup as t, FieldLegend as l, Fieldset as i, FieldsetContent as F, Fieldset as o } from "./Fieldset/Fieldset.js";
+export {
+  t as FieldGroup,
+  l as FieldLegend,
+  i as Fieldset,
+  F as FieldsetContent,
+  o as default
+};

package/dist/components/IconButton/IconButton.css

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

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1,49 @@
+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",
+  children: o,
+  size: t = 24,
+  variant: n = "normal",
+  viewBox: r,
+  color: u,
+  ref: m,
+  "aria-label": a,
+  "aria-labelledby": e,
+  ...f
+}) {
+  process.env.NODE_ENV !== "production" && !a && !e && console.warn(
+    "[@orioncactuscorp/ui] IconButton requires `aria-label` or `aria-labelledby` for screen reader accessibility."
+  );
+  const b = y(o) ? E(o, {
+    size: t,
+    color: u,
+    ...r ? { viewBox: r } : {}
+  }) : o;
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      ...f,
+      ref: m,
+      className: [i.iconButton, i[n], l].filter(Boolean).join(" "),
+      style: c,
+      type: s,
+      "aria-label": a,
+      "aria-labelledby": e,
+      "data-oc-component": "icon-button",
+      "data-oc-variant": n,
+      "data-oc-size": String(t),
+      children: [
+        b,
+        /* @__PURE__ */ d(j, { self: !0 })
+      ]
+    }
+  );
+}
+export {
+  V as default
+};

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

@@ -0,0 +1,11 @@
+import './IconButton.css';const o = "oc-IconButton-module__iconButton__PmpB8", n = "oc-IconButton-module__primary__qjfR5", t = "oc-IconButton-module__normal__0kcFm", c = {
+  iconButton: o,
+  primary: n,
+  normal: t
+};
+export {
+  c as default,
+  o as iconButton,
+  t as normal,
+  n as primary
+};

package/dist/components/IconButton.d.ts

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

package/dist/components/IconButton.js

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

package/dist/components/Interaction/Interaction.css

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