@onereach/ui-components 26.15.2-beta.6070.0 → 26.15.2

package/dist/esm/{OrCheckbox-B_121oYu.mjs → OrCheckbox-WPBzlvaV.mjs}

@@ -1,15 +1,14 @@
-import { useIdAttribute as V, useControlAttributes as $, useProxyModelValue as B } from "@onereach/ui-components-common/hooks";
-import { isArray as f, isUndefined as b, include as S, exclude as L } from "@onereach/ui-components-common/utils";
-import { O as q, L as A } from "./OrLabel-K7_HgvcK.mjs";
-import { O as E } from "./OrLoader-2SaTMxmZ.mjs";
-import { defineComponent as N, reactive as j, ref as y, computed as d, toRef as z, resolveComponent as h, openBlock as n, createElementBlock as u, normalizeClass as p, mergeProps as P, createVNode as T, createBlock as D, withCtx as v, renderSlot as g, createTextVNode as F, toDisplayString as H, createCommentVNode as I } from "vue";
-import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const R = [
+import { useIdAttribute as g, useControlAttributes as C, useProxyModelValue as V } from "@onereach/ui-components-common/hooks";
+import { isArray as m, isUndefined as c, include as $, exclude as w } from "@onereach/ui-components-common/utils";
+import { O as B, L as O } from "./OrLabel-K7_HgvcK.mjs";
+import { defineComponent as S, reactive as q, ref as k, computed as d, toRef as L, resolveComponent as E, openBlock as b, createElementBlock as A, normalizeClass as N, createElementVNode as P, mergeProps as T, createBlock as j, withCtx as f, renderSlot as h, createTextVNode as z, toDisplayString as D, createCommentVNode as F } from "vue";
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const I = [
   // Layout
   "layout-row",
   // Spacing
   "md:gap-sm"
-], U = [
+], M = [
   // Layout
   "layout-inline-row justify-center",
   // Interactivity
@@ -54,25 +53,15 @@ const R = [
   "interactivity-click",
   // Interactivity (read-only)
   "read-only:interactivity-none"
-], G = [
+], R = [
   // Content (checked / children)
   "after:checked:content-checkbox-checked",
   // Content (indeterminate / children)
   "after:indeterminate:content-checkbox-indeterminate"
-], J = [
-  // Layout
-  "layout-inline-row justify-center",
-  // Shape
-  "rounded-sm",
-  // Box
-  "w-md+ md:w-md",
-  "h-md+ md:h-md",
-  "m-[10px] md:m-none"
-], K = N({
+], U = S({
   name: "OrCheckbox",
   components: {
-    OrLabel: q,
-    OrLoader: E
+    OrLabel: B
   },
   model: {
     prop: "modelValue",
@@ -93,16 +82,12 @@ const R = [
     },
     labelVariant: {
       type: String,
-      default: () => A.Toggle
+      default: () => O.Toggle
     },
     indeterminate: {
       type: Boolean,
       default: !1
     },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
     required: {
       type: Boolean,
       default: !1
@@ -129,75 +114,59 @@ const R = [
     "blur"
   ],
   setup(e, o) {
-    const s = j({
-      id: V(),
-      ...$()
-    }), m = y(), c = d(() => [
+    const l = q({
+      id: g(),
+      ...C()
+    }), i = k(), u = d(() => [
       "or-checkbox-v3",
+      ...I
+    ]), a = k(), n = d(() => [
+      ...M,
       ...R
-    ]), a = y(), l = d(() => [
-      ...U,
-      ...G
-    ]), i = d(() => [
-      ...J
-    ]), r = B(z(e, "modelValue"), o.emit), k = d(() => {
-      if (f(r.value)) {
-        if (b(e.value))
+    ]), r = V(L(e, "modelValue"), o.emit), s = d(() => {
+      if (m(r.value)) {
+        if (c(e.value))
           throw new Error("[OrCheckbox]: `value` must be specified.");
         return r.value.includes(e.value);
       }
       return !!r.value;
     });
-    function C() {
-      if (f(r.value)) {
-        if (b(e.value))
+    function y() {
+      if (m(r.value)) {
+        if (c(e.value))
           throw new Error("[OrCheckbox]: `value` must be specified.");
-        k.value ? r.value = L(e.value, r.value) : r.value = S(e.value, r.value);
+        s.value ? r.value = w(e.value, r.value) : r.value = $(e.value, r.value);
       } else
         r.value = !r.value;
     }
-    function O() {
+    function p() {
       var t;
       (t = a.value) == null || t.focus();
     }
-    function w() {
+    function v() {
       var t;
       (t = a.value) == null || t.blur();
     }
     return {
-      attributes: s,
-      root: m,
-      rootStyles: c,
+      attributes: l,
+      root: i,
+      rootStyles: u,
       control: a,
-      controlStyles: l,
-      loaderStyles: i,
-      checked: k,
-      onChange: C,
-      focus: O,
-      blur: w
+      controlStyles: n,
+      checked: s,
+      onChange: y,
+      focus: p,
+      blur: v
     };
   }
-}), Q = ["checked", ".indeterminate", "required", "disabled", "readonly"];
-function W(e, o, s, m, c, a) {
-  const l = h("OrLoader"), i = h("OrLabel");
-  return n(), u("div", {
+}), G = ["checked", ".indeterminate", "required", "disabled", "readonly"];
+function J(e, o, l, i, u, a) {
+  const n = E("OrLabel");
+  return b(), A("div", {
     ref: "root",
-    class: p(e.rootStyles)
+    class: N(e.rootStyles)
   }, [
-    e.loading ? (n(), u("div", {
-      key: 1,
-      class: p(e.loaderStyles),
-      "aria-busy": "true"
-    }, [
-      T(l, {
-        variant: "circular",
-        color: "primary",
-        size: "s"
-      })
-    ], 2)) : (n(), u("input", P({
-      key: 0,
-      ref: "control"
-    }, e.attributes, {
+    P("input", T({ ref: "control" }, e.attributes, {
       class: e.controlStyles,
       type: "checkbox",
       checked: e.checked,
@@ -211,9 +180,9 @@ function W(e, o, s, m, c, a) {
       onClick: o[1] || (o[1] = (r) => e.$emit("click", r)),
       onFocus: o[2] || (o[2] = (r) => e.$emit("focus", r)),
       onBlur: o[3] || (o[3] = (r) => e.$emit("blur", r))
-    }), null, 16, Q)),
-    e.$slots.default || e.label ? (n(), D(i, {
-      key: 2,
+    }), null, 16, G),
+    e.$slots.default || e.label ? (b(), j(n, {
+      key: 0,
       "control-id": e.attributes.id,
       variant: e.labelVariant,
       selected: e.checked,
@@ -221,20 +190,20 @@ function W(e, o, s, m, c, a) {
       disabled: e.disabled,
       readonly: e.readonly
     }, {
-      addon: v(() => [
-        g(e.$slots, "addon")
+      addon: f(() => [
+        h(e.$slots, "addon")
       ]),
-      default: v(() => [
-        g(e.$slots, "default", {}, () => [
-          F(H(e.label), 1)
+      default: f(() => [
+        h(e.$slots, "default", {}, () => [
+          z(D(e.label), 1)
         ])
       ]),
       _: 3
-    }, 8, ["control-id", "variant", "selected", "required", "disabled", "readonly"])) : I("", !0)
+    }, 8, ["control-id", "variant", "selected", "required", "disabled", "readonly"])) : F("", !0)
   ], 2);
 }
-const re = /* @__PURE__ */ M(K, [["render", W]]);
+const Z = /* @__PURE__ */ H(U, [["render", J]]);
 export {
-  re as O
+  Z as O
 };
-//# sourceMappingURL=OrCheckbox-B_121oYu.mjs.map
+//# sourceMappingURL=OrCheckbox-WPBzlvaV.mjs.map

package/dist/esm/OrCheckbox-WPBzlvaV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrCheckbox-WPBzlvaV.mjs","sources":["../../../components/or-checkbox-v3/src/styles.ts","../../../components/or-checkbox-v3/src/OrCheckbox.vue"],"sourcesContent":["export const Checkbox: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxControl: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-sm leading-[0]',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  'm-[10px] md:m-none',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Theme\n  'appearance-none',\n\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n\n  // Theme (focus)\n  'focus-visible:theme-outline-primary focus-visible:outline-2',\n  'dark:focus-visible:theme-outline-primary-dark',\n\n  // Theme (checked)\n  'checked:theme-preset-1-primary',\n  'dark:checked:theme-preset-1-primary-dark',\n\n  // Theme (indeterminate)\n  'indeterminate:theme-preset-1-primary',\n  'dark:indeterminate:theme-preset-1-primary-dark',\n\n  // Theme (read-only)\n  'read-only:theme-border-outline',\n  'read-only:dark:theme-border-outline-dark',\n\n  'checked:read-only:theme-background-base',\n  'checked:read-only:dark:theme-background-base-dark',\n\n  'checked:read-only:theme-foreground-outline',\n  'checked:read-only:dark:theme-foreground-outline-dark',\n\n  'indeterminate:read-only:theme-background-base',\n  'indeterminate:read-only:dark:theme-background-base-dark',\n\n  'indeterminate:read-only:theme-foreground-outline',\n  'indeterminate:read-only:dark:theme-foreground-outline-dark',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n];\n\nexport const CheckboxControlHandle: string[] = [\n  // Content (checked / children)\n  'after:checked:content-checkbox-checked',\n\n  // Content (indeterminate / children)\n  'after:indeterminate:content-checkbox-indeterminate',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <input\n      :ref=\"'control'\"\n      v-bind=\"attributes\"\n      :class=\"controlStyles\"\n      :type=\"'checkbox'\"\n      :checked=\"checked\"\n      :indeterminate.prop=\"indeterminate\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @change=\"$emit('change', $event); onChange()\"\n      @click=\"$emit('click', $event)\"\n      @focus=\"$emit('focus', $event)\"\n      @blur=\"$emit('blur', $event)\"\n    >\n\n    <template v-if=\"$slots.default || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"labelVariant\"\n        :selected=\"checked\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <slot>{{ label }}</slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, isArray, isUndefined } from '@onereach/ui-components-common/utils';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { CheckboxModelValue, CheckboxValue } from './types';\n\nexport default defineComponent({\n  name: 'OrCheckbox',\n\n  components: {\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<CheckboxModelValue>,\n      default: undefined,\n    },\n\n    value: {\n      type: undefined as unknown as PropType<CheckboxValue>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    labelVariant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Toggle,\n    },\n\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'change',\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-checkbox-v3',\n      ...Styles.Checkbox,\n    ]);\n\n    const control = ref<HTMLElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.CheckboxControl,\n      ...Styles.CheckboxControlHandle,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const checked = computed(() => {\n      if (isArray(model.value)) {\n        if (isUndefined(props.value)) {\n          throw new Error('[OrCheckbox]: `value` must be specified.');\n        }\n\n        return model.value.includes(props.value);\n      }\n\n      return Boolean(model.value);\n    });\n\n    // Handlers\n    function onChange(): void {\n      if (isArray(model.value)) {\n        if (isUndefined(props.value)) {\n          throw new Error('[OrCheckbox]: `value` must be specified.');\n        }\n\n        if (!checked.value) {\n          model.value = include(props.value, model.value);\n        } else {\n          model.value = exclude(props.value, model.value);\n        }\n      } else {\n        model.value = !model.value;\n      }\n    }\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      checked,\n\n      onChange,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n"],"names":["Checkbox","CheckboxControl","CheckboxControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","Styles.Checkbox","control","controlStyles","Styles.CheckboxControl","Styles.CheckboxControlHandle","model","useProxyModelValue","toRef","checked","isArray","isUndefined","onChange","exclude","include","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrCheckboxGroup-Db0mdVfM.mjs → OrCheckboxGroup-C76zxQ10.mjs}

@@ -1,5 +1,5 @@
 import { useProxyModelValue as f, useResponsive as b } from "@onereach/ui-components-common/hooks";
-import { O as y } from "./OrCheckboxTree-Com4vL18.mjs";
+import { O as y } from "./OrCheckboxTree-D5Ejbly0.mjs";
 import { O as g, F as O, a as t } from "./OrFormGroup-CUNdt7UL.mjs";
 import { defineComponent as V, toRef as S, computed as h, resolveComponent as p, openBlock as l, createBlock as i, withCtx as s, renderSlot as k, createElementBlock as C, Fragment as F, renderList as G } from "vue";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -91,4 +91,4 @@ const R = /* @__PURE__ */ M(v, [["render", B]]);
 export {
   R as O
 };
-//# sourceMappingURL=OrCheckboxGroup-Db0mdVfM.mjs.map
+//# sourceMappingURL=OrCheckboxGroup-C76zxQ10.mjs.map

package/dist/esm/{OrCheckboxGroup-Db0mdVfM.mjs.map → OrCheckboxGroup-C76zxQ10.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrCheckboxGroup-Db0mdVfM.mjs","sources":["../../../components/or-checkbox-group-v3/src/OrCheckboxGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :label=\"label\"\n    :error=\"error\"\n    :hint=\"hint\"\n    :disabled=\"disabled\"\n    :direction=\"direction\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n    <OrCheckboxTree\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      v-model=\"proxyModelValue\"\n      :item=\"option\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n      :collapsible=\"option.collapsible\"\n      :expanded=\"option.expanded\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { CheckboxTreeNode, OrCheckboxTreeV3 as OrCheckboxTree } from '@onereach/ui-components.or-checkbox-tree-v3';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { defineComponent, PropType, toRef, computed } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrCheckboxGroup',\n  components: {\n    OrCheckboxTree,\n    OrFormGroup,\n  },\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: '',\n    },\n\n    error: {\n      type: String,\n      default: '',\n    },\n\n    hint: {\n      type: String,\n      default: '',\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    options: {\n      type: Array as PropType<CheckboxTreeNode[]>,\n      default: () => [],\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props, context) {\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n\n</script>\n"],"names":["_sfc_main","defineComponent","OrCheckboxTree","OrFormGroup","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrCheckboxTree","_cache","$event"],"mappings":";;;;;AAgCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7E,EAAE,UAAAI,MAAaC,KAEfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AAEnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qCAnGCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,OAAMC,EAAA;AAAA,IACN,OAAUA,EAAA;AAAA,IACV,MAAWA,EAAA;AAAA,IACX,UAASA,EAAA;AAAA,IAAA,WAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAIKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAYL,EAAA;AAAA,QACZ,uBAAkBO,EAAI,CAAA,MAAOA,EAAQ,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACrC,MAAAH;AAAA,QACA,UAAAL,EAAa,YAAOK,EAAW;AAAA,QAC/B,UAAUL,EAAe,YAAAK,EAAA;AAAA,QAAA,aAAAA,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrCheckboxGroup-C76zxQ10.mjs","sources":["../../../components/or-checkbox-group-v3/src/OrCheckboxGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :label=\"label\"\n    :error=\"error\"\n    :hint=\"hint\"\n    :disabled=\"disabled\"\n    :direction=\"direction\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n    <OrCheckboxTree\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      v-model=\"proxyModelValue\"\n      :item=\"option\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n      :collapsible=\"option.collapsible\"\n      :expanded=\"option.expanded\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { CheckboxTreeNode, OrCheckboxTreeV3 as OrCheckboxTree } from '@onereach/ui-components.or-checkbox-tree-v3';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { defineComponent, PropType, toRef, computed } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrCheckboxGroup',\n  components: {\n    OrCheckboxTree,\n    OrFormGroup,\n  },\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: '',\n    },\n\n    error: {\n      type: String,\n      default: '',\n    },\n\n    hint: {\n      type: String,\n      default: '',\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    options: {\n      type: Array as PropType<CheckboxTreeNode[]>,\n      default: () => [],\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props, context) {\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n\n</script>\n"],"names":["_sfc_main","defineComponent","OrCheckboxTree","OrFormGroup","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrCheckboxTree","_cache","$event"],"mappings":";;;;;AAgCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7E,EAAE,UAAAI,MAAaC,KAEfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AAEnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qCAnGCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,OAAMC,EAAA;AAAA,IACN,OAAUA,EAAA;AAAA,IACV,MAAWA,EAAA;AAAA,IACX,UAASA,EAAA;AAAA,IAAA,WAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAIKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAYL,EAAA;AAAA,QACZ,uBAAkBO,EAAI,CAAA,MAAOA,EAAQ,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACrC,MAAAH;AAAA,QACA,UAAAL,EAAa,YAAOK,EAAW;AAAA,QAC/B,UAAUL,EAAe,YAAAK,EAAA;AAAA,QAAA,aAAAA,EAAA;AAAA;;;;;;;"}

package/dist/esm/OrCheckboxTree-D5Ejbly0.mjs

@@ -0,0 +1,197 @@
+import { useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
+import { O as N } from "./OrButton-ZxDr22t7.mjs";
+import { O as x } from "./OrCheckbox-WPBzlvaV.mjs";
+import { O as R } from "./OrIcon-k8cyvh-D.mjs";
+import { useToggle as z } from "@vueuse/core";
+import { defineComponent as D, toRefs as E, computed as t, watch as U, resolveComponent as b, openBlock as d, createElementBlock as c, normalizeClass as u, Fragment as T, createElementVNode as j, createBlock as C, withCtx as f, createVNode as $, createCommentVNode as I, renderSlot as O, createTextVNode as V, toDisplayString as h, renderList as q } from "vue";
+import { flattenDeep as F } from "@onereach/ui-components-common/utils";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const H = [
+  // Layout
+  "flex",
+  "flex-col",
+  // Spacing
+  "md:gap-sm"
+], J = [
+  // Layout
+  "flex",
+  "flex-row",
+  "gap-xs"
+], w = (e) => e == null ? void 0 : e.map((o) => {
+  if (!o.disabled)
+    return o.children ? w(o.children) : o.value;
+});
+function K(e) {
+  return F(w(e)).filter(Boolean);
+}
+const Q = D({
+  name: "OrCheckboxTree",
+  components: {
+    OrIcon: R,
+    OrCheckbox: x,
+    OrButton: N
+  },
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    item: {
+      type: Object,
+      required: !0
+    },
+    collapsible: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    expanded: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(e, o) {
+    const { modelValue: g, item: B, expanded: v } = E(e), y = t(() => B.value.children || []), m = t(() => y.value.length > 0), n = t(() => m.value ? K(y.value) : []), a = A(g, o.emit), p = t(() => {
+      var r;
+      return (r = a.value) == null ? void 0 : r.some((k) => {
+        var i;
+        return (i = n.value) == null ? void 0 : i.includes(k);
+      });
+    }), l = t(() => {
+      var r;
+      return n.value.length > 0 && ((r = n.value) == null ? void 0 : r.every((k) => {
+        var i;
+        return (i = a.value) == null ? void 0 : i.includes(k);
+      }));
+    }), s = t(() => p.value && !l.value), [M, S] = z(v.value);
+    U(v, (r) => {
+      r !== void 0 && S(r);
+    });
+    const L = t(() => [
+      "or-checkbox-tree-v3",
+      ...H
+    ]), P = t(() => [
+      ...J
+    ]);
+    return {
+      rootStyles: L,
+      parentStyles: P,
+      hasChildren: m,
+      proxyModelValue: a,
+      isOpen: M,
+      setIsOpen: S,
+      isIntermediate: s,
+      isAllChildrenSelected: l,
+      isAnyChildrenSelected: p,
+      childrenValues: n,
+      handleParentClick: () => {
+        l.value ? a.value = a.value.filter((r) => !n.value.includes(r)) : a.value = [
+          .../* @__PURE__ */ new Set([
+            ...a.value,
+            ...n.value
+          ])
+        ];
+      }
+    };
+  }
+});
+function W(e, o, g, B, v, y) {
+  const m = b("OrIcon"), n = b("OrButton"), a = b("OrCheckbox"), p = b("OrCheckboxTree", !0);
+  return d(), c("div", {
+    ref: "root",
+    class: u(e.rootStyles)
+  }, [
+    e.hasChildren ? (d(), c(T, { key: 0 }, [
+      j("div", {
+        class: u(e.parentStyles)
+      }, [
+        e.collapsible ? (d(), C(n, {
+          key: 0,
+          variant: "link",
+          disabled: e.disabled,
+          onClick: o[0] || (o[0] = (l) => e.setIsOpen(!e.isOpen))
+        }, {
+          default: f(() => [
+            $(m, {
+              class: u([e.isOpen ? "rotate-[180deg]" : "rotate-0"]),
+              icon: "arrow_drop_down",
+              size: "l"
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : I("", !0),
+        $(a, {
+          "model-value": e.isAllChildrenSelected,
+          value: !0,
+          indeterminate: e.isIntermediate,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          onClick: e.handleParentClick
+        }, {
+          default: f(() => [
+            O(e.$slots, "checkboxLabel", { item: e.item }, () => [
+              V(h(e.item.label), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["model-value", "indeterminate", "disabled", "readonly", "onClick"])
+      ], 2),
+      e.hasChildren && e.isOpen ? (d(), c("div", {
+        key: 0,
+        class: u([e.collapsible ? "ml-2xl" : "ml-lg"])
+      }, [
+        (d(!0), c(T, null, q(e.item.children, (l) => (d(), C(p, {
+          key: l.value || l.label,
+          modelValue: e.proxyModelValue,
+          "onUpdate:modelValue": o[1] || (o[1] = (s) => e.proxyModelValue = s),
+          class: u(["mt-xs"]),
+          item: l,
+          collapsible: l.collapsible,
+          expanded: l.expanded,
+          disabled: e.disabled || l.disabled,
+          readonly: e.readonly || l.readonly
+        }, {
+          checkboxLabel: f(({ item: s }) => [
+            O(e.$slots, "checkboxLabel", { item: s }, () => [
+              V(h(s.label), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["modelValue", "item", "collapsible", "expanded", "disabled", "readonly"]))), 128))
+      ], 2)) : I("", !0)
+    ], 64)) : (d(), C(a, {
+      key: 1,
+      modelValue: e.proxyModelValue,
+      "onUpdate:modelValue": o[2] || (o[2] = (l) => e.proxyModelValue = l),
+      value: e.item.value,
+      disabled: e.disabled || e.item.disabled,
+      readonly: e.readonly || e.item.readonly
+    }, {
+      default: f(() => [
+        O(e.$slots, "checkboxLabel", { item: e.item }, () => [
+          V(h(e.item.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "value", "disabled", "readonly"]))
+  ], 2);
+}
+const ne = /* @__PURE__ */ G(Q, [["render", W]]);
+export {
+  ne as O
+};
+//# sourceMappingURL=OrCheckboxTree-D5Ejbly0.mjs.map

package/dist/esm/OrCheckboxTree-D5Ejbly0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrCheckboxTree-D5Ejbly0.mjs","sources":["../../../components/or-checkbox-tree-v3/src/styles.ts","../../../components/or-checkbox-tree-v3/src/utils/extractChildrenValues.ts","../../../components/or-checkbox-tree-v3/src/OrCheckboxTree.vue"],"sourcesContent":["export const CheckboxTreeRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxTreeRootParent: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n  'gap-xs',\n];\n","import { flattenDeep } from '@onereach/ui-components-common/utils';\n\nimport { CheckboxTreeNode } from '../types';\n\nconst getChildValues = (children?: CheckboxTreeNode[]): any[] | undefined => {\n  return children?.map((child) => {\n    if (child.disabled) {\n      return undefined;\n    }\n    if (child.children) {\n      return getChildValues(child.children);\n    } else {\n      return child.value;\n    }\n  });\n};\nexport function extractChildrenValues(children: CheckboxTreeNode[]): any[] {\n  return flattenDeep(getChildValues(children)).filter(Boolean);\n}\n\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"hasChildren\">\n      <div :class=\"parentStyles\">\n        <template v-if=\"collapsible\">\n          <OrButton\n            :variant=\"'link'\"\n            :disabled=\"disabled\"\n            @click=\"setIsOpen(!isOpen)\"\n          >\n            <OrIcon\n              :class=\"[isOpen ? 'rotate-[180deg]': 'rotate-0']\"\n              :icon=\"'arrow_drop_down'\"\n              :size=\"'l'\"\n            />\n          </OrButton>\n        </template>\n\n        <OrCheckbox\n          :model-value=\"isAllChildrenSelected\"\n          :value=\"true\"\n          :indeterminate=\"isIntermediate\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @click=\"handleParentClick\"\n        >\n          <slot\n            name=\"checkboxLabel\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </OrCheckbox>\n      </div>\n\n      <div\n        v-if=\"hasChildren && isOpen\"\n        :class=\"[collapsible ? 'ml-2xl' : 'ml-lg']\"\n      >\n        <OrCheckboxTree\n          v-for=\"child in item.children\"\n          :key=\"child.value || child.label\"\n          v-model=\"proxyModelValue\"\n          :class=\"['mt-xs']\"\n          :item=\"child\"\n          :collapsible=\"child.collapsible\"\n          :expanded=\"child.expanded\"\n          :disabled=\"disabled || child.disabled\"\n          :readonly=\"readonly || child.readonly\"\n        >\n          <template v-slot:checkboxLabel=\"{ item }\">\n            <slot\n              name=\"checkboxLabel\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </template>\n        </OrCheckboxTree>\n      </div>\n    </template>\n\n    <template v-else>\n      <OrCheckbox\n        v-model=\"proxyModelValue\"\n        :value=\"item.value\"\n        :disabled=\"disabled || item.disabled\"\n        :readonly=\"readonly || item.readonly\"\n      >\n        <slot\n          name=\"checkboxLabel\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrCheckbox>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrCheckboxV3 as OrCheckbox } from '@onereach/ui-components.or-checkbox-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { useToggle } from '@vueuse/core';\nimport { PropType, computed, defineComponent, toRefs, watch } from 'vue';\n\nimport { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles';\nimport { CheckboxTreeNode } from './types';\nimport { extractChildrenValues } from './utils/extractChildrenValues';\n\nexport default defineComponent({\n  name: 'OrCheckboxTree',\n\n  components: {\n    OrIcon,\n    OrCheckbox,\n    OrButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    item: {\n      type: Object as PropType<CheckboxTreeNode>,\n      required: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    expanded: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const { modelValue, item, expanded } = toRefs(props);\n    const children = computed(() => item.value.children || []);\n    const hasChildren = computed(() => children.value.length > 0);\n\n    const childrenValues = computed(() => {\n      return hasChildren.value ? extractChildrenValues(children.value) : [];\n    });\n\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n\n    const isAnyChildrenSelected = computed(() => {\n      return proxyModelValue.value?.some((value: any) => childrenValues.value?.includes(value));\n    });\n\n    const isAllChildrenSelected = computed(() => {\n      return childrenValues.value.length > 0 && childrenValues.value?.every((value) => proxyModelValue.value?.includes(value));\n    });\n\n    const isIntermediate = computed(() => {\n      return isAnyChildrenSelected.value && !isAllChildrenSelected.value;\n    });\n\n    const [isOpen, setIsOpen] = useToggle(expanded.value);\n\n    watch(expanded, (value) => {\n      if (value !== undefined) {\n        setIsOpen(value);\n      }\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-checkbox-tree-v3',\n      ...CheckboxTreeRoot,\n    ]);\n\n    // Styles\n    const parentStyles = computed(() => [\n      ...CheckboxTreeRootParent,\n    ]);\n\n    // Methods\n    const handleParentClick = () => {\n      if (isAllChildrenSelected.value) {\n        proxyModelValue.value = proxyModelValue.value.filter((value: any) => !childrenValues.value.includes(value));\n      } else {\n        proxyModelValue.value = [\n          ...new Set([\n            ...proxyModelValue.value,\n            ...childrenValues.value,\n          ]),\n        ];\n      }\n    };\n\n    return {\n      rootStyles,\n      parentStyles,\n      hasChildren,\n      proxyModelValue,\n      isOpen,\n      setIsOpen,\n      isIntermediate,\n      isAllChildrenSelected,\n      isAnyChildrenSelected,\n      childrenValues,\n      handleParentClick,\n    };\n  },\n});\n</script>\n"],"names":["CheckboxTreeRoot","CheckboxTreeRootParent","getChildValues","children","child","extractChildrenValues","flattenDeep","_sfc_main","defineComponent","OrIcon","OrCheckbox","OrButton","props","context","modelValue","item","expanded","toRefs","computed","hasChildren","childrenValues","proxyModelValue","useProxyModelValue","isAnyChildrenSelected","_a","value","isAllChildrenSelected","isIntermediate","isOpen","setIsOpen","useToggle","watch","rootStyles","parentStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_createElementVNode","_createBlock","_component_OrButton","_cache","$event","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_component_OrCheckbox","_renderList","_component_OrCheckboxTree","_renderSlot"],"mappings":";;;;;;;;AAAO,MAAMA,IAA6B;AAAA;AAAA,EAExC;AAAA,EACA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAmC;AAAA;AAAA,EAE9C;AAAA,EACA;AAAA,EACA;AACF,GCVMC,IAAiB,CAACC,MACfA,KAAA,gBAAAA,EAAU,IAAI,CAACC,MAAU;AAC9B,MAAI,CAAAA,EAAM;AAGV,WAAIA,EAAM,WACDF,EAAeE,EAAM,QAAQ,IAE7BA,EAAM;AACf;AAGG,SAASC,EAAsBF,GAAqC;AACzE,SAAOG,EAAYJ,EAAeC,CAAQ,CAAC,EAAE,OAAO,OAAO;AAC7D;AC6EA,MAAAI,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM,EAAE,YAAAC,GAAY,MAAAC,GAAM,UAAAC,EAAS,IAAIC,EAAOL,CAAK,GAC7CT,IAAWe,EAAS,MAAMH,EAAK,MAAM,YAAY,CAAA,CAAE,GACnDI,IAAcD,EAAS,MAAMf,EAAS,MAAM,SAAS,CAAC,GAEtDiB,IAAiBF,EAAS,MACvBC,EAAY,QAAQd,EAAsBF,EAAS,KAAK,IAAI,EACpE,GAEKkB,IAAkBC,EAAmBR,GAAYD,EAAQ,IAAI,GAE7DU,IAAwBL,EAAS,MAAM;;AACpC,cAAAM,IAAAH,EAAgB,UAAhB,gBAAAG,EAAuB,KAAK,CAACC;;AAAe,gBAAAD,IAAAJ,EAAe,UAAf,gBAAAI,EAAsB,SAASC;AAAA;AAAA,IAAM,CACzF,GAEKC,IAAwBR,EAAS,MAAM;;AAC3C,aAAOE,EAAe,MAAM,SAAS,OAAKI,IAAAJ,EAAe,UAAf,gBAAAI,EAAsB,MAAM,CAACC,MAAU;;AAAA,gBAAAD,IAAAH,EAAgB,UAAhB,gBAAAG,EAAuB,SAASC;AAAA;AAAA,IAAM,CACxH,GAEKE,IAAiBT,EAAS,MACvBK,EAAsB,SAAS,CAACG,EAAsB,KAC9D,GAEK,CAACE,GAAQC,CAAS,IAAIC,EAAUd,EAAS,KAAK;AAE9C,IAAAe,EAAAf,GAAU,CAACS,MAAU;AACzB,MAAIA,MAAU,UACZI,EAAUJ,CAAK;AAAA,IACjB,CACD;AAGK,UAAAO,IAAad,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGlB;AAAA,IAAA,CACJ,GAGKiC,IAAef,EAAS,MAAM;AAAA,MAClC,GAAGjB;AAAA,IAAA,CACJ;AAgBM,WAAA;AAAA,MACL,YAAA+B;AAAA,MACA,cAAAC;AAAA,MACA,aAAAd;AAAA,MACA,iBAAAE;AAAA,MACA,QAAAO;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAF;AAAA,MACA,uBAAAD;AAAA,MACA,uBAAAH;AAAA,MACA,gBAAAH;AAAA,MACA,mBAxBwB,MAAM;AAC9B,QAAIM,EAAsB,QACRL,EAAA,QAAQA,EAAgB,MAAM,OAAO,CAACI,MAAe,CAACL,EAAe,MAAM,SAASK,CAAK,CAAC,IAE1GJ,EAAgB,QAAQ;AAAA,UACtB,uBAAO,IAAI;AAAA,YACT,GAAGA,EAAgB;AAAA,YACnB,GAAGD,EAAe;AAAA,UAAA,CACnB;AAAA,QAAA;AAAA,MAEL;AAAA,IAcA;AAAA,EAEJ;AACF,CAAC;;qEAvNCc,EA+EM,kBAAA,EAAA;SA7EEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAWC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,IACzBA,EAAA,eAAAH,OAAaI,GAAY,EAAA,KAAA,KAAA;AAAA,MAAAC,EAAA,OAAA;AAAA,eACPH,EAAWC,EAAA,YAAA;AAAA,MAAA,GAAA;AAAA,8BAEPG,EAAAC,GAAA;AAAA,UACf,KAAA;AAAA,UACA,SAAK;AAAA,UAAA,UAAAJ,EAAA;AAAA,UAMJ,SAAAK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAN,EAAA,UAAA,CAAAA,EAAA,MAAA;AAAA,QAAA,GAAA;AAAA,UAHM,SAAAO,EAAA,MAAA;AAAA,YAAAC,EACCC,GAAiB;AAAA,cACvB,OAAMV,EAAG,CAAAC,EAAA,SAAA,oBAAA,UAAA,CAAA;AAAA,cAAA,MAAA;AAAA;;;;QAKhB,GAAA,GAAA,CAAA,UAca,MAbVU,EAAa,IAAA,EAAA;AAAA,QACFF,EAAAG,GAAA;AAAA,UACX,eAAeX,EAAA;AAAA,UACf,OAAA;AAAA,UACA,eAAUA,EAAA;AAAA,UACV,UAAOA,EAAA;AAAA,UAAA,UAAAA,EAAA;AAAA;;;;;;;;QAYJ,GAAA,GAAA,CAAA,eAAe,iBAAM,YAAA,YAAA,SAAA,CAAA;AAAA,MAAA,GAAA,CAAA;AAAA,MACrBA,EAAA,eAAAA,EAAA,UAAAH,EAAA,GAAAC,EAAG,OAAW;AAAA,QAAA,KAAA;AAAA,iBAEpB,CAmBiBE,EAAA,cAAA,WAAA,OAAA,CAAA;AAAA,MAAA,GAAA;AAAA,SAjBTH,EAAA,EAAM,GAAoBC,EAAAG,GAAA,MAAAW,EAAAZ,EAAA,KAAA,UAAA,CAAAlC,YACRqC,EAAAU,GAAA;AAAA,UAAA,KAAA/C,EAAA,SAAAA,EAAA;AAAA,UACvB,YAAKkC,EAAA;AAAA,UACL,uBAAWK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAN,EAAA,kBAAAM;AAAA,UACX,SAAmB,CAAW,OAAA,CAAA;AAAA,UAC9B,MAAAxC;AAAA,UACA,aAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UAAA,UAAAkC,EAAA,YAAAlC,EAAA;AAAA,UAEM,UAAAkC,EAAa,YAAIlC,EAAI;AAAA,QAAA,GAAA;AAAA,UAK/B,eAAAyC,EAAA,CAAA,EAAA,MAAA9B,QAAA;AAAA,YAAAqC,EAAAd,EAAA,QAAA,iBAAA,EAAA,MAAAvB,EAAA,GAAA,MAAA;AAAA;;;;;iBAQX,IAYa,EAAA;AAAA,IAAA,GAAA,EAAA,MAAAoB,KAXFM,EAAeQ,GAAA;AAAA,MAAA,KAAA;AAAA,MACvB,YAAOX,EAAK;AAAA,MACZ,uBAAkBK,EAAI,CAAA,MAAKA,EAAQ,CAAA,IAAA,CAAAC,MAAAN,EAAA,kBAAAM;AAAA,MACnC,OAAUN,EAAA,KAAA;AAAA,MAAA,UAAAA,EAAA,YAAAA,EAAA,KAAA;AAAA,MAOJ,UAAAA,EAAA,YAAAA,EAAA,KAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;;;;"}

package/dist/esm/{OrDataGrid-BJiaRanm.mjs → OrDataGrid-DxOxl9Wd.mjs}

@@ -1,5 +1,5 @@
 import { flatten as Se } from "@onereach/ui-components-common/helpers";
-import { O as fe } from "./OrCheckbox-B_121oYu.mjs";
+import { O as fe } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as Ce } from "./OrIconButton-D1pxfMA_.mjs";
 import { O as Te } from "./OrPagination-DRBRRL2g.mjs";
 import { O as Ge } from "./OrSearch-Csld1hBq.mjs";
@@ -13,7 +13,7 @@ import "./OrDateTimePicker.vue_vue_type_script_lang-8aFx3wpJ.mjs";
 import "@onereach/ui-components-common/types";
 import { O as Pe } from "./OrInput-CzRxZM3i.mjs";
 import { O as Ne } from "./OrRating-CAwz23JA.mjs";
-import { O as Ue } from "./OrSelect-DBhNKmRX.mjs";
+import { O as Ue } from "./OrSelect-2NJLacxt.mjs";
 import { O as Ae } from "./OrSwitch-BtoXDsZx.mjs";
 import { O as Le } from "./OrTagInput-DIMSvMNK.mjs";
 import { O as qe } from "./OrTimePicker-C_pYA5Yn.mjs";
@@ -1944,4 +1944,4 @@ export {
   ca as q,
   ha as r
 };
-//# sourceMappingURL=OrDataGrid-BJiaRanm.mjs.map
+//# sourceMappingURL=OrDataGrid-DxOxl9Wd.mjs.map