@orioncactuscorp/ui 1.0.0

package/dist/components/Modal/useModalPlacement.js

@@ -0,0 +1,26 @@
+import { useState as c, useEffect as r } from "react";
+import { getBreakpoint as d } from "../../utils/breakpoints.js";
+function p(e) {
+  if (e !== "adaptive") return e;
+  if (typeof window > "u") return "bottom";
+  const t = d("md") ?? 768;
+  return window.matchMedia(`(max-width: ${t}px)`).matches ? "bottom" : "popup";
+}
+function f(e) {
+  const [t, i] = c("bottom");
+  return r(() => {
+    if (e !== "adaptive" || typeof window > "u")
+      return;
+    const n = () => {
+      i(p(e));
+    }, m = window.requestAnimationFrame(() => {
+      n();
+    }), a = d("md") ?? 768, o = window.matchMedia(`(max-width: ${a}px)`);
+    return o.addEventListener("change", n), () => {
+      window.cancelAnimationFrame(m), o.removeEventListener("change", n);
+    };
+  }, [e]), e === "adaptive" ? t : e;
+}
+export {
+  f as useModalPlacement
+};

package/dist/components/Modal/useModalStackDepth.js

@@ -0,0 +1,41 @@
+import { useState as u, useCallback as a, useSyncExternalStore as i, useEffect as d, useLayoutEffect as f } from "react";
+const l = typeof window > "u" ? d : f, n = [], c = /* @__PURE__ */ new Set(), S = () => {
+};
+function o() {
+  c.forEach((t) => t());
+}
+function b(t) {
+  return n.includes(t) || (n.push(t), o()), () => {
+    const e = n.indexOf(t);
+    e !== -1 && (n.splice(e, 1), o());
+  };
+}
+function k(t) {
+  const e = n.indexOf(t);
+  return e === -1 ? 0 : e;
+}
+function m(t) {
+  return c.add(t), () => {
+    c.delete(t);
+  };
+}
+function y() {
+  return S;
+}
+function h(t) {
+  const [e] = u(() => /* @__PURE__ */ Symbol("oc-modal-stack-entry")), r = a(
+    (s) => t ? m(s) : y(),
+    [t]
+  );
+  return l(() => {
+    if (t)
+      return b(e);
+  }, [e, t]), i(
+    r,
+    () => t ? k(e) : 0,
+    () => 0
+  );
+}
+export {
+  h as useModalStackDepth
+};

package/dist/components/Modal.d.ts

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

package/dist/components/Modal.js

@@ -0,0 +1,11 @@
+import { ModalBody as a, ModalClose as l, ModalContent as e, ModalFooter as M, ModalHeader as r, ModalRoot as t, ModalTrigger as f, default as g } from "./Modal/Modal.js";
+export {
+  a as ModalBody,
+  l as ModalClose,
+  e as ModalContent,
+  M as ModalFooter,
+  r as ModalHeader,
+  t as ModalRoot,
+  f as ModalTrigger,
+  g as default
+};

package/dist/components/Radio/Radio.css

@@ -0,0 +1 @@
+.oc-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-radio-control-size: var(--oc-typo-height-body1);--oc-radio-icon-scale: .675}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{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-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-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-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{border-radius:var(--oc-atomic-radius-max);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-Radio-module__radio__qhO7H [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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-radio-icon-scale));inline-size:100%;block-size:100%;color:transparent;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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]>svg{inline-size:100%;block-size:100%}.oc-Radio-module__radio__qhO7H [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-Radio-module__radio__qhO7H [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Radio-module__radio__qhO7H [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Radio-module__fill__h24zJ [data-oc-part=label]{flex:1}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon-wrapper]{color:var(--oc-color-theme-static-white)}.oc-Radio-module__radio__qhO7H [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}

package/dist/components/Radio/Radio.js

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

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

@@ -0,0 +1,11 @@
+import './Radio.css';const l = "oc-Radio-module__radio__qhO7H", o = "oc-Radio-module__fill__h24zJ", _ = "oc-Radio-module__small__PGRQA", a = {
+  radio: l,
+  fill: o,
+  small: _
+};
+export {
+  a as default,
+  o as fill,
+  l as radio,
+  _ as small
+};

package/dist/components/Radio.d.ts

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

package/dist/components/Radio.js

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

package/dist/components/ScrollArea/ScrollArea.css

@@ -0,0 +1 @@
+.oc-ScrollArea-module__scrollArea__DqPec{position:relative;min-inline-size:0;min-block-size:0;--oc-scroll-area-padding: .25rem;--oc-scroll-area-size: .4375rem}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-vertical],.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-horizontal]{position:fixed}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-scroll-container]{block-size:auto;overflow:visible}.oc-ScrollArea-module__container__dGQhY{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;scrollbar-width:none}.oc-ScrollArea-module__container__dGQhY::-webkit-scrollbar{display:none}.oc-ScrollArea-module__scrollbar__fSzQp{display:flex;position:absolute;z-index:var(--oc-z-index-floating, 6);box-sizing:content-box;padding:var(--oc-scroll-area-padding);opacity:0;transition:opacity 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-ScrollArea-module__scrollbar__fSzQp{transition-property:opacity;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-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active],.oc-ScrollArea-module__scrollbar__fSzQp:hover{opacity:1}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]{inset-block:0;inset-inline-end:0;inline-size:var(--oc-scroll-area-size)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]:has(+[data-oc-part=scrollbar-horizontal]){inset-block-end:calc(var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{inline-size:100%;min-block-size:var(--oc-scroll-area-size);block-size:var(--oc-scroll-area-thumb-height)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{inset-block:0;inset-inline-end:0;inline-size:100%;block-size:var(--oc-scroll-area-thumb-height);transition:inline-size 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-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{transition-property: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-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-block-end:0;inset-inline:0;block-size:var(--oc-scroll-area-size)}[data-oc-part=scrollbar-vertical]+.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-inline-end:calc(var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]{inline-size:100%;block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{min-inline-size:var(--oc-scroll-area-size);inline-size:var(--oc-scroll-area-thumb-width);block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{inset-block-end:0;inset-inline:0;inline-size:var(--oc-scroll-area-thumb-width);block-size:100%;transition:block-size 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-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{transition-property: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-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__wrapper__wSIU3{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.oc-ScrollArea-module__wrapper__wSIU3:before{position:absolute;inset:calc(-1 * var(--oc-scroll-area-padding));content:""}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active]>[data-oc-part=scrollbar-track]:not([data-oc-state=active]){overflow:hidden;border-radius:var(--oc-atomic-radius-max)}.oc-ScrollArea-module__thumb__vIWmD{position:relative;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)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__thumb__vIWmD{transition-property: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-ScrollArea-module__thumb__vIWmD{cursor:pointer}.oc-ScrollArea-module__background__sPGmG{position:absolute;overflow:hidden;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-label-assistive)}[data-oc-part=thumb][data-oc-state=dragging]>[data-oc-part=thumb-background]>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:100%}}