@orioncactuscorp/ui 1.0.0

package/dist/components/Select/Select.css

@@ -0,0 +1 @@
+.oc-Select-module__select__U4LyF{display:inline-flex;position:relative;align-items:center;inline-size:100%;cursor:pointer}.oc-Select-module__select__U4LyF:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-Select-module__select__U4LyF:has([data-oc-part=select]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Select-module__select__U4LyF [data-oc-part=content]{position:relative;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-Select-module__select__U4LyF [data-oc-part=content]{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-Select-module__select__U4LyF [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-Select-module__select__U4LyF [data-oc-part=content]:after{transition-property:box-shadow;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-Select-module__select__U4LyF [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-Select-module__select__U4LyF [data-oc-part=content] [data-oc-part=leading-content],.oc-Select-module__select__U4LyF [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-Select-module__select__U4LyF [data-oc-part=content]{--oc-select-leading-content-size: 0px;--oc-select-trailing-content-size: 0px;--oc-select-leading-offset: var(--oc-field-control-content-padding-inline);--oc-select-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-indicator-size) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-select-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-leading-content-size) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-select-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-trailing-content-size) + var(--oc-select-indicator-size) + var(--oc-space-item-gap-small) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=select]{all:unset;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:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-select-leading-offset) var(--oc-select-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:hover,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:focus,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-Select-module__select__U4LyF [data-oc-part=select]{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.oc-Select-module__select__U4LyF [data-oc-part=select]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-Select-module__select__U4LyF [data-oc-part=leading-content],.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-Select-module__select__U4LyF [data-oc-part=leading-content]:has(>[data-oc-component=select-content][data-oc-variant=action]),.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]:has(>[data-oc-component=select-content][data-oc-variant=action]){pointer-events:auto}.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-Select-module__select__U4LyF [data-oc-part=indicator]{display:inline-flex;position:relative;flex:none;align-items:center;justify-content:center;z-index:2;inline-size:var(--oc-select-indicator-size);block-size:var(--oc-select-indicator-size);color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-Select-module__select__U4LyF [data-oc-part=indicator]>svg{inline-size:100%;block-size:100%}.oc-Select-module__select__U4LyF [data-oc-part=content]:not(:has(>[data-oc-part=trailing-content])) [data-oc-part=indicator]{margin-inline-start:auto}.oc-Select-module__select__U4LyF{--oc-select-indicator-size: var(--oc-typo-height-body1);--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-Select-module__invalid__UZLhp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}

package/dist/components/Select/Select.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useRef as o } from "react";
+import C from "@orioncactuscorp/icons/orioncactus/CaretDown";
+import { useFieldContext as z } from "../Field/Field.js";
+import { useFieldControlOverlayMetrics as I } from "../Field/useFieldControlOverlayMetrics.js";
+import u from "./Select.module.scss.js";
+function M({
+  children: p,
+  className: m = "",
+  invalid: e = !1,
+  id: v,
+  leading: c,
+  placeholder: i,
+  ref: n,
+  trailing: l,
+  ...h
+}) {
+  const R = o(null), a = o(null), s = o(null), d = o(null), x = z(), y = v ?? x?.controlId;
+  I({
+    metrics: [
+      {
+        property: "--oc-select-leading-content-size",
+        ref: s
+      },
+      {
+        property: "--oc-select-trailing-content-size",
+        ref: d
+      }
+    ],
+    surfaceRef: a
+  });
+  const g = (r) => {
+    R.current = r, typeof n == "function" ? n(r) : n && (n.current = r);
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${u.select} ${e ? u.invalid : ""} ${m}`.trim(),
+      "data-invalid": e ? "" : void 0,
+      "data-oc-component": "select",
+      "data-oc-invalid": e ? "true" : void 0,
+      children: /* @__PURE__ */ f("div", { ref: a, "data-oc-part": "content", children: [
+        c ? /* @__PURE__ */ t("span", { ref: s, "data-oc-part": "leading-content", children: c }) : null,
+        /* @__PURE__ */ f(
+          "select",
+          {
+            ...h,
+            ref: g,
+            id: y,
+            "aria-invalid": e || void 0,
+            "data-oc-part": "select",
+            children: [
+              i ? /* @__PURE__ */ t("option", { value: "", disabled: !0, children: i }) : null,
+              p
+            ]
+          }
+        ),
+        l ? /* @__PURE__ */ t("span", { ref: d, "data-oc-part": "trailing-content", children: l }) : null,
+        /* @__PURE__ */ t("span", { "data-oc-part": "indicator", "aria-hidden": "true", children: /* @__PURE__ */ t(C, { size: "custom" }) })
+      ] })
+    }
+  );
+}
+export {
+  M as default
+};

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

@@ -0,0 +1,9 @@
+import './Select.css';const e = "oc-Select-module__select__U4LyF", l = "oc-Select-module__invalid__UZLhp", t = {
+  select: e,
+  invalid: l
+};
+export {
+  t as default,
+  l as invalid,
+  e as select
+};

package/dist/components/Select/SelectContent.css

@@ -0,0 +1 @@
+.oc-SelectContent-module__content__4wFxf{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-select-content-icon-size: var(--oc-typo-height-body1)}.oc-SelectContent-module__text__nvO0l{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);white-space:nowrap}.oc-SelectContent-module__icon__YIPRR{inline-size:var(--oc-select-content-icon-size);block-size:var(--oc-select-content-icon-size);padding:.0625em;line-height:0}.oc-SelectContent-module__icon__YIPRR>svg{inline-size:100%;block-size:100%}.oc-SelectContent-module__action__tQgRc{color:var(--oc-color-theme-label-normal);pointer-events:auto}.oc-SelectContent-module__custom__1QuEH{color:inherit}

package/dist/components/Select/SelectContent.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import e from "./SelectContent.module.scss.js";
+function m({
+  children: o,
+  className: n = "",
+  variant: t = "text",
+  ref: a,
+  "aria-hidden": c,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      ...r,
+      ref: a,
+      className: `${e.content} ${e[t]} ${n}`.trim(),
+      "aria-hidden": c ?? (t === "icon" ? "true" : void 0),
+      "data-oc-component": "select-content",
+      "data-oc-variant": t,
+      children: o
+    }
+  );
+}
+export {
+  m as default
+};

package/dist/components/Select/SelectContent.module.scss.js

@@ -0,0 +1,15 @@
+import './SelectContent.css';const t = "oc-SelectContent-module__content__4wFxf", o = "oc-SelectContent-module__text__nvO0l", c = "oc-SelectContent-module__icon__YIPRR", e = "oc-SelectContent-module__action__tQgRc", n = "oc-SelectContent-module__custom__1QuEH", _ = {
+  content: t,
+  text: o,
+  icon: c,
+  action: e,
+  custom: n
+};
+export {
+  e as action,
+  t as content,
+  n as custom,
+  _ as default,
+  c as icon,
+  o as text
+};

package/dist/components/Select.d.ts

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

package/dist/components/Select.js

@@ -0,0 +1,6 @@
+import { default as o } from "./Select/Select.js";
+import { default as r } from "./Select/SelectContent.js";
+export {
+  r as SelectContent,
+  o as default
+};

package/dist/components/SvgIcon.d.ts

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

package/dist/components/SvgIcon.js

@@ -0,0 +1,4 @@
+import { SvgIcon as e } from "@orioncactuscorp/icons";
+export {
+  e as default
+};

package/dist/components/Switch/Switch.css

@@ -0,0 +1 @@
+.oc-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{cursor:pointer;-webkit-tap-highlight-color:transparent;--oc-switch-control-height: var(--oc-typo-height-body1);--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-track-color: var(--oc-color-theme-fill-normal);--oc-switch-track-z-index: var(--oc-zindex-1);--oc-switch-interaction-z-index: var(--oc-zindex-2);--oc-switch-thumb-z-index: calc(var(--oc-switch-interaction-z-index) + 1)}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__small__LEHKf{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-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__switch__PKzsW [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Switch-module__switch__PKzsW [data-oc-part=container]{display:flex;position:relative;flex-shrink:0;align-items:center;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-max);padding-block:calc((var(--oc-switch-control-height) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-height);--oc-interaction-inset-y: calc((var(--oc-switch-control-height) - var(--oc-switch-track-height)) / 2);--oc-interaction-z-index: var(--oc-switch-interaction-z-index);--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{position:absolute;z-index:var(--oc-switch-thumb-z-index);inset-block-start:calc((var(--oc-switch-control-height) - var(--oc-switch-thumb-size)) / 2);inset-inline-start:calc((var(--oc-switch-track-height) - var(--oc-switch-thumb-size)) / 2);transform:translate(0);border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-static-white);inline-size:var(--oc-switch-thumb-size);block-size:var(--oc-switch-thumb-size);transition:transform calc(.561s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-quick) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{transition-duration:calc(var(--oc-motion-duration-move) * var(--oc-motion-duration-scale-preserve) * var(--oc-motion-pace-quick) * 1);transition-timing-function:var(--oc-motion-timing-move)}}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{pointer-events:none}.oc-Switch-module__switch__PKzsW [data-oc-part=container]>[data-oc-component=interaction]{inset-block:calc((var(--oc-switch-control-height) - var(--oc-switch-track-height)) / 2);inset-inline:0;inline-size:100%;block-size:var(--oc-switch-track-height)}.oc-Switch-module__switch__PKzsW [data-oc-part=container]:before{position:absolute;z-index:var(--oc-switch-track-z-index);inset-block:calc((var(--oc-switch-control-height) - var(--oc-switch-track-height)) / 2);inset-inline:0;border-radius:inherit;background-color:var(--oc-switch-track-color);content:"";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-Switch-module__switch__PKzsW [data-oc-part=container]:before{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-Switch-module__switch__PKzsW [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-Switch-module__switch__PKzsW [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-primary-normal)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=thumb]{transform:translate(var(--oc-switch-thumb-translate))}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:disabled+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-fill-alternative)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:focus-visible+[data-oc-part=container]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import m from "../Interaction/Interaction.js";
+import e from "./Switch.module.scss.js";
+function w({
+  children: a,
+  className: r = "",
+  size: n = "medium",
+  onChange: s,
+  onCheckedChange: i,
+  ref: p,
+  ...d
+}) {
+  const l = (o) => {
+    s?.(o), i?.(o.currentTarget.checked);
+  }, h = a !== void 0;
+  return /* @__PURE__ */ c(
+    "label",
+    {
+      className: `${e.switch} ${e[n]} ${r}`.trim(),
+      "data-oc-component": "switch",
+      "data-oc-size": n,
+      children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ...d,
+            ref: p,
+            type: "checkbox",
+            role: "switch",
+            onChange: l,
+            "data-oc-part": "input"
+          }
+        ),
+        /* @__PURE__ */ c("span", { "data-oc-part": "container", children: [
+          /* @__PURE__ */ t(m, { self: !0 }),
+          /* @__PURE__ */ t("span", { "data-oc-part": "thumb" })
+        ] }),
+        h ? /* @__PURE__ */ t("span", { "data-oc-part": "content", children: /* @__PURE__ */ t("span", { "data-oc-part": "label", children: a }) }) : null
+      ]
+    }
+  );
+}
+export {
+  w as default
+};

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

@@ -0,0 +1,8 @@
+import './Switch.css';const s = "oc-Switch-module__small__LEHKf", l = {
+  switch: "oc-Switch-module__switch__PKzsW",
+  small: s
+};
+export {
+  l as default,
+  s as small
+};

package/dist/components/Switch.d.ts

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

package/dist/components/Switch.js

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

package/dist/components/TextArea/TextArea.css

@@ -0,0 +1 @@
+.oc-TextArea-module__textArea__nlK-5{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0}.oc-TextArea-module__textArea__nlK-5:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled){cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{position:relative;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-TextArea-module__textArea__nlK-5 [data-oc-part=content]{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-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{transition-property:box-shadow;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-TextArea-module__textArea__nlK-5 [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{gap:0;min-block-size:var(--oc-text-area-control-block-size);padding:0;--oc-text-area-control-block-size: calc(var(--oc-typo-height-body1) * 2 + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block));--oc-text-area-supporting-content-size: 0px;--oc-text-area-supporting-content-offset: 0px}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:has(>[data-oc-part=supporting-content]){--oc-text-area-supporting-content-offset: calc(var(--oc-text-area-supporting-content-size) + var(--oc-space-item-gap-small))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{all:unset;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:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-field-control-content-padding-inline) var(--oc-field-control-content-padding-inline);border-radius:inherit;background-clip:padding-box}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:hover,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:focus,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{padding-block-end:calc(var(--oc-field-control-content-padding-block) + var(--oc-text-area-supporting-content-offset));resize:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:focus{outline:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content]{display:flex;position:absolute;align-items:center;gap:var(--oc-space-item-gap-small);z-index:2;inset-block-end:var(--oc-field-control-content-padding-block);inset-inline:var(--oc-field-control-content-padding-inline);min-inline-size:0;pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=start]{justify-content:flex-start}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=end]{justify-content:flex-end}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=space-between]{justify-content:space-between}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]),.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]){pointer-events:auto}.oc-TextArea-module__textArea__nlK-5{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextArea-module__invalid__lqbKp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as s, jsxs as $ } from "react/jsx-runtime";
+import { useRef as u, useCallback as J, useEffect as K } from "react";
+import { useFieldContext as L } from "../Field/Field.js";
+import { useFieldControlOverlayMetrics as Q } from "../Field/useFieldControlOverlayMetrics.js";
+import N from "./TextArea.module.scss.js";
+function Z({
+  className: z = "",
+  containerClassName: A = "",
+  containerStyle: M,
+  invalid: c = !1,
+  leading: n,
+  minRows: o = 2,
+  maxRows: i,
+  id: S,
+  ref: r,
+  value: h,
+  defaultValue: f,
+  onChange: j,
+  placeholder: g,
+  style: B,
+  trailing: e,
+  ...E
+}) {
+  const m = u(null), a = u(null), x = u(null), I = L(), P = S ?? I?.controlId, O = n && e ? "space-between" : e ? "end" : "start";
+  Q({
+    metrics: [
+      {
+        dimension: "block",
+        property: "--oc-text-area-supporting-content-size",
+        ref: x
+      }
+    ],
+    surfaceRef: a
+  });
+  const T = (t) => {
+    m.current = t, typeof r == "function" ? r(t) : r && (r.current = t);
+  }, l = J(() => {
+    const t = m.current;
+    if (!t) return;
+    const p = window.getComputedStyle(t), y = Number.parseFloat(p.lineHeight) || 0, H = (Number.parseFloat(p.paddingBlockStart) || 0) + (Number.parseFloat(p.paddingBlockEnd) || 0), d = y * o + H, v = i ? y * i + H : void 0, C = (F) => {
+      t.style.height = `${F}px`;
+      const G = t.offsetHeight || F;
+      a.current?.style.setProperty(
+        "--oc-text-area-control-block-size",
+        `${G}px`
+      );
+    }, b = t.style.height;
+    if (t.style.height = "0px", t.scrollHeight <= 0) {
+      d > 0 ? C(d) : b ? t.style.height = b : t.style.removeProperty("height");
+      return;
+    }
+    const k = Math.max(t.scrollHeight, d), D = v ? Math.min(k, v) : k;
+    C(D);
+  }, [i, o]);
+  K(() => {
+    l();
+  }, [f, o, g, l, h]);
+  const q = (t) => {
+    j?.(t), l();
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${N.textArea} ${c ? N.invalid : ""} ${A}`.trim(),
+      "data-oc-component": "text-area",
+      "data-oc-invalid": c ? "true" : void 0,
+      style: M,
+      children: /* @__PURE__ */ $("div", { ref: a, "data-oc-part": "content", children: [
+        /* @__PURE__ */ s(
+          "textarea",
+          {
+            ...E,
+            ref: T,
+            className: z,
+            id: P,
+            value: h,
+            defaultValue: f,
+            placeholder: g,
+            rows: o,
+            "aria-invalid": c || void 0,
+            "data-oc-part": "textarea",
+            onChange: q,
+            style: B
+          }
+        ),
+        n || e ? /* @__PURE__ */ $(
+          "div",
+          {
+            ref: x,
+            "data-oc-align": O,
+            "data-oc-part": "supporting-content",
+            children: [
+              n ? /* @__PURE__ */ s("span", { "data-oc-part": "leading-content", children: n }) : null,
+              e ? /* @__PURE__ */ s("span", { "data-oc-part": "trailing-content", children: e }) : null
+            ]
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  Z as default
+};

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

@@ -0,0 +1,9 @@
+import './TextArea.css';const e = "oc-TextArea-module__textArea__nlK-5", t = "oc-TextArea-module__invalid__lqbKp", a = {
+  textArea: e,
+  invalid: t
+};
+export {
+  a as default,
+  t as invalid,
+  e as textArea
+};

package/dist/components/TextArea/TextAreaContent.css

@@ -0,0 +1 @@
+.oc-TextAreaContent-module__content__gdhDI{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-text-area-content-icon-size: var(--oc-typo-height-body1)}.oc-TextAreaContent-module__text__bflvs{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);white-space:nowrap}.oc-TextAreaContent-module__icon__7qQ5I{inline-size:var(--oc-text-area-content-icon-size);block-size:var(--oc-text-area-content-icon-size);padding:.0625em;line-height:0}.oc-TextAreaContent-module__icon__7qQ5I>svg{inline-size:100%;block-size:100%}.oc-TextAreaContent-module__action__48-uE{color:var(--oc-color-theme-label-normal);pointer-events:auto}.oc-TextAreaContent-module__custom__j1IHu{color:inherit}

package/dist/components/TextArea/TextAreaContent.js

@@ -0,0 +1,26 @@
+import { jsx as c } from "react/jsx-runtime";
+import e from "./TextAreaContent.module.scss.js";
+function s({
+  children: o,
+  className: a = "",
+  variant: t = "text",
+  ref: n,
+  "aria-hidden": r,
+  ...i
+}) {
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      ...i,
+      ref: n,
+      className: `${e.content} ${e[t]} ${a}`.trim(),
+      "aria-hidden": r ?? (t === "icon" ? "true" : void 0),
+      "data-oc-component": "text-area-content",
+      "data-oc-variant": t,
+      children: o
+    }
+  );
+}
+export {
+  s as default
+};

package/dist/components/TextArea/TextAreaContent.module.scss.js

@@ -0,0 +1,15 @@
+import './TextAreaContent.css';const t = "oc-TextAreaContent-module__content__gdhDI", o = "oc-TextAreaContent-module__text__bflvs", e = "oc-TextAreaContent-module__icon__7qQ5I", n = "oc-TextAreaContent-module__action__48-uE", c = "oc-TextAreaContent-module__custom__j1IHu", _ = {
+  content: t,
+  text: o,
+  icon: e,
+  action: n,
+  custom: c
+};
+export {
+  n as action,
+  t as content,
+  c as custom,
+  _ as default,
+  e as icon,
+  o as text
+};

package/dist/components/TextArea.d.ts

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

package/dist/components/TextArea.js

@@ -0,0 +1,6 @@
+import { default as o } from "./TextArea/TextArea.js";
+import { default as a } from "./TextArea/TextAreaContent.js";
+export {
+  a as TextAreaContent,
+  o as default
+};

package/dist/components/TextButton/TextButton.css

@@ -0,0 +1 @@
+.oc-TextButton-module__textButton__71n5b{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-TextButton-module__textButton__71n5b{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.125em;color:var(--oc-text-button-color);transition: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-TextButton-module__textButton__71n5b{transition:none;transform:none}}.oc-TextButton-module__textButton__71n5b{--oc-text-button-color: inherit;--oc-interaction-color: currentcolor;--oc-interaction-scale: .95;--oc-interaction-time: .15s;--oc-interaction-inset-x: -.375em;--oc-interaction-inset-y: -.1em;--oc-interaction-radius: .3125em}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]>svg{width:100%;height:100%}.oc-TextButton-module__textButton__71n5b:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:active{transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-feedback)))}.oc-TextButton-module__textButton__71n5b:active>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__primary__dlRiO){--oc-text-button-color: var(--oc-color-theme-primary-normal)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__assistive__wUKa-){--oc-text-button-color: var(--oc-color-theme-label-alternative)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__medium__1VOra){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)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__small__zxHdc){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)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b:active{transform:none}}

package/dist/components/TextButton/TextButton.js

@@ -0,0 +1,74 @@
+import { jsx as t, jsxs as P, Fragment as j } from "react/jsx-runtime";
+import g from "../Interaction/Interaction.js";
+import n from "./TextButton.module.scss.js";
+function A({
+  children: l,
+  padding: m = !1,
+  variant: o = "assistive",
+  size: a = "medium",
+  className: h = "",
+  as: p = "a",
+  leftIcon: u,
+  rightIcon: f,
+  ...r
+}) {
+  const e = [
+    n.textButton,
+    n[o],
+    n[a],
+    m ? n.padding : "",
+    h
+  ].filter(Boolean).join(" "), s = /* @__PURE__ */ P(j, { children: [
+    u && /* @__PURE__ */ t("span", { "data-oc-part": "icon", "aria-hidden": "true", children: /* @__PURE__ */ t(u, { size: "custom" }) }),
+    /* @__PURE__ */ t("span", { "data-oc-part": "label", children: l }),
+    f && /* @__PURE__ */ t("span", { "data-oc-part": "icon", "aria-hidden": "true", children: /* @__PURE__ */ t(f, { size: "custom" }) }),
+    /* @__PURE__ */ t(g, { self: !0 })
+  ] });
+  if (p === "button") {
+    const c = r, { type: i = "button", ref: d, ...N } = c;
+    return /* @__PURE__ */ t(
+      "button",
+      {
+        ...N,
+        ref: d,
+        className: e,
+        type: i,
+        "data-oc-component": "text-button",
+        "data-oc-variant": o,
+        "data-oc-size": a,
+        children: s
+      }
+    );
+  }
+  if (p === "span") {
+    const c = r, { ref: i, ...d } = c;
+    return /* @__PURE__ */ t(
+      "span",
+      {
+        ...d,
+        ref: i,
+        className: e,
+        "data-oc-component": "text-button",
+        "data-oc-variant": o,
+        "data-oc-size": a,
+        children: s
+      }
+    );
+  }
+  const b = r, { ref: x, ...B } = b;
+  return /* @__PURE__ */ t(
+    "a",
+    {
+      ...B,
+      ref: x,
+      className: e,
+      "data-oc-component": "text-button",
+      "data-oc-variant": o,
+      "data-oc-size": a,
+      children: s
+    }
+  );
+}
+export {
+  A as default
+};

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

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

package/dist/components/TextButton.d.ts

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

package/dist/components/TextButton.js

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

package/dist/components/TextInput/TextInput.css

@@ -0,0 +1 @@
+.oc-TextInput-module__textInput__7UMkB{display:flex;position:relative;align-items:center;cursor:text}.oc-TextInput-module__textInput__7UMkB:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextInput-module__textInput__7UMkB:has([data-oc-part=input]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{position:relative;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-TextInput-module__textInput__7UMkB [data-oc-part=content]{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-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{transition-property:box-shadow;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-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-text-input-leading-content-size: 0px;--oc-text-input-trailing-content-size: 0px;--oc-text-input-leading-offset: var(--oc-field-control-content-padding-inline);--oc-text-input-trailing-offset: var(--oc-field-control-content-padding-inline)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-text-input-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-leading-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-text-input-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-trailing-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{all:unset;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:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-text-input-leading-offset) var(--oc-text-input-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:hover,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:focus,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{caret-color:var(--oc-color-theme-label-normal)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]),.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]){pointer-events:auto}.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-TextInput-module__textInput__7UMkB{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextInput-module__invalid__DdPl6:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}