@orioncactuscorp/ui 1.9.2 → 1.11.0

package/dist/components/Select/Select.js

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

package/dist/components/Switch/Switch.css

@@ -1 +1 @@
-.oc-Switch-module__switch__PKzsW{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Switch-module__switch__PKzsW{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__switch__PKzsW{--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-thumb-translate-checked: var(--oc-switch-thumb-translate);--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:dir(rtl){--oc-switch-thumb-translate-checked: calc(var(--oc-switch-thumb-translate) * -1)}.oc-Switch-module__small__LEHKf{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-switch-control-size: var(--oc-typo-height-body2);--oc-switch-content-height: var(--oc-typo-height-body2);--oc-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__medium__rpPKx{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-switch-control-size: var(--oc-typo-height-body1);--oc-switch-content-height: var(--oc-typo-height-body1)}.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-size) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-size);--oc-interaction-inset-y: calc((var(--oc-switch-control-size) - 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-size) - 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-factor) * 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-factor-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-size) - 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-size) - 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-factor) * 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-factor-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;min-inline-size:0;padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-content-height)) / 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-checked))}.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}
+.oc-Switch-module__switch__PKzsW{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Switch-module__switch__PKzsW{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__switch__PKzsW{--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-thumb-translate-checked: var(--oc-switch-thumb-translate);--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:dir(rtl){--oc-switch-thumb-translate-checked: calc(var(--oc-switch-thumb-translate) * -1)}.oc-Switch-module__small__LEHKf{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-switch-control-size: var(--oc-typo-height-body2);--oc-switch-content-height: var(--oc-typo-height-body2);--oc-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__medium__rpPKx{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-switch-control-size: var(--oc-typo-height-body1);--oc-switch-content-height: var(--oc-typo-height-body1)}.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-size) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-size);--oc-interaction-inset-y: calc((var(--oc-switch-control-size) - 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-size) - 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-factor) * 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-factor-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-size) - 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-size) - 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-factor) * 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-factor-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;min-inline-size:0;padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-content-height)) / 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-checked))}.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:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}

package/dist/components/Tabs/Tabs.css

@@ -0,0 +1 @@
+@property --oc-tabs-internal-edge-fade-start-size{syntax: "<length>"; inherits: false; initial-value: 0;}@property --oc-tabs-internal-edge-fade-end-size{syntax: "<length>"; inherits: false; initial-value: 0;}.oc-Tabs-module__root__2x4fl{min-width:0;--oc-tabs-list-padding-block: 0px;--oc-tabs-tab-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-tabs-edge-fade-size: 3rem;--oc-tabs-indicator-block-size: .125rem;--oc-tabs-indicator-radius: var(--oc-atomic-radius-max);--oc-tabs-indicator-color: var(--oc-color-theme-label-strong);--oc-tabs-indicator-disabled-color: var(--oc-color-theme-label-disable);--oc-tabs-label-color: var(--oc-color-theme-label-assistive);--oc-tabs-label-hover-color: var(--oc-color-theme-label-alternative);--oc-tabs-label-selected-color: var(--oc-color-theme-label-strong);--oc-tabs-label-disabled-color: var(--oc-color-theme-label-disable)}.oc-Tabs-module__listFrame__TrGoN{display:flex;align-items:stretch;min-width:0}.oc-Tabs-module__scroller__QIrMA{flex:1 1 auto;min-width:0;overflow-x:auto;scroll-padding-inline:calc(var(--oc-tabs-edge-fade-size) + var(--oc-tabs-tab-interaction-margin-inline));scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),transparent 100%);transition:--oc-tabs-internal-edge-fade-start-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade),--oc-tabs-internal-edge-fade-end-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__scroller__QIrMA{transition:none}}.oc-Tabs-module__scroller__QIrMA::-webkit-scrollbar{display:none}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeStart__1YF2D){--oc-tabs-internal-edge-fade-start-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeEnd__g9-ts){--oc-tabs-internal-edge-fade-end-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:dir(rtl){-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),transparent 100%)}.oc-Tabs-module__list__6iAKX{--_-tabs-default-list-padding-inline: 0px;position:relative;display:flex;align-items:stretch;margin:0;padding-block:var(--oc-tabs-list-padding-block);padding-inline:var(--oc-tabs-list-padding-inline, var(--_-tabs-default-list-padding-inline));overflow-x:clip;column-gap:var(--oc-tabs-list-gap, calc(var(--oc-tabs-tab-interaction-margin-inline) + var(--oc-tabs-tab-interaction-margin-inline)));inline-size:max-content;min-inline-size:100%}.oc-Tabs-module__list__6iAKX[data-oc-padding=true]{--_-tabs-default-list-padding-inline: var(--oc-space-section-padding-viewport-x)}.oc-Tabs-module__list__6iAKX[data-oc-size=large],.oc-Tabs-module__list__6iAKX[data-oc-size=medium]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-mini)}.oc-Tabs-module__list__6iAKX[data-oc-size=small]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-tiny)}.oc-Tabs-module__list__6iAKX[data-oc-full-width=true]>[data-oc-part=tab]{flex:1 1 0;min-inline-size:0}.oc-Tabs-module__list__6iAKX:has(>[data-oc-part=tab][aria-selected=true][aria-disabled=true])>[data-oc-part=indicator]{background-color:var(--oc-tabs-indicator-disabled-color)}.oc-Tabs-module__tab__LYqhc{position:relative;isolation:isolate;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;margin:0;border:0;background:transparent;padding-block:var(--oc-tabs-tab-padding-block, var(--_-tabs-default-tab-padding-block));padding-inline:0;font:inherit;letter-spacing:inherit;color:var(--oc-tabs-label-color);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__tab__LYqhc{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Tabs-module__tab__LYqhc{--oc-interaction-color: transparent;--oc-interaction-inset-x: calc(0px - var(--oc-tabs-tab-interaction-margin-inline))}.oc-Tabs-module__tab__LYqhc[aria-selected=true]{color:var(--oc-tabs-label-selected-color)}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]{color:var(--oc-tabs-label-disabled-color);cursor:not-allowed}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]>[data-oc-component=interaction]{pointer-events:none}@media(hover:hover){.oc-Tabs-module__tab__LYqhc:hover:not([aria-selected=true],[aria-disabled=true]){color:var(--oc-tabs-label-hover-color)}.oc-Tabs-module__tab__LYqhc:hover:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Tabs-module__tab__LYqhc:active:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=large]){font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=medium]){font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=small]){font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-bold)}.oc-Tabs-module__label__dkYH9{position:relative;z-index:2;overflow:hidden;min-width:0;text-overflow:ellipsis}.oc-Tabs-module__indicator__b8TYY{position:absolute;inset-block-end:var(--oc-tabs-list-padding-block);left:0;z-index:2;inline-size:var(--active-tab-width);block-size:var(--oc-tabs-indicator-block-size);background-color:var(--oc-tabs-indicator-color);border-radius:var(--oc-tabs-indicator-radius);transform:translate(var(--active-tab-left));pointer-events:none;transition:transform calc(.561s * var(--oc-motion-duration-factor) * 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%),inline-size calc(.561s * var(--oc-motion-duration-factor) * 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-Tabs-module__indicator__b8TYY{transition:none;transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__indicator__b8TYY{left:var(--active-tab-left)}}.oc-Tabs-module__trailing__qkYPl{position:relative;z-index:3;display:inline-flex;flex:none;align-items:center}.oc-Tabs-module__panel__0OUR6{min-width:0}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,208 @@
+'use client';
+import { jsxs as _, jsx as m } from "react/jsx-runtime";
+import { useState as O, useMemo as M, useCallback as C, useEffect as P } from "react";
+import { Tabs as v } from "@base-ui-components/react/tabs";
+import { DirectionProvider as z } from "@base-ui-components/react/direction-provider";
+import j from "../Interaction/Interaction.js";
+import { mergeRefs as D } from "../../utils/mergeRefs.js";
+import o from "./Tabs.module.scss.js";
+const h = 1, T = {
+  inlineStart: !1,
+  inlineEnd: !1
+};
+function S(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function H(e, n) {
+  if (!e || !n) return T;
+  const a = e.getBoundingClientRect(), t = n.getBoundingClientRect(), i = t.left < a.left - h, l = t.right > a.right + h;
+  return getComputedStyle(e).direction === "rtl" ? { inlineStart: l, inlineEnd: i } : { inlineStart: i, inlineEnd: l };
+}
+function k(e, n) {
+  return e.inlineStart === n.inlineStart && e.inlineEnd === n.inlineEnd ? e : n;
+}
+function q(e, n) {
+  const a = e.getBoundingClientRect(), t = n.parentElement?.getBoundingClientRect(), i = n.getBoundingClientRect(), l = getComputedStyle(e), s = !!(t && t.left < a.left - h), c = !!(t && t.right > a.right + h), d = s && Number.parseFloat(l.scrollPaddingLeft) || 0, u = c && Number.parseFloat(l.scrollPaddingRight) || 0;
+  let r = 0;
+  i.left < a.left + d ? r = i.left - (a.left + d) : i.right > a.right - u && (r = i.right - (a.right - u)), !(Math.abs(r) <= h) && e.scrollBy({
+    left: r,
+    behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth"
+  });
+}
+function U({
+  children: e,
+  className: n = "",
+  defaultValue: a,
+  dir: t,
+  onValueChange: i,
+  ref: l,
+  value: s,
+  ...c
+}) {
+  const d = C(
+    (r, p) => {
+      typeof r == "string" && i?.(r, p);
+    },
+    [i]
+  ), u = /* @__PURE__ */ m(
+    v.Root,
+    {
+      ...c,
+      ref: l,
+      className: S(o.root, n),
+      value: s,
+      defaultValue: a ?? null,
+      onValueChange: d,
+      dir: t,
+      "data-oc-component": "tabs",
+      children: e
+    }
+  );
+  return t === "ltr" || t === "rtl" ? /* @__PURE__ */ m(z, { direction: t, children: u }) : u;
+}
+function Y(e) {
+  const {
+    activateOnFocus: n = !0,
+    "aria-orientation": a,
+    children: t,
+    className: i = "",
+    fullWidth: l = !1,
+    loopFocus: s = !0,
+    padding: c = !1,
+    ref: d,
+    role: u,
+    size: r = "medium",
+    tabIndex: p,
+    trailing: L,
+    ...E
+  } = e, [f, F] = O(null), [b, A] = O(null), [B, x] = O(T), w = M(
+    () => D(F, d),
+    [d]
+  ), N = C(() => {
+    x(
+      (g) => k(
+        g,
+        H(b, f)
+      )
+    );
+  }, [f, b]), R = C(() => {
+    if (!f || !b) return;
+    const g = f.querySelector("[data-active]");
+    g && q(b, g), N();
+  }, [f, b, N]);
+  return P(() => {
+    if (!f || !b) return;
+    const g = requestAnimationFrame(R), I = typeof MutationObserver > "u" ? void 0 : new MutationObserver(R), y = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(R);
+    return I?.observe(f, {
+      attributes: !0,
+      attributeFilter: ["data-active"],
+      subtree: !0
+    }), y?.observe(b), y?.observe(f), () => {
+      cancelAnimationFrame(g), I?.disconnect(), y?.disconnect();
+    };
+  }, [f, b, R]), /* @__PURE__ */ _("div", { className: o.listFrame, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: A,
+        className: S(
+          o.scroller,
+          B.inlineStart && o.fadeStart,
+          B.inlineEnd && o.fadeEnd
+        ),
+        "data-oc-part": "scroller",
+        onScroll: N,
+        children: /* @__PURE__ */ _(
+          v.List,
+          {
+            ...E,
+            ref: w,
+            className: S(o.list, i),
+            activateOnFocus: n,
+            loopFocus: s,
+            "data-oc-part": "list",
+            "data-oc-size": r,
+            "data-oc-full-width": l ? "true" : "false",
+            "data-oc-padding": c ? "true" : "false",
+            children: [
+              t,
+              /* @__PURE__ */ m(
+                v.Indicator,
+                {
+                  className: o.indicator,
+                  renderBeforeHydration: !0,
+                  "data-oc-part": "indicator"
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    L ? /* @__PURE__ */ m("div", { className: o.trailing, "data-oc-part": "trailing", children: L }) : null
+  ] });
+}
+function Z(e) {
+  const {
+    "aria-controls": n,
+    "aria-disabled": a,
+    "aria-selected": t,
+    children: i,
+    className: l = "",
+    disabled: s = !1,
+    ref: c,
+    role: d,
+    tabIndex: u,
+    value: r,
+    ...p
+  } = e;
+  return /* @__PURE__ */ _(
+    v.Tab,
+    {
+      ...p,
+      ref: c,
+      className: S(o.tab, l),
+      value: r,
+      disabled: s,
+      "data-oc-part": "tab",
+      children: [
+        /* @__PURE__ */ m("span", { className: o.label, "data-oc-part": "label", children: i }),
+        /* @__PURE__ */ m(j, { self: !0 })
+      ]
+    }
+  );
+}
+function $(e) {
+  const {
+    "aria-labelledby": n,
+    children: a,
+    className: t = "",
+    hidden: i,
+    id: l,
+    keepMounted: s = !1,
+    ref: c,
+    role: d,
+    tabIndex: u,
+    value: r,
+    ...p
+  } = e;
+  return /* @__PURE__ */ m(
+    v.Panel,
+    {
+      ...p,
+      ref: c,
+      className: S(o.panel, t),
+      value: r,
+      keepMounted: s,
+      "data-oc-part": "panel",
+      children: a
+    }
+  );
+}
+export {
+  Y as TabsList,
+  $ as TabsPanel,
+  U as TabsRoot,
+  Z as TabsTab,
+  U as default
+};

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

@@ -0,0 +1,27 @@
+import './Tabs.css';const o = "oc-Tabs-module__root__2x4fl", _ = "oc-Tabs-module__listFrame__TrGoN", a = "oc-Tabs-module__scroller__QIrMA", t = "oc-Tabs-module__fadeStart__1YF2D", l = "oc-Tabs-module__fadeEnd__g9-ts", s = "oc-Tabs-module__list__6iAKX", e = "oc-Tabs-module__tab__LYqhc", c = "oc-Tabs-module__label__dkYH9", d = "oc-Tabs-module__indicator__b8TYY", n = "oc-Tabs-module__trailing__qkYPl", r = "oc-Tabs-module__panel__0OUR6", i = {
+  root: o,
+  listFrame: _,
+  scroller: a,
+  fadeStart: t,
+  fadeEnd: l,
+  list: s,
+  tab: e,
+  label: c,
+  indicator: d,
+  trailing: n,
+  panel: r
+};
+export {
+  i as default,
+  l as fadeEnd,
+  t as fadeStart,
+  d as indicator,
+  c as label,
+  s as list,
+  _ as listFrame,
+  r as panel,
+  o as root,
+  a as scroller,
+  e as tab,
+  n as trailing
+};

package/dist/components/Tabs.d.ts

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

package/dist/components/Tabs.js

@@ -0,0 +1,8 @@
+import { TabsList as b, TabsPanel as o, TabsRoot as T, TabsTab as t, TabsRoot as e } from "./Tabs/Tabs.js";
+export {
+  b as TabsList,
+  o as TabsPanel,
+  T as TabsRoot,
+  t as TabsTab,
+  e as default
+};

package/dist/components/TextArea/TextArea.js

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