reka-ui 2.8.2 → 2.9.0

package/dist/ColorSlider/ColorSliderTrack.js

@@ -0,0 +1,49 @@
+import { getSliderBackgroundStyle } from "../color/gradient.js";
+import { SliderTrack_default } from "../Slider/SliderTrack.js";
+import { injectColorSliderRootContext } from "./ColorSliderRoot.js";
+import { computed, createBlock, defineComponent, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/ColorSlider/ColorSliderTrack.vue?vue&type=script&setup=true&lang.ts
+var ColorSliderTrack_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSliderTrack",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectColorSliderRootContext();
+		const backgroundStyle = computed(() => {
+			return getSliderBackgroundStyle(rootContext.color.value, rootContext.channel.value, rootContext.colorSpace.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SliderTrack_default), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				style: normalizeStyle(backgroundStyle.value)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSlider/ColorSliderTrack.vue
+var ColorSliderTrack_default = ColorSliderTrack_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorSliderTrack_default };
+//# sourceMappingURL=ColorSliderTrack.js.map

package/dist/ColorSlider/ColorSliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSliderTrack.js","names":["as","asChild"],"sources":["../../src/ColorSlider/ColorSliderTrack.vue","../../src/ColorSlider/ColorSliderTrack.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAId,MAAM,cAAc,8BAA6B;EAEjD,MAAM,kBAAkB,SAAS,MAAM;AACrC,UAAO,yBACL,YAAY,MAAM,OAClB,YAAY,QAAQ,OACpB,YAAY,WAAW,MACzB;EACD,EAAA;;uBAIC,YAMc,MAAA,oBAAA,EAAA;IALX,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,OAAK,eAAE,gBAAA,MAAe;;qBAEvB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorSwatch/ColorSwatch.cjs

@@ -0,0 +1,106 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_color_convert = require('../color/convert.cjs');
+const require_color_parse = require('../color/parse.cjs');
+const require_color_utils = require('../color/utils.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/ColorSwatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ColorSwatch",
+	props: {
+		color: {
+			type: [String, Object],
+			required: false,
+			default: ""
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const colorString = (0, vue.computed)(() => {
+			if (!props.color) return "";
+			if (typeof props.color === "string") return props.color;
+			return require_color_convert.colorToString(props.color, "hex");
+		});
+		const colorObj = (0, vue.computed)(() => {
+			if (!props.color) return null;
+			try {
+				return require_color_parse.normalizeColor(props.color);
+			} catch {
+				return null;
+			}
+		});
+		const alpha = (0, vue.computed)(() => colorObj.value?.alpha ?? 0);
+		const isNoColor = (0, vue.computed)(() => !props.color || alpha.value <= 0);
+		const label = (0, vue.computed)(() => {
+			if (props.label) return props.label;
+			if (!colorObj.value || colorObj.value.alpha === 0) return "transparent";
+			try {
+				return require_color_utils.getColorName(colorString.value);
+			} catch {
+				return colorString.value || "transparent";
+			}
+		});
+		const colorContrast = (0, vue.computed)(() => {
+			try {
+				return require_color_utils.getColorContrast(colorString.value);
+			} catch {
+				return void 0;
+			}
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				role: "img",
+				"aria-label": label.value,
+				"aria-roledescription": "color swatch",
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				"data-color-contrast": colorContrast.value,
+				"data-no-color": isNoColor.value ? "" : void 0,
+				style: (0, vue.normalizeStyle)({
+					"--reka-color-swatch-color": colorString.value,
+					"--reka-color-swatch-alpha": String(alpha.value)
+				})
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					color: colorString.value,
+					alpha: alpha.value
+				})]),
+				_: 3
+			}, 8, [
+				"aria-label",
+				"as-child",
+				"as",
+				"data-color-contrast",
+				"data-no-color",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatch/ColorSwatch.vue
+var ColorSwatch_default = ColorSwatch_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ColorSwatch_default', {
+  enumerable: true,
+  get: function () {
+    return ColorSwatch_default;
+  }
+});
+//# sourceMappingURL=ColorSwatch.cjs.map

package/dist/ColorSwatch/ColorSwatch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.cjs","names":["asChild","as"],"sources":["../../src/ColorSwatch/ColorSwatch.vue","../../src/ColorSwatch/ColorSwatch.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAEd,MAAM,cAAc,kBAAS,MAAM;AACjC,QAAK,MAAM,MACT,QAAO;AACT,cAAW,MAAM,UAAU,SACzB,QAAO,MAAM;AAEf,UAAO,oCAAc,MAAM,OAAO,MAAK;EACxC,EAAA;EAED,MAAM,WAAW,kBAAS,MAAM;AAC9B,QAAK,MAAM,MACT,QAAO;AACT,OAAI;AACF,WAAO,mCAAe,MAAM,MAAK;GACnC,QACM;AACJ,WAAO;GACT;EACD,EAAA;EAED,MAAM,QAAQ,kBAAS,MAAM,SAAS,OAAO,SAAS,EAAC;EACvD,MAAM,YAAY,kBAAS,OAAO,MAAM,SAAS,MAAM,SAAS,EAAC;EAEjE,MAAM,QAAQ,kBAAS,MAAM;AAC3B,OAAI,MAAM,MACR,QAAO,MAAM;AAGf,QAAK,SAAS,SAAS,SAAS,MAAM,UAAU,EAC9C,QAAO;AAET,OAAI;AACF,WAAO,iCAAa,YAAY,MAAK;GACvC,QACM;AACJ,WAAO,YAAY,SAAS;GAC9B;EACD,EAAA;EAED,MAAM,gBAAgB,kBAAS,MAAM;AACnC,OAAI;AACF,WAAO,qCAAiB,YAAY,MAAK;GAC3C,QACM;AAKJ;GACF;EACD,EAAA;;gCAIC,qBAiBY,eAAA,sCAAA,EAAA;IAhBV,MAAK;IACJ,cAAY,MAAA;IACb,wBAAqB;IACpB,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACJ,uBAAqB,cAAA;IACrB,iBAAe,UAAA,QAAS;IACxB,OAAK,wBAAA;kCAAuC,YAAA;kCAAgD,OAAO,MAAA,MAAK;;;8BAKzG,MAGE,CAHF,oBAGE,KAAA,QAAA,WAAA;KAFC,OAAO,YAAA;KACP,OAAO,MAAA"}

package/dist/ColorSwatch/ColorSwatch.js

@@ -0,0 +1,100 @@
+import { Primitive } from "../Primitive/Primitive.js";
+import { colorToString } from "../color/convert.js";
+import { normalizeColor } from "../color/parse.js";
+import { getColorContrast, getColorName } from "../color/utils.js";
+import { computed, createBlock, defineComponent, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/ColorSwatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSwatch",
+	props: {
+		color: {
+			type: [String, Object],
+			required: false,
+			default: ""
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const colorString = computed(() => {
+			if (!props.color) return "";
+			if (typeof props.color === "string") return props.color;
+			return colorToString(props.color, "hex");
+		});
+		const colorObj = computed(() => {
+			if (!props.color) return null;
+			try {
+				return normalizeColor(props.color);
+			} catch {
+				return null;
+			}
+		});
+		const alpha = computed(() => colorObj.value?.alpha ?? 0);
+		const isNoColor = computed(() => !props.color || alpha.value <= 0);
+		const label = computed(() => {
+			if (props.label) return props.label;
+			if (!colorObj.value || colorObj.value.alpha === 0) return "transparent";
+			try {
+				return getColorName(colorString.value);
+			} catch {
+				return colorString.value || "transparent";
+			}
+		});
+		const colorContrast = computed(() => {
+			try {
+				return getColorContrast(colorString.value);
+			} catch {
+				return void 0;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				role: "img",
+				"aria-label": label.value,
+				"aria-roledescription": "color swatch",
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				"data-color-contrast": colorContrast.value,
+				"data-no-color": isNoColor.value ? "" : void 0,
+				style: normalizeStyle({
+					"--reka-color-swatch-color": colorString.value,
+					"--reka-color-swatch-alpha": String(alpha.value)
+				})
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					color: colorString.value,
+					alpha: alpha.value
+				})]),
+				_: 3
+			}, 8, [
+				"aria-label",
+				"as-child",
+				"as",
+				"data-color-contrast",
+				"data-no-color",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatch/ColorSwatch.vue
+var ColorSwatch_default = ColorSwatch_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorSwatch_default };
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/ColorSwatch/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","names":["asChild","as"],"sources":["../../src/ColorSwatch/ColorSwatch.vue","../../src/ColorSwatch/ColorSwatch.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAEd,MAAM,cAAc,SAAS,MAAM;AACjC,QAAK,MAAM,MACT,QAAO;AACT,cAAW,MAAM,UAAU,SACzB,QAAO,MAAM;AAEf,UAAO,cAAc,MAAM,OAAO,MAAK;EACxC,EAAA;EAED,MAAM,WAAW,SAAS,MAAM;AAC9B,QAAK,MAAM,MACT,QAAO;AACT,OAAI;AACF,WAAO,eAAe,MAAM,MAAK;GACnC,QACM;AACJ,WAAO;GACT;EACD,EAAA;EAED,MAAM,QAAQ,SAAS,MAAM,SAAS,OAAO,SAAS,EAAC;EACvD,MAAM,YAAY,SAAS,OAAO,MAAM,SAAS,MAAM,SAAS,EAAC;EAEjE,MAAM,QAAQ,SAAS,MAAM;AAC3B,OAAI,MAAM,MACR,QAAO,MAAM;AAGf,QAAK,SAAS,SAAS,SAAS,MAAM,UAAU,EAC9C,QAAO;AAET,OAAI;AACF,WAAO,aAAa,YAAY,MAAK;GACvC,QACM;AACJ,WAAO,YAAY,SAAS;GAC9B;EACD,EAAA;EAED,MAAM,gBAAgB,SAAS,MAAM;AACnC,OAAI;AACF,WAAO,iBAAiB,YAAY,MAAK;GAC3C,QACM;AAKJ;GACF;EACD,EAAA;;uBAIC,YAiBY,MAAA,UAAA,EAAA;IAhBV,MAAK;IACJ,cAAY,MAAA;IACb,wBAAqB;IACpB,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACJ,uBAAqB,cAAA;IACrB,iBAAe,UAAA,QAAS;IACxB,OAAK,eAAA;kCAAuC,YAAA;kCAAgD,OAAO,MAAA,MAAK;;;qBAKzG,MAGE,CAHF,WAGE,KAAA,QAAA,WAAA;KAFC,OAAO,YAAA;KACP,OAAO,MAAA"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItem.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const require_shared_useForwardPropsEmits = require('../shared/useForwardPropsEmits.cjs');
+const require_Listbox_ListboxItem = require('../Listbox/ListboxItem.cjs');
+const require_color_utils = require('../color/utils.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItem.vue?vue&type=script&setup=true&lang.ts
+const [injectColorSwatchPickerItemContext, provideColorSwatchPickerItemContext] = require_shared_createContext.createContext("ColorSwatchPickerItem", "ColorSwatchPickerItemContext");
+var ColorSwatchPickerItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ColorSwatchPickerItem",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { value } = (0, vue.toRefs)(props);
+		const forwarded = require_shared_useForwardPropsEmits.useForwardPropsEmits(props, emits);
+		const colorLabel = (0, vue.computed)(() => {
+			try {
+				return require_color_utils.getColorName(value.value);
+			} catch {
+				return value.value;
+			}
+		});
+		provideColorSwatchPickerItemContext({ color: value });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Listbox_ListboxItem.ListboxItem_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				"aria-label": colorLabel.value,
+				"data-color": (0, vue.unref)(value),
+				style: { "--reka-color-swatch-picker-item-color": (0, vue.unref)(value) }
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-label",
+				"data-color",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItem.vue
+var ColorSwatchPickerItem_default = ColorSwatchPickerItem_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ColorSwatchPickerItem_default', {
+  enumerable: true,
+  get: function () {
+    return ColorSwatchPickerItem_default;
+  }
+});
+Object.defineProperty(exports, 'injectColorSwatchPickerItemContext', {
+  enumerable: true,
+  get: function () {
+    return injectColorSwatchPickerItemContext;
+  }
+});
+//# sourceMappingURL=ColorSwatchPickerItem.cjs.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItem.cjs","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItem.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItem.vue"],"sourcesContent":[],"mappings":";;;;;;;;AAmBA,MAAa,CAAC,oCAAoC,oCAAmC,GACjF,2CAA4C,yBAAyB,+BAA8B;;;;;;;;;;;;;;;;;;;;;;;EAQvG,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,GAAG,gBAAO,MAAK;EAE9B,MAAM,YAAY,yDAAqB,OAAO,MAAK;EAEnD,MAAM,aAAa,kBAAS,MAAM;AAChC,OAAI;AACF,WAAO,iCAAa,MAAM,MAAK;GACjC,QACM;AACJ,WAAO,MAAM;GACf;EACD,EAAA;AAED,sCAAoC,EAClC,OAAO,MACR,EAAA;;gCAIC,qBAOc,eAAA,gDAAA,EAPd,oBACU,eAMI,UANK,EAAA;IAChB,cAAY,WAAA;IACZ,cAAY,eAAA,MAAK;IACjB,OAAK,EAAA,yCAA6C,eAAA,MAAK,CAAA;;8BAExD,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItem.js

@@ -0,0 +1,66 @@
+import { createContext } from "../shared/createContext.js";
+import { useForwardPropsEmits } from "../shared/useForwardPropsEmits.js";
+import { ListboxItem_default } from "../Listbox/ListboxItem.js";
+import { getColorName } from "../color/utils.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItem.vue?vue&type=script&setup=true&lang.ts
+const [injectColorSwatchPickerItemContext, provideColorSwatchPickerItemContext] = createContext("ColorSwatchPickerItem", "ColorSwatchPickerItemContext");
+var ColorSwatchPickerItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSwatchPickerItem",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { value } = toRefs(props);
+		const forwarded = useForwardPropsEmits(props, emits);
+		const colorLabel = computed(() => {
+			try {
+				return getColorName(value.value);
+			} catch {
+				return value.value;
+			}
+		});
+		provideColorSwatchPickerItemContext({ color: value });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxItem_default), mergeProps(unref(forwarded), {
+				"aria-label": colorLabel.value,
+				"data-color": unref(value),
+				style: { "--reka-color-swatch-picker-item-color": unref(value) }
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-label",
+				"data-color",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItem.vue
+var ColorSwatchPickerItem_default = ColorSwatchPickerItem_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorSwatchPickerItem_default, injectColorSwatchPickerItemContext };
+//# sourceMappingURL=ColorSwatchPickerItem.js.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItem.js","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItem.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItem.vue"],"sourcesContent":[],"mappings":";;;;;;;AAmBA,MAAa,CAAC,oCAAoC,oCAAmC,GACjF,cAA4C,yBAAyB,+BAA8B;;;;;;;;;;;;;;;;;;;;;;;EAQvG,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,GAAG,OAAO,MAAK;EAE9B,MAAM,YAAY,qBAAqB,OAAO,MAAK;EAEnD,MAAM,aAAa,SAAS,MAAM;AAChC,OAAI;AACF,WAAO,aAAa,MAAM,MAAK;GACjC,QACM;AACJ,WAAO,MAAM;GACf;EACD,EAAA;AAED,sCAAoC,EAClC,OAAO,MACR,EAAA;;uBAIC,YAOc,MAAA,oBAAA,EAPd,WACU,MAMI,UANK,EAAA;IAChB,cAAY,WAAA;IACZ,cAAY,MAAA,MAAK;IACjB,OAAK,EAAA,yCAA6C,MAAA,MAAK,CAAA;;qBAExD,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Listbox_ListboxItemIndicator = require('../Listbox/ListboxItemIndicator.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatchPickerItemIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ColorSwatchPickerItemIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Listbox_ListboxItemIndicator.ListboxItemIndicator_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue
+var ColorSwatchPickerItemIndicator_default = ColorSwatchPickerItemIndicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ColorSwatchPickerItemIndicator_default', {
+  enumerable: true,
+  get: function () {
+    return ColorSwatchPickerItemIndicator_default;
+  }
+});
+//# sourceMappingURL=ColorSwatchPickerItemIndicator.cjs.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItemIndicator.cjs","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;gCAIZ,qBAEuB,eAAA,kEAAA,EAAA,wBAAA,4BAFO,MAAK,CAAA,EAAA;8BACjC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.js

@@ -0,0 +1,34 @@
+import { ListboxItemIndicator_default } from "../Listbox/ListboxItemIndicator.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatchPickerItemIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSwatchPickerItemIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxItemIndicator_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue
+var ColorSwatchPickerItemIndicator_default = ColorSwatchPickerItemIndicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorSwatchPickerItemIndicator_default };
+//# sourceMappingURL=ColorSwatchPickerItemIndicator.js.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItemIndicator.js","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;uBAIZ,YAEuB,MAAA,6BAAA,EAAA,eAAA,mBAFO,MAAK,CAAA,EAAA;qBACjC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_ColorSwatch_ColorSwatch = require('../ColorSwatch/ColorSwatch.cjs');
+const require_ColorSwatchPicker_ColorSwatchPickerItem = require('./ColorSwatchPickerItem.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatchPickerItemSwatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ColorSwatchPickerItemSwatch",
+	props: {
+		label: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const colorSwatchPickerItemContext = require_ColorSwatchPicker_ColorSwatchPickerItem.injectColorSwatchPickerItemContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_ColorSwatch_ColorSwatch.ColorSwatch_default), (0, vue.mergeProps)(props, { color: (0, vue.unref)(colorSwatchPickerItemContext).color.value }), null, 16, ["color"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue
+var ColorSwatchPickerItemSwatch_default = ColorSwatchPickerItemSwatch_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'ColorSwatchPickerItemSwatch_default', {
+  enumerable: true,
+  get: function () {
+    return ColorSwatchPickerItemSwatch_default;
+  }
+});
+//# sourceMappingURL=ColorSwatchPickerItemSwatch.cjs.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItemSwatch.cjs","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAEd,MAAM,+BAA+B,oFAAmC;;gCAItE,qBAGE,eAAA,oDAAA,EAHF,oBACU,OAAK,EACZ,OAAO,eAAA,6BAA4B,CAAC,MAAM"}

package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.js

@@ -0,0 +1,37 @@
+import { ColorSwatch_default } from "../ColorSwatch/ColorSwatch.js";
+import { injectColorSwatchPickerItemContext } from "./ColorSwatchPickerItem.js";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatchPickerItemSwatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSwatchPickerItemSwatch",
+	props: {
+		label: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const colorSwatchPickerItemContext = injectColorSwatchPickerItemContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ColorSwatch_default), mergeProps(props, { color: unref(colorSwatchPickerItemContext).color.value }), null, 16, ["color"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue
+var ColorSwatchPickerItemSwatch_default = ColorSwatchPickerItemSwatch_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ColorSwatchPickerItemSwatch_default };
+//# sourceMappingURL=ColorSwatchPickerItemSwatch.js.map

package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItemSwatch.js","names":[],"sources":["../../src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue","../../src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAEd,MAAM,+BAA+B,oCAAmC;;uBAItE,YAGE,MAAA,oBAAA,EAHF,WACU,OAAK,EACZ,OAAO,MAAA,6BAA4B,CAAC,MAAM"}