reka-ui 2.8.2 → 2.9.1

package/dist/Checkbox/CheckboxRoot.cjs

@@ -5,8 +5,8 @@ const require_shared_isValueEqualOrExist = require('../shared/isValueEqualOrExis
 const require_shared_useFormControl = require('../shared/useFormControl.cjs');
 const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
 const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const require_RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const require_VisuallyHidden_VisuallyHiddenInput = require('../VisuallyHidden/VisuallyHiddenInput.cjs');
+const require_RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const require_Checkbox_CheckboxGroupRoot = require('./CheckboxGroupRoot.cjs');
 const require_Checkbox_utils = require('./utils.cjs');
 const vue = require_rolldown_runtime.__toESM(require("vue"));
@@ -20,15 +20,11 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	__name: "CheckboxRoot",
 	props: {
 		defaultValue: {
-			type: [Boolean, String],
+			type: null,
 			required: false
 		},
 		modelValue: {
-			type: [
-				Boolean,
-				String,
-				null
-			],
+			type: null,
 			required: false,
 			default: void 0
 		},
@@ -45,6 +41,16 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 			type: String,
 			required: false
 		},
+		trueValue: {
+			type: null,
+			required: false,
+			default: () => true
+		},
+		falseValue: {
+			type: null,
+			required: false,
+			default: () => false
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -70,13 +76,17 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
 		const checkboxGroupContext = require_Checkbox_CheckboxGroupRoot.injectCheckboxGroupRootContext(null);
 		const modelValue = (0, __vueuse_core.useVModel)(props, "modelValue", emits, {
-			defaultValue: props.defaultValue,
+			defaultValue: props.defaultValue ?? props.falseValue,
 			passive: props.modelValue === void 0
 		});
 		const disabled = (0, vue.computed)(() => checkboxGroupContext?.disabled.value || props.disabled);
+		const isChecked = (0, vue.computed)(() => (0, ohash.isEqual)(modelValue.value, props.trueValue));
 		const checkboxState = (0, vue.computed)(() => {
 			if (!require_shared_nullish.isNullish(checkboxGroupContext?.modelValue.value)) return require_shared_isValueEqualOrExist.isValueEqualOrExist(checkboxGroupContext.modelValue.value, props.value);
-			else return modelValue.value === "indeterminate" ? "indeterminate" : modelValue.value;
+			else {
+				if (modelValue.value === "indeterminate") return "indeterminate";
+				return isChecked.value;
+			}
 		});
 		function handleClick() {
 			if (!require_shared_nullish.isNullish(checkboxGroupContext?.modelValue.value)) {
@@ -86,7 +96,8 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					modelValueArray.splice(index, 1);
 				} else modelValueArray.push(props.value);
 				checkboxGroupContext.modelValue.value = modelValueArray;
-			} else modelValue.value = require_Checkbox_utils.isIndeterminate(modelValue.value) ? true : !modelValue.value;
+			} else if (modelValue.value === "indeterminate") modelValue.value = props.trueValue;
+			else modelValue.value = isChecked.value ? props.falseValue : props.trueValue;
 		}
 		const isFormControl = require_shared_useFormControl.useFormControl(currentElement);
 		const ariaLabel = (0, vue.computed)(() => props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0);

package/dist/Checkbox/CheckboxRoot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxRoot.cjs","names":["$attrs","id","asChild","as","required","name","value"],"sources":["../../src/Checkbox/CheckboxRoot.vue","../../src/Checkbox/CheckboxRoot.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;AAmCA,MAAa,CAAC,2BAA2B,2BAA0B,GAC/D,2CAAmC,eAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAerD,MAAM,QAAQ;EAKd,MAAM,QAAQ;EAWd,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EAExD,MAAM,uBAAuB,kEAA+B,KAAI;EAEhE,MAAM,aAAa,6BAAU,OAAO,cAAc,OAAO;GACvD,cAAc,MAAM;GACpB,SAAU,MAAM;EACjB,EAAC;EAEF,MAAM,WAAW,kBAAS,MAAM,sBAAsB,SAAS,SAAS,MAAM,SAAQ;EAEtF,MAAM,gBAAgB,kBAAuB,MAAM;AACjD,QAAK,iCAAU,sBAAsB,WAAW,MAAM,CACpD,QAAO,uDAAoB,qBAAqB,WAAW,OAAO,MAAM,MAAK;OAG7E,QAAO,WAAW,UAAU,kBAAkB,kBAAkB,WAAW;EAE9E,EAAA;EAED,SAAS,cAAc;AACrB,QAAK,iCAAU,sBAAsB,WAAW,MAAM,EAAE;IACtD,MAAM,kBAAkB,CAAC,GAAI,qBAAqB,WAAW,SAAS,CAAE,CAAC;AACzE,QAAI,uDAAoB,iBAAiB,MAAM,MAAM,EAAE;KACrD,MAAM,QAAQ,gBAAgB,UAAU,OAAK,mBAAQ,GAAG,MAAM,MAAM,CAAA;AACpE,qBAAgB,OAAO,OAAO,EAAC;IACjC,MAEE,iBAAgB,KAAK,MAAM,MAAK;AAElC,yBAAqB,WAAW,QAAQ;GAC1C,MAEE,YAAW,QAAQ,uCAAgB,WAAW,MAAM,GAAG,QAAQ,WAAW;EAE9E;EAEA,MAAM,gBAAgB,6CAAe,eAAc;EACnD,MAAM,YAAY,kBAAS,MAAM,MAAM,MAAM,eAAe,QACvD,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,EAAuB,mBAC5D;AAEb,6BAA2B;GACzB;GACA,OAAO;EACR,EAAA;;gCAIC,qBAmCY,iCAjCL,eAAA,qBAAoB,EAAE,YAAY,QAAQ,eAAA,4DAAe,GAAG,eAAA,sCAAS,CAAA,EAF5E,oBACUA,KAkCE,QAlCI;IAEb,IAAIC,KAAAA;IACJ,KAAK,eAAA,WAAU;IAChB,MAAK;IACJ,YAAUC,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAMA,KAAAA,OAAE,WAAA;IACR,gBAAc,eAAA,uCAAe,CAAC,cAAA,MAAa,GAAA,UAAc,cAAA;IACzD,iBAAeC,KAAAA;IACf,cAAYJ,KAAAA,OAAM,iBAAkB,UAAA;IACpC,cAAY,eAAA,gCAAQ,CAAC,cAAA,MAAa;IAClC,iBAAe,SAAA,QAAQ;IACvB,UAAU,SAAA;IACV,WAAW,eAAA,qBAAoB,EAAE,YAAY,SAAS,SAAA;IACtD,WAAO,kBAAA,uBAAgB,MAAA,CAEvB,GAAA,CAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA;IACA,SAAO;;8BAER,MAGE,CAHF,oBAGE,KAAA,QAAA,WAAA;KAFC,YAAa,eAAA,WAAU;KACvB,OAAO,cAAA;QAIF,eAAA,cAAa,IAAIK,KAAAA,SAAS,eAAA,qBAAoB,0BADtD,qBAQE,eAAA,uEAAA,EAAA;;KANA,MAAK;KACJ,WAAW,cAAA;KACX,MAAMA,KAAAA;KACN,OAAOC,KAAAA;KACP,UAAU,SAAA;KACV,UAAUF,KAAAA"}
+{"version":3,"file":"CheckboxRoot.cjs","names":["$attrs","id","asChild","as","required","name","value"],"sources":["../../src/Checkbox/CheckboxRoot.vue","../../src/Checkbox/CheckboxRoot.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;AA2CA,MAAa,CAAC,2BAA2B,2BAA0B,GAC/D,2CAAmC,eAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAerD,MAAM,QAAQ;EAOd,MAAM,QAAQ;EAWd,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EAExD,MAAM,uBAAuB,kEAA+B,KAAI;EAEhE,MAAM,aAAa,6BAAU,OAAc,cAAc,OAAc;GACrE,cAAc,MAAM,gBAAgB,MAAM;GAC1C,SAAU,MAAM;EACjB,EAAC;EAEF,MAAM,WAAW,kBAAS,MAAM,sBAAsB,SAAS,SAAS,MAAM,SAAQ;EAEtF,MAAM,YAAY,kBAAS,MAAM,mBAAQ,WAAW,OAAO,MAAM,UAAU,CAAA;EAE3E,MAAM,gBAAgB,kBAAuB,MAAM;AACjD,QAAK,iCAAU,sBAAsB,WAAW,MAAM,CACpD,QAAO,uDAAoB,qBAAqB,WAAW,OAAO,MAAM,MAAK;QAE1E;AACH,QAAI,WAAW,UAAU,gBACvB,QAAO;AACT,WAAO,UAAU;GACnB;EACD,EAAA;EAED,SAAS,cAAc;AACrB,QAAK,iCAAU,sBAAsB,WAAW,MAAM,EAAE;IACtD,MAAM,kBAAkB,CAAC,GAAI,qBAAqB,WAAW,SAAS,CAAE,CAAC;AACzE,QAAI,uDAAoB,iBAAiB,MAAM,MAAM,EAAE;KACrD,MAAM,QAAQ,gBAAgB,UAAU,OAAK,mBAAQ,GAAG,MAAM,MAAM,CAAA;AACpE,qBAAgB,OAAO,OAAO,EAAC;IACjC,MAEE,iBAAgB,KAAK,MAAM,MAAK;AAElC,yBAAqB,WAAW,QAAQ;GAC1C,WAEM,WAAW,UAAU,gBACvB,YAAW,QAAQ,MAAM;OAGzB,YAAW,QAAQ,UAAU,QAAQ,MAAM,aAAkB,MAAM;EAGzE;EAEA,MAAM,gBAAgB,6CAAe,eAAc;EACnD,MAAM,YAAY,kBAAS,MAAM,MAAM,MAAM,eAAe,QACvD,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,EAAuB,mBAC5D;AAEb,6BAA2B;GACzB;GACA,OAAO;EACR,EAAA;;gCAIC,qBAmCY,iCAjCL,eAAA,qBAAoB,EAAE,YAAY,QAAQ,eAAA,4DAAe,GAAG,eAAA,sCAAS,CAAA,EAF5E,oBACUA,KAkCE,QAlCI;IAEb,IAAIC,KAAAA;IACJ,KAAK,eAAA,WAAU;IAChB,MAAK;IACJ,YAAUC,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAMA,KAAAA,OAAE,WAAA;IACR,gBAAc,eAAA,uCAAe,CAAC,cAAA,MAAa,GAAA,UAAc,cAAA;IACzD,iBAAeC,KAAAA;IACf,cAAYJ,KAAAA,OAAM,iBAAkB,UAAA;IACpC,cAAY,eAAA,gCAAQ,CAAC,cAAA,MAAa;IAClC,iBAAe,SAAA,QAAQ;IACvB,UAAU,SAAA;IACV,WAAW,eAAA,qBAAoB,EAAE,YAAY,SAAS,SAAA;IACtD,WAAO,kBAAA,uBAAgB,MAAA,CAEvB,GAAA,CAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA;IACA,SAAO;;8BAER,MAGE,CAHF,oBAGE,KAAA,QAAA,WAAA;KAFC,YAAa,eAAA,WAAU;KACvB,OAAO,cAAA;QAIF,eAAA,cAAa,IAAIK,KAAAA,SAAS,eAAA,qBAAoB,0BADtD,qBAQE,eAAA,uEAAA,EAAA;;KANA,MAAK;KACJ,WAAW,cAAA;KACX,MAAMA,KAAAA;KACN,OAAOC,KAAAA;KACP,UAAU,SAAA;KACV,UAAUF,KAAAA"}

package/dist/Checkbox/CheckboxRoot.js

@@ -4,8 +4,8 @@ import { isValueEqualOrExist } from "../shared/isValueEqualOrExist.js";
 import { useFormControl } from "../shared/useFormControl.js";
 import { useForwardExpose } from "../shared/useForwardExpose.js";
 import { Primitive } from "../Primitive/Primitive.js";
-import { RovingFocusItem_default } from "../RovingFocus/RovingFocusItem.js";
 import { VisuallyHiddenInput_default } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { RovingFocusItem_default } from "../RovingFocus/RovingFocusItem.js";
 import { injectCheckboxGroupRootContext } from "./CheckboxGroupRoot.js";
 import { getState, isIndeterminate } from "./utils.js";
 import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx, withKeys, withModifiers } from "vue";
@@ -19,15 +19,11 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	__name: "CheckboxRoot",
 	props: {
 		defaultValue: {
-			type: [Boolean, String],
+			type: null,
 			required: false
 		},
 		modelValue: {
-			type: [
-				Boolean,
-				String,
-				null
-			],
+			type: null,
 			required: false,
 			default: void 0
 		},
@@ -44,6 +40,16 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			type: String,
 			required: false
 		},
+		trueValue: {
+			type: null,
+			required: false,
+			default: () => true
+		},
+		falseValue: {
+			type: null,
+			required: false,
+			default: () => false
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -69,13 +75,17 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const { forwardRef, currentElement } = useForwardExpose();
 		const checkboxGroupContext = injectCheckboxGroupRootContext(null);
 		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue,
+			defaultValue: props.defaultValue ?? props.falseValue,
 			passive: props.modelValue === void 0
 		});
 		const disabled = computed(() => checkboxGroupContext?.disabled.value || props.disabled);
+		const isChecked = computed(() => isEqual(modelValue.value, props.trueValue));
 		const checkboxState = computed(() => {
 			if (!isNullish(checkboxGroupContext?.modelValue.value)) return isValueEqualOrExist(checkboxGroupContext.modelValue.value, props.value);
-			else return modelValue.value === "indeterminate" ? "indeterminate" : modelValue.value;
+			else {
+				if (modelValue.value === "indeterminate") return "indeterminate";
+				return isChecked.value;
+			}
 		});
 		function handleClick() {
 			if (!isNullish(checkboxGroupContext?.modelValue.value)) {
@@ -85,7 +95,8 @@ var CheckboxRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					modelValueArray.splice(index, 1);
 				} else modelValueArray.push(props.value);
 				checkboxGroupContext.modelValue.value = modelValueArray;
-			} else modelValue.value = isIndeterminate(modelValue.value) ? true : !modelValue.value;
+			} else if (modelValue.value === "indeterminate") modelValue.value = props.trueValue;
+			else modelValue.value = isChecked.value ? props.falseValue : props.trueValue;
 		}
 		const isFormControl = useFormControl(currentElement);
 		const ariaLabel = computed(() => props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0);

package/dist/Checkbox/CheckboxRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxRoot.js","names":["$attrs","id","asChild","as","required","name","value"],"sources":["../../src/Checkbox/CheckboxRoot.vue","../../src/Checkbox/CheckboxRoot.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAa,CAAC,2BAA2B,2BAA0B,GAC/D,cAAmC,eAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAerD,MAAM,QAAQ;EAKd,MAAM,QAAQ;EAWd,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;EAExD,MAAM,uBAAuB,+BAA+B,KAAI;EAEhE,MAAM,aAAa,UAAU,OAAO,cAAc,OAAO;GACvD,cAAc,MAAM;GACpB,SAAU,MAAM;EACjB,EAAC;EAEF,MAAM,WAAW,SAAS,MAAM,sBAAsB,SAAS,SAAS,MAAM,SAAQ;EAEtF,MAAM,gBAAgB,SAAuB,MAAM;AACjD,QAAK,UAAU,sBAAsB,WAAW,MAAM,CACpD,QAAO,oBAAoB,qBAAqB,WAAW,OAAO,MAAM,MAAK;OAG7E,QAAO,WAAW,UAAU,kBAAkB,kBAAkB,WAAW;EAE9E,EAAA;EAED,SAAS,cAAc;AACrB,QAAK,UAAU,sBAAsB,WAAW,MAAM,EAAE;IACtD,MAAM,kBAAkB,CAAC,GAAI,qBAAqB,WAAW,SAAS,CAAE,CAAC;AACzE,QAAI,oBAAoB,iBAAiB,MAAM,MAAM,EAAE;KACrD,MAAM,QAAQ,gBAAgB,UAAU,OAAK,QAAQ,GAAG,MAAM,MAAM,CAAA;AACpE,qBAAgB,OAAO,OAAO,EAAC;IACjC,MAEE,iBAAgB,KAAK,MAAM,MAAK;AAElC,yBAAqB,WAAW,QAAQ;GAC1C,MAEE,YAAW,QAAQ,gBAAgB,WAAW,MAAM,GAAG,QAAQ,WAAW;EAE9E;EAEA,MAAM,gBAAgB,eAAe,eAAc;EACnD,MAAM,YAAY,SAAS,MAAM,MAAM,MAAM,eAAe,QACvD,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,EAAuB,mBAC5D;AAEb,6BAA2B;GACzB;GACA,OAAO;EACR,EAAA;;uBAIC,YAmCY,wBAjCL,MAAA,qBAAoB,EAAE,YAAY,QAAQ,MAAA,wBAAe,GAAG,MAAA,UAAS,CAAA,EAF5E,WACUA,KAkCE,QAlCI;IAEb,IAAIC,KAAAA;IACJ,KAAK,MAAA,WAAU;IAChB,MAAK;IACJ,YAAUC,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAMA,KAAAA,OAAE,WAAA;IACR,gBAAc,MAAA,gBAAe,CAAC,cAAA,MAAa,GAAA,UAAc,cAAA;IACzD,iBAAeC,KAAAA;IACf,cAAYJ,KAAAA,OAAM,iBAAkB,UAAA;IACpC,cAAY,MAAA,SAAQ,CAAC,cAAA,MAAa;IAClC,iBAAe,SAAA,QAAQ;IACvB,UAAU,SAAA;IACV,WAAW,MAAA,qBAAoB,EAAE,YAAY,SAAS,SAAA;IACtD,WAAO,SAAA,cAAgB,MAAA,CAEvB,GAAA,CAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA;IACA,SAAO;;qBAER,MAGE,CAHF,WAGE,KAAA,QAAA,WAAA;KAFC,YAAa,MAAA,WAAU;KACvB,OAAO,cAAA;QAIF,MAAA,cAAa,IAAIK,KAAAA,SAAS,MAAA,qBAAoB,iBADtD,YAQE,MAAA,4BAAA,EAAA;;KANA,MAAK;KACJ,WAAW,cAAA;KACX,MAAMA,KAAAA;KACN,OAAOC,KAAAA;KACP,UAAU,SAAA;KACV,UAAUF,KAAAA"}
+{"version":3,"file":"CheckboxRoot.js","names":["$attrs","id","asChild","as","required","name","value"],"sources":["../../src/Checkbox/CheckboxRoot.vue","../../src/Checkbox/CheckboxRoot.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AA2CA,MAAa,CAAC,2BAA2B,2BAA0B,GAC/D,cAAmC,eAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAerD,MAAM,QAAQ;EAOd,MAAM,QAAQ;EAWd,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;EAExD,MAAM,uBAAuB,+BAA+B,KAAI;EAEhE,MAAM,aAAa,UAAU,OAAc,cAAc,OAAc;GACrE,cAAc,MAAM,gBAAgB,MAAM;GAC1C,SAAU,MAAM;EACjB,EAAC;EAEF,MAAM,WAAW,SAAS,MAAM,sBAAsB,SAAS,SAAS,MAAM,SAAQ;EAEtF,MAAM,YAAY,SAAS,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,CAAA;EAE3E,MAAM,gBAAgB,SAAuB,MAAM;AACjD,QAAK,UAAU,sBAAsB,WAAW,MAAM,CACpD,QAAO,oBAAoB,qBAAqB,WAAW,OAAO,MAAM,MAAK;QAE1E;AACH,QAAI,WAAW,UAAU,gBACvB,QAAO;AACT,WAAO,UAAU;GACnB;EACD,EAAA;EAED,SAAS,cAAc;AACrB,QAAK,UAAU,sBAAsB,WAAW,MAAM,EAAE;IACtD,MAAM,kBAAkB,CAAC,GAAI,qBAAqB,WAAW,SAAS,CAAE,CAAC;AACzE,QAAI,oBAAoB,iBAAiB,MAAM,MAAM,EAAE;KACrD,MAAM,QAAQ,gBAAgB,UAAU,OAAK,QAAQ,GAAG,MAAM,MAAM,CAAA;AACpE,qBAAgB,OAAO,OAAO,EAAC;IACjC,MAEE,iBAAgB,KAAK,MAAM,MAAK;AAElC,yBAAqB,WAAW,QAAQ;GAC1C,WAEM,WAAW,UAAU,gBACvB,YAAW,QAAQ,MAAM;OAGzB,YAAW,QAAQ,UAAU,QAAQ,MAAM,aAAkB,MAAM;EAGzE;EAEA,MAAM,gBAAgB,eAAe,eAAc;EACnD,MAAM,YAAY,SAAS,MAAM,MAAM,MAAM,eAAe,QACvD,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,EAAuB,mBAC5D;AAEb,6BAA2B;GACzB;GACA,OAAO;EACR,EAAA;;uBAIC,YAmCY,wBAjCL,MAAA,qBAAoB,EAAE,YAAY,QAAQ,MAAA,wBAAe,GAAG,MAAA,UAAS,CAAA,EAF5E,WACUA,KAkCE,QAlCI;IAEb,IAAIC,KAAAA;IACJ,KAAK,MAAA,WAAU;IAChB,MAAK;IACJ,YAAUC,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAMA,KAAAA,OAAE,WAAA;IACR,gBAAc,MAAA,gBAAe,CAAC,cAAA,MAAa,GAAA,UAAc,cAAA;IACzD,iBAAeC,KAAAA;IACf,cAAYJ,KAAAA,OAAM,iBAAkB,UAAA;IACpC,cAAY,MAAA,SAAQ,CAAC,cAAA,MAAa;IAClC,iBAAe,SAAA,QAAQ;IACvB,UAAU,SAAA;IACV,WAAW,MAAA,qBAAoB,EAAE,YAAY,SAAS,SAAA;IACtD,WAAO,SAAA,cAAgB,MAAA,CAEvB,GAAA,CAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA;IACA,SAAO;;qBAER,MAGE,CAHF,WAGE,KAAA,QAAA,WAAA;KAFC,YAAa,MAAA,WAAU;KACvB,OAAO,cAAA;QAIF,MAAA,cAAa,IAAIK,KAAAA,SAAS,MAAA,qBAAoB,iBADtD,YAQE,MAAA,4BAAA,EAAA;;KANA,MAAK;KACJ,WAAW,cAAA;KACX,MAAMA,KAAAA;KACN,OAAOC,KAAAA;KACP,UAAU,SAAA;KACV,UAAUF,KAAAA"}

package/dist/ColorArea/ColorAreaArea.cjs

@@ -0,0 +1,143 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
+const require_ColorArea_ColorAreaRoot = require('./ColorAreaRoot.cjs');
+const require_ColorArea_utils = require('./utils.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/ColorArea/ColorAreaArea.vue?vue&type=script&setup=true&lang.ts
+var ColorAreaArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ColorAreaArea",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_ColorArea_ColorAreaRoot.injectColorAreaRootContext();
+		const { primitiveElement, currentElement: areaElement } = require_Primitive_usePrimitiveElement.usePrimitiveElement();
+		const isDragging = (0, vue.ref)(false);
+		function getValuesFromPointer(event) {
+			const rect = areaElement.value.getBoundingClientRect();
+			const xInput = [0, rect.width];
+			const xOutput = [rootContext.xRange.value.min, rootContext.xRange.value.max];
+			const xScale = require_ColorArea_utils.linearScale(xInput, xOutput);
+			const xValue = xScale(event.clientX - rect.left);
+			const yInput = [0, rect.height];
+			const yOutput = [rootContext.yRange.value.max, rootContext.yRange.value.min];
+			const yScale = require_ColorArea_utils.linearScale(yInput, yOutput);
+			const yValue = yScale(event.clientY - rect.top);
+			return {
+				x: xValue,
+				y: yValue
+			};
+		}
+		function handlePointerDown(event) {
+			if (rootContext.disabled.value) return;
+			const target = event.target;
+			target.setPointerCapture(event.pointerId);
+			event.preventDefault();
+			isDragging.value = true;
+			const { x, y } = getValuesFromPointer(event);
+			rootContext.updateValues(x, y);
+			rootContext.thumbRef.value?.focus();
+		}
+		function handlePointerMove(event) {
+			if (!isDragging.value || rootContext.disabled.value) return;
+			const target = event.target;
+			if (target.hasPointerCapture(event.pointerId)) {
+				const { x, y } = getValuesFromPointer(event);
+				rootContext.updateValues(x, y);
+			}
+		}
+		function handlePointerUp(event) {
+			if (!isDragging.value) return;
+			const target = event.target;
+			target.releasePointerCapture(event.pointerId);
+			isDragging.value = false;
+			rootContext.commitValues();
+		}
+		function handleKeyDown(event) {
+			if (rootContext.disabled.value) return;
+			const stepMultiplier = event.shiftKey ? 10 : 1;
+			const xStepSize = rootContext.xRange.value.step * stepMultiplier;
+			const yStepSize = rootContext.yRange.value.step * stepMultiplier;
+			let xDelta = 0;
+			let yDelta = 0;
+			switch (event.key) {
+				case "ArrowLeft":
+					xDelta = -xStepSize;
+					break;
+				case "ArrowRight":
+					xDelta = xStepSize;
+					break;
+				case "ArrowUp":
+					yDelta = yStepSize;
+					break;
+				case "ArrowDown":
+					yDelta = -yStepSize;
+					break;
+				case "PageUp":
+					yDelta = yStepSize * 10;
+					break;
+				case "PageDown":
+					yDelta = -yStepSize * 10;
+					break;
+				case "Home":
+					xDelta = -xStepSize * 10;
+					break;
+				case "End":
+					xDelta = xStepSize * 10;
+					break;
+				default: return;
+			}
+			event.preventDefault();
+			rootContext.updateValues(rootContext.xValue.value + xDelta, rootContext.yValue.value + yDelta);
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				role: "application",
+				"aria-roledescription": "Color picker",
+				"aria-disabled": (0, vue.unref)(rootContext).disabled.value ? "true" : void 0,
+				"data-disabled": (0, vue.unref)(rootContext).disabled.value ? "" : void 0,
+				style: { touchAction: "none" },
+				onKeydown: handleKeyDown,
+				onPointerdown: handlePointerDown,
+				onPointermove: handlePointerMove,
+				onPointerup: handlePointerUp
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as-child",
+				"as",
+				"aria-disabled",
+				"data-disabled"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorArea/ColorAreaArea.vue
+var ColorAreaArea_default = ColorAreaArea_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ColorAreaArea_default', {
+  enumerable: true,
+  get: function () {
+    return ColorAreaArea_default;
+  }
+});
+//# sourceMappingURL=ColorAreaArea.cjs.map

package/dist/ColorArea/ColorAreaArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAreaArea.cjs","names":["asChild","as"],"sources":["../../src/ColorArea/ColorAreaArea.vue","../../src/ColorArea/ColorAreaArea.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAId,MAAM,cAAc,4DAA2B;EAC/C,MAAM,EAAE,kBAAkB,gBAAgB,aAAa,GAAG,2DAAoB;EAE9E,MAAM,aAAa,aAAI,MAAK;EAG5B,SAAS,qBAAqB,OAAqB;GACjD,MAAM,OAAO,YAAY,MAAO,uBAAsB;GAEtD,MAAM,SAA2B,CAAC,GAAG,KAAK,KAAK;GAC/C,MAAM,UAA4B,CAAC,YAAY,OAAO,MAAM,KAAK,YAAY,OAAO,MAAM,GAAG;GAC7F,MAAM,SAAS,oCAAY,QAAQ,QAAO;GAC1C,MAAM,SAAS,OAAO,MAAM,UAAU,KAAK,KAAI;GAG/C,MAAM,SAA2B,CAAC,GAAG,KAAK,MAAM;GAChD,MAAM,UAA4B,CAAC,YAAY,OAAO,MAAM,KAAK,YAAY,OAAO,MAAM,GAAG;GAC7F,MAAM,SAAS,oCAAY,QAAQ,QAAO;GAC1C,MAAM,SAAS,OAAO,MAAM,UAAU,KAAK,IAAG;AAE9C,UAAO;IAAE,GAAG;IAAQ,GAAG;GAAO;EAChC;EAEA,SAAS,kBAAkB,OAAqB;AAC9C,OAAI,YAAY,SAAS,MACvB;GAEF,MAAM,SAAS,MAAM;AACrB,UAAO,kBAAkB,MAAM,UAAS;AACxC,SAAM,gBAAe;AAErB,cAAW,QAAQ;GACnB,MAAM,EAAE,GAAG,GAAG,GAAG,qBAAqB,MAAK;AAC3C,eAAY,aAAa,GAAG,EAAC;AAG7B,eAAY,SAAS,OAAO,OAAM;EACpC;EAEA,SAAS,kBAAkB,OAAqB;AAC9C,QAAK,WAAW,SAAS,YAAY,SAAS,MAC5C;GAEF,MAAM,SAAS,MAAM;AACrB,OAAI,OAAO,kBAAkB,MAAM,UAAU,EAAE;IAC7C,MAAM,EAAE,GAAG,GAAG,GAAG,qBAAqB,MAAK;AAC3C,gBAAY,aAAa,GAAG,EAAC;GAC/B;EACF;EAEA,SAAS,gBAAgB,OAAqB;AAC5C,QAAK,WAAW,MACd;GAEF,MAAM,SAAS,MAAM;AACrB,UAAO,sBAAsB,MAAM,UAAS;AAC5C,cAAW,QAAQ;AACnB,eAAY,cAAa;EAC3B;EAGA,SAAS,cAAc,OAAsB;AAC3C,OAAI,YAAY,SAAS,MACvB;GAEF,MAAM,iBAAiB,MAAM,WAAW,KAAK;GAC7C,MAAM,YAAY,YAAY,OAAO,MAAM,OAAO;GAClD,MAAM,YAAY,YAAY,OAAO,MAAM,OAAO;GAElD,IAAI,SAAS;GACb,IAAI,SAAS;AAEb,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,eAAU;AACV;IACF,KAAK;AACH,cAAS;AACT;IACF,KAAK;AACH,cAAS;AACT;IACF,KAAK;AACH,eAAU;AACV;IACF,KAAK;AACH,cAAS,YAAY;AACrB;IACF,KAAK;AACH,eAAU,YAAY;AACtB;IACF,KAAK;AACH,eAAU,YAAY;AACtB;IACF,KAAK;AACH,cAAS,YAAY;AACrB;IACF,QACE;GACJ;AAEA,SAAM,gBAAe;AACrB,eAAY,aACV,YAAY,OAAO,QAAQ,QAC3B,YAAY,OAAO,QAAQ,OAC7B;EACF;;gCAIE,qBAiBY,eAAA,sCAAA,EAAA;aAhBN;IAAJ,KAAI;IACH,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACL,MAAK;IACL,wBAAqB;IACpB,iBAAe,eAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,eAAA,YAAW,CAAC,SAAS,QAAK;IACzC,OAAO,sBAEP;IACA,WAAS;IACT,eAAa;IACb,eAAa;IACb,aAAW;;8BAEZ,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorArea/ColorAreaArea.js

@@ -0,0 +1,137 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { injectColorAreaRootContext } from "./ColorAreaRoot.js";
+import { linearScale } from "./utils.js";
+import { createBlock, defineComponent, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+
+//#region src/ColorArea/ColorAreaArea.vue?vue&type=script&setup=true&lang.ts
+var ColorAreaArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorAreaArea",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectColorAreaRootContext();
+		const { primitiveElement, currentElement: areaElement } = usePrimitiveElement();
+		const isDragging = ref(false);
+		function getValuesFromPointer(event) {
+			const rect = areaElement.value.getBoundingClientRect();
+			const xInput = [0, rect.width];
+			const xOutput = [rootContext.xRange.value.min, rootContext.xRange.value.max];
+			const xScale = linearScale(xInput, xOutput);
+			const xValue = xScale(event.clientX - rect.left);
+			const yInput = [0, rect.height];
+			const yOutput = [rootContext.yRange.value.max, rootContext.yRange.value.min];
+			const yScale = linearScale(yInput, yOutput);
+			const yValue = yScale(event.clientY - rect.top);
+			return {
+				x: xValue,
+				y: yValue
+			};
+		}
+		function handlePointerDown(event) {
+			if (rootContext.disabled.value) return;
+			const target = event.target;
+			target.setPointerCapture(event.pointerId);
+			event.preventDefault();
+			isDragging.value = true;
+			const { x, y } = getValuesFromPointer(event);
+			rootContext.updateValues(x, y);
+			rootContext.thumbRef.value?.focus();
+		}
+		function handlePointerMove(event) {
+			if (!isDragging.value || rootContext.disabled.value) return;
+			const target = event.target;
+			if (target.hasPointerCapture(event.pointerId)) {
+				const { x, y } = getValuesFromPointer(event);
+				rootContext.updateValues(x, y);
+			}
+		}
+		function handlePointerUp(event) {
+			if (!isDragging.value) return;
+			const target = event.target;
+			target.releasePointerCapture(event.pointerId);
+			isDragging.value = false;
+			rootContext.commitValues();
+		}
+		function handleKeyDown(event) {
+			if (rootContext.disabled.value) return;
+			const stepMultiplier = event.shiftKey ? 10 : 1;
+			const xStepSize = rootContext.xRange.value.step * stepMultiplier;
+			const yStepSize = rootContext.yRange.value.step * stepMultiplier;
+			let xDelta = 0;
+			let yDelta = 0;
+			switch (event.key) {
+				case "ArrowLeft":
+					xDelta = -xStepSize;
+					break;
+				case "ArrowRight":
+					xDelta = xStepSize;
+					break;
+				case "ArrowUp":
+					yDelta = yStepSize;
+					break;
+				case "ArrowDown":
+					yDelta = -yStepSize;
+					break;
+				case "PageUp":
+					yDelta = yStepSize * 10;
+					break;
+				case "PageDown":
+					yDelta = -yStepSize * 10;
+					break;
+				case "Home":
+					xDelta = -xStepSize * 10;
+					break;
+				case "End":
+					xDelta = xStepSize * 10;
+					break;
+				default: return;
+			}
+			event.preventDefault();
+			rootContext.updateValues(rootContext.xValue.value + xDelta, rootContext.yValue.value + yDelta);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				role: "application",
+				"aria-roledescription": "Color picker",
+				"aria-disabled": unref(rootContext).disabled.value ? "true" : void 0,
+				"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
+				style: { touchAction: "none" },
+				onKeydown: handleKeyDown,
+				onPointerdown: handlePointerDown,
+				onPointermove: handlePointerMove,
+				onPointerup: handlePointerUp
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as-child",
+				"as",
+				"aria-disabled",
+				"data-disabled"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorArea/ColorAreaArea.vue
+var ColorAreaArea_default = ColorAreaArea_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorAreaArea_default };
+//# sourceMappingURL=ColorAreaArea.js.map

package/dist/ColorArea/ColorAreaArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAreaArea.js","names":["asChild","as"],"sources":["../../src/ColorArea/ColorAreaArea.vue","../../src/ColorArea/ColorAreaArea.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAId,MAAM,cAAc,4BAA2B;EAC/C,MAAM,EAAE,kBAAkB,gBAAgB,aAAa,GAAG,qBAAoB;EAE9E,MAAM,aAAa,IAAI,MAAK;EAG5B,SAAS,qBAAqB,OAAqB;GACjD,MAAM,OAAO,YAAY,MAAO,uBAAsB;GAEtD,MAAM,SAA2B,CAAC,GAAG,KAAK,KAAK;GAC/C,MAAM,UAA4B,CAAC,YAAY,OAAO,MAAM,KAAK,YAAY,OAAO,MAAM,GAAG;GAC7F,MAAM,SAAS,YAAY,QAAQ,QAAO;GAC1C,MAAM,SAAS,OAAO,MAAM,UAAU,KAAK,KAAI;GAG/C,MAAM,SAA2B,CAAC,GAAG,KAAK,MAAM;GAChD,MAAM,UAA4B,CAAC,YAAY,OAAO,MAAM,KAAK,YAAY,OAAO,MAAM,GAAG;GAC7F,MAAM,SAAS,YAAY,QAAQ,QAAO;GAC1C,MAAM,SAAS,OAAO,MAAM,UAAU,KAAK,IAAG;AAE9C,UAAO;IAAE,GAAG;IAAQ,GAAG;GAAO;EAChC;EAEA,SAAS,kBAAkB,OAAqB;AAC9C,OAAI,YAAY,SAAS,MACvB;GAEF,MAAM,SAAS,MAAM;AACrB,UAAO,kBAAkB,MAAM,UAAS;AACxC,SAAM,gBAAe;AAErB,cAAW,QAAQ;GACnB,MAAM,EAAE,GAAG,GAAG,GAAG,qBAAqB,MAAK;AAC3C,eAAY,aAAa,GAAG,EAAC;AAG7B,eAAY,SAAS,OAAO,OAAM;EACpC;EAEA,SAAS,kBAAkB,OAAqB;AAC9C,QAAK,WAAW,SAAS,YAAY,SAAS,MAC5C;GAEF,MAAM,SAAS,MAAM;AACrB,OAAI,OAAO,kBAAkB,MAAM,UAAU,EAAE;IAC7C,MAAM,EAAE,GAAG,GAAG,GAAG,qBAAqB,MAAK;AAC3C,gBAAY,aAAa,GAAG,EAAC;GAC/B;EACF;EAEA,SAAS,gBAAgB,OAAqB;AAC5C,QAAK,WAAW,MACd;GAEF,MAAM,SAAS,MAAM;AACrB,UAAO,sBAAsB,MAAM,UAAS;AAC5C,cAAW,QAAQ;AACnB,eAAY,cAAa;EAC3B;EAGA,SAAS,cAAc,OAAsB;AAC3C,OAAI,YAAY,SAAS,MACvB;GAEF,MAAM,iBAAiB,MAAM,WAAW,KAAK;GAC7C,MAAM,YAAY,YAAY,OAAO,MAAM,OAAO;GAClD,MAAM,YAAY,YAAY,OAAO,MAAM,OAAO;GAElD,IAAI,SAAS;GACb,IAAI,SAAS;AAEb,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,eAAU;AACV;IACF,KAAK;AACH,cAAS;AACT;IACF,KAAK;AACH,cAAS;AACT;IACF,KAAK;AACH,eAAU;AACV;IACF,KAAK;AACH,cAAS,YAAY;AACrB;IACF,KAAK;AACH,eAAU,YAAY;AACtB;IACF,KAAK;AACH,eAAU,YAAY;AACtB;IACF,KAAK;AACH,cAAS,YAAY;AACrB;IACF,QACE;GACJ;AAEA,SAAM,gBAAe;AACrB,eAAY,aACV,YAAY,OAAO,QAAQ,QAC3B,YAAY,OAAO,QAAQ,OAC7B;EACF;;uBAIE,YAiBY,MAAA,UAAA,EAAA;aAhBN;IAAJ,KAAI;IACH,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACL,MAAK;IACL,wBAAqB;IACpB,iBAAe,MAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,MAAA,YAAW,CAAC,SAAS,QAAK;IACzC,OAAO,sBAEP;IACA,WAAS;IACT,eAAa;IACb,eAAa;IACb,aAAW;;qBAEZ,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}