@shtabapp/ui-kit 1.84.0 → 1.85.1

package/dist/SCheckbox-Dulusx5v.js

@@ -1,105 +0,0 @@
-import { t as e } from "./useAriaAttrs-CxGRTeye.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useModel as f, useSlots as p, useTemplateRef as m, vModelCheckbox as h, watch as g, withDirectives as _ } from "vue";
-import { SIcon as v } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SCheckbox/SCheckbox.types.ts
-var y = /* @__PURE__ */ function(e) {
-	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
-}({}), b = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.SUCCESS = "success", e;
-}({}), x = /* @__PURE__ */ function(e) {
-	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), S = [
-	"disabled",
-	"name",
-	"value"
-], C = { class: "s-ui-checkbox__control" }, w = {
-	key: 0,
-	class: "s-ui-checkbox__content"
-}, T = {
-	key: 0,
-	class: "s-ui-checkbox__label s-ui-typography-label-14-medium"
-}, E = {
-	key: 1,
-	class: "s-ui-checkbox__description s-ui-typography-body-12-regular"
-}, D = 16, O = /* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "SCheckbox",
-	props: /*@__PURE__*/ s({
-		color: { default: () => b.MAIN },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		indeterminate: {
-			type: Boolean,
-			default: !1
-		},
-		labelPlacement: { default: () => x.RIGHT },
-		name: {},
-		size: { default: () => y.EXTRA_SMALL },
-		value: {}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ s(["change"], ["update:modelValue"]),
-	setup(o, { emit: s }) {
-		let y = f(o, "modelValue"), b = s, { getRootAttrs: O, getAriaAttrs: k } = e(), A = p(), j = m("checkboxInputRef"), M = t(() => y.value), N = () => {
-			let e = j.value;
-			e && (e.indeterminate = o.indeterminate);
-		};
-		g([
-			j,
-			() => o.indeterminate,
-			M
-		], N, {
-			immediate: !0,
-			flush: "post"
-		});
-		let P = t(() => M.value && !o.indeterminate), F = t(() => [
-			`s-ui-checkbox--size-${o.size}`,
-			`s-ui-checkbox--color-${o.color}`,
-			{
-				"s-ui-checkbox--checked": M.value,
-				"s-ui-checkbox--indeterminate": o.indeterminate,
-				"s-ui-checkbox--disabled": o.disabled,
-				"s-ui-checkbox--label-left": o.labelPlacement === x.LEFT
-			}
-		]), I = (e) => {
-			if (!(e.target instanceof HTMLInputElement)) return;
-			let t = e.target.checked;
-			N(), b("change", t);
-		};
-		return (e, t) => (l(), i("label", c({ class: "s-ui-checkbox" }, d(O)(), { class: [F.value, { "s-ui-checkbox--control-only": !d(A).default && !d(A).description }] }), [
-			_(a("input", c({
-				ref_key: "checkboxInputRef",
-				ref: j,
-				"onUpdate:modelValue": t[0] ||= (e) => y.value = e,
-				type: "checkbox",
-				class: "s-ui-checkbox__input"
-			}, d(k)(), {
-				disabled: o.disabled,
-				name: o.name,
-				value: o.value,
-				onChange: I
-			}), null, 16, S), [[h, y.value]]),
-			a("span", C, [P.value ? (l(), n(d(v), {
-				key: 0,
-				class: "s-ui-checkbox__icon",
-				name: "checkMini",
-				size: D
-			})) : o.indeterminate ? (l(), n(d(v), {
-				key: 1,
-				class: "s-ui-checkbox__icon",
-				name: "minusMini",
-				size: D
-			})) : r("", !0)]),
-			d(A).default || d(A).description ? (l(), i("span", w, [d(A).default ? (l(), i("span", T, [u(e.$slots, "default")])) : r("", !0), d(A).description ? (l(), i("span", E, [u(e.$slots, "description")])) : r("", !0)])) : r("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { y as i, b as n, x as r, O as t };

package/dist/SChip-CdKh_3Bo.js

@@ -1,101 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-n2Zuqh04.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withModifiers as h } from "vue";
-import { useUiKitI18n as g } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SChip/SChip.types.ts
-var _ = /* @__PURE__ */ function(e) {
-	return e.BLUE = "blue", e.RED = "red", e.WHITE = "white", e.BILLING = "billing", e;
-}({}), v = /* @__PURE__ */ function(e) {
-	return e.SIZE_20 = "20", e.SIZE_24 = "24", e.SIZE_32 = "32", e;
-}({}), y = [
-	"tabindex",
-	"aria-disabled",
-	"inert"
-], b = { class: "s-ui-chip__content" }, x = {
-	key: 0,
-	class: "s-ui-chip__icon"
-}, S = {
-	key: 1,
-	class: "s-ui-chip__prefix"
-}, C = {
-	key: 0,
-	class: "s-ui-chip__actions"
-}, w = {
-	key: 0,
-	class: "s-ui-chip__action-delete"
-}, T = /* @__PURE__ */ l({
-	__name: "SChip",
-	props: {
-		color: { default: () => _.BLUE },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: () => v.SIZE_32 },
-		deletable: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["delete"],
-	setup(l, { emit: T }) {
-		let E = T, { t: D } = g(), O = m(), k = i(() => l.color === _.BILLING), A = i(() => l.disabled ? !1 : k.value), j = i(() => l.disabled ? -1 : 0), M = i(() => !!O.actions || l.deletable), N = () => {
-			E("delete");
-		}, P = i(() => [
-			`s-ui-chip--color-${l.color}`,
-			`s-ui-chip--size-${l.size}`,
-			{
-				"s-ui-chip--disabled": l.disabled,
-				"s-ui-chip--selected": l.selected
-			}
-		]), F = i(() => l.size === v.SIZE_20 ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), I = {
-			[v.SIZE_20]: 16,
-			[v.SIZE_24]: 20,
-			[v.SIZE_32]: 20
-		}, L = i(() => I[l.size]);
-		return (i, m) => (d(), o("span", {
-			class: u(["s-ui-chip", P.value]),
-			tabindex: j.value,
-			role: "group",
-			"aria-disabled": l.disabled ? !0 : void 0,
-			inert: l.disabled ? !0 : void 0
-		}, [s("span", b, [
-			p(O).icon ? (d(), o("span", x, [f(i.$slots, "icon", {
-				billing: A.value,
-				disabled: l.disabled,
-				size: L.value
-			})])) : a("", !0),
-			p(O).prefix ? (d(), o("span", S, [f(i.$slots, "prefix", {
-				disabled: l.disabled,
-				size: l.size
-			})])) : a("", !0),
-			p(O).default ? (d(), o("span", {
-				key: 2,
-				class: u(["s-ui-chip__label", F.value])
-			}, [f(i.$slots, "default")], 2)) : a("", !0)
-		]), M.value ? (d(), o("span", C, [f(i.$slots, "actions", {
-			billing: k.value,
-			disabled: l.disabled
-		}), l.deletable ? (d(), o("span", w, [c(p(r), {
-			appearance: p(t).BARE,
-			variant: p(e).NEUTRAL,
-			size: p(n).SMALL,
-			disabled: l.disabled,
-			tabindex: -1,
-			icon: "closeMini",
-			"aria-label": p(D)("chip.delete"),
-			onClick: h(N, ["stop"])
-		}, null, 8, [
-			"appearance",
-			"variant",
-			"size",
-			"disabled",
-			"aria-label"
-		])])) : a("", !0)])) : a("", !0)], 10, y));
-	}
-});
-//#endregion
-export { _ as n, v as r, T as t };

package/dist/SChip-DwjDiD7C.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-CZW6Y8Vw.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives");var r=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),i=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),a=[`tabindex`,`aria-disabled`,`inert`],o={class:`s-ui-chip__content`},s={key:0,class:`s-ui-chip__icon`},c={key:1,class:`s-ui-chip__prefix`},l={key:0,class:`s-ui-chip__actions`},u={key:0,class:`s-ui-chip__action-delete`},d=(0,t.defineComponent)({__name:`SChip`,props:{color:{default:()=>r.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>i.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(d,{emit:f}){let p=f,{t:m}=(0,n.useUiKitI18n)(),h=(0,t.useSlots)(),g=(0,t.computed)(()=>d.color===r.BILLING),_=(0,t.computed)(()=>d.disabled?!1:g.value),v=(0,t.computed)(()=>d.disabled?-1:0),y=(0,t.computed)(()=>!!h.actions||d.deletable),b=()=>{p(`delete`)},x=(0,t.computed)(()=>[`s-ui-chip--color-${d.color}`,`s-ui-chip--size-${d.size}`,{"s-ui-chip--disabled":d.disabled,"s-ui-chip--selected":d.selected}]),S=(0,t.computed)(()=>d.size===i.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),C={[i.SIZE_20]:16,[i.SIZE_24]:20,[i.SIZE_32]:20},w=(0,t.computed)(()=>C[d.size]);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`s-ui-chip`,x.value]),tabindex:v.value,role:`group`,"aria-disabled":d.disabled?!0:void 0,inert:d.disabled?!0:void 0},[(0,t.createElementVNode)(`span`,o,[(0,t.unref)(h).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,s,[(0,t.renderSlot)(n.$slots,`icon`,{billing:_.value,disabled:d.disabled,size:w.value})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,[(0,t.renderSlot)(n.$slots,`prefix`,{disabled:d.disabled,size:d.size})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:2,class:(0,t.normalizeClass)([`s-ui-chip__label`,S.value])},[(0,t.renderSlot)(n.$slots,`default`)],2)):(0,t.createCommentVNode)(``,!0)]),y.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,l,[(0,t.renderSlot)(n.$slots,`actions`,{billing:g.value,disabled:d.disabled}),d.deletable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u,[(0,t.createVNode)((0,t.unref)(e.t),{appearance:(0,t.unref)(e.n).BARE,variant:(0,t.unref)(e.i).NEUTRAL,size:(0,t.unref)(e.r).SMALL,disabled:d.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,t.unref)(m)(`chip.delete`),onClick:(0,t.withModifiers)(b,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],10,a))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/SColorPalette-CqIA4Qtp.cjs

@@ -1 +0,0 @@
-const e=require("./colorValue-Dda7fKd3.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.RED_ORANGE=`red-orange`,e.ORANGE=`orange`,e.YELLOW=`yellow`,e.GREEN=`green`,e.TEAL=`teal`,e.CYAN=`cyan`,e.BLUE=`blue`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.MAGENTA=`magenta`,e.PINK=`pink`,e.RED=`red`,e}({}),a=function(e){return e.HEX=`hex`,e.RGB=`rgb`,e.HSL=`hsl`,e}({}),o=[i.RED_ORANGE,i.ORANGE,i.YELLOW,i.GREEN,i.TEAL,i.CYAN,i.BLUE,i.INDIGO,i.VIOLET,i.MAGENTA,i.PINK],s=[i.RED_ORANGE,i.ORANGE,i.YELLOW,i.GREEN,i.TEAL,i.CYAN,i.BLUE,i.INDIGO,i.VIOLET,i.MAGENTA,i.PINK],c=[`primary`,`secondary`,`tertiary`],l=(e,t)=>`var(--s-ui-color-background-accent-${e}-${t})`,u=[`var(--s-ui-color-icon-surface-primary)`,`var(--s-ui-color-icon-surface-tertiary)`,`var(--s-ui-color-icon-surface-disabled)`],d=[...(()=>{let e=[];for(let t of s)for(let n of c)e.push(l(t,n));return e})(),...u],f=function(e){return e.ROW=`row`,e.GRID=`grid`,e}({}),p=[`aria-disabled`],m={key:0,class:`s-ui-color-palette__append`},h=(0,n.defineComponent)({__name:`SColorPalette`,props:(0,n.mergeModels)({layout:{default:()=>f.ROW},disabled:{type:Boolean,default:!1},colors:{},size:{default:()=>r.ESColorSwatchSize.SIZE_40}},{modelValue:{},modelModifiers:{}}),emits:(0,n.mergeModels)([`select`],[`update:modelValue`]),setup(i,{emit:a}){let s=(0,n.useModel)(i,`modelValue`),c=a,l=(0,n.useSlots)(),{t:u}=(0,r.useUiKitI18n)(),d=e=>u(`colorPalette.swatch`,{value:String(e)}),f=(0,n.computed)(()=>i.colors===void 0?o:i.colors),h=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{t.i(e)&&(s.value=e,c(`select`,e))},mode:t.n.SINGLE,orientation:t.r.HORIZONTAL,orderedValues:()=>f.value,compareValues:e.r,loop:!0}),g=(0,n.shallowReactive)(new Map),_=new Map,v=new Map,y=(e,t)=>`${String(e)}-${t}`,b=e=>e&&(e instanceof HTMLElement||`$el`in e)?e:null,x=(e,t)=>{let n=y(e,t),r=v.get(n);if(r)return r;let a=t=>{let r=_.get(n),a=b(t);if(!t){r&&(r(),_.delete(n)),g.delete(n);return}if(!a||g.get(n)===a&&r)return;r&&(r(),_.delete(n)),g.set(n,a);let o=h.registerItem({value:e,el:()=>g.get(n)??null,disabled:()=>i.disabled});_.set(n,o)};return v.set(n,a),a};(0,n.onScopeDispose)(()=>{for(let e of _.values())e();_.clear(),g.clear(),v.clear()});let S=e=>i.disabled?-1:h.getItemTabIndex(e),C=(e,t)=>{if(i.disabled){t.preventDefault(),t.stopPropagation();return}h.select(e)},w=(e,t)=>{i.disabled||h.handleItemKeydown(t,e)},T=(0,n.computed)(()=>[`s-ui-color-palette--layout-${i.layout}`,{"s-ui-color-palette--disabled":i.disabled,"s-ui-color-palette--has-append":!!l.append}]);return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:[`s-ui-color-palette`,T.value],role:`radiogroup`,"aria-disabled":i.disabled||void 0},t.$attrs),[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(f.value,(t,a)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SColorSwatch),{key:`${String(t)}-${a}`,ref_for:!0,ref:x(t,a),role:`radio`,class:`s-ui-color-palette__swatch`,color:(0,n.unref)(e.a)(t),size:i.size,selected:(0,n.unref)(h).isSelected(t),disabled:i.disabled,"aria-checked":(0,n.unref)(h).isSelected(t)?`true`:`false`,"aria-label":d(t),tabindex:S(t),onClick:e=>C(t,e),onKeydown:e=>w(t,e)},null,8,[`color`,`size`,`selected`,`disabled`,`aria-checked`,`aria-label`,`tabindex`,`onClick`,`onKeydown`]))),128)),(0,n.unref)(l).append?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.renderSlot)(t.$slots,`append`)])):(0,n.createCommentVNode)(``,!0)],16,p))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SColorPalette-OCu-tgZ3.js

@@ -1,146 +0,0 @@
-import { a as e, r as t } from "./colorValue-CSh0chxp.js";
-import { i as n, n as r, o as i, r as a } from "./useSelectionGroup-BCAmPf3R.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, defineComponent as d, mergeModels as f, mergeProps as p, onScopeDispose as m, openBlock as h, renderList as g, renderSlot as _, shallowReactive as v, unref as y, useModel as b, useSlots as x } from "vue";
-import { ESColorSwatchSize as S, SColorSwatch as C, useUiKitI18n as w } from "@shtabapp/ui-kit-primitives";
-//#region src/utils/color/types.ts
-var T = /* @__PURE__ */ function(e) {
-	return e.RED_ORANGE = "red-orange", e.ORANGE = "orange", e.YELLOW = "yellow", e.GREEN = "green", e.TEAL = "teal", e.CYAN = "cyan", e.BLUE = "blue", e.INDIGO = "indigo", e.VIOLET = "violet", e.MAGENTA = "magenta", e.PINK = "pink", e.RED = "red", e;
-}({}), E = /* @__PURE__ */ function(e) {
-	return e.HEX = "hex", e.RGB = "rgb", e.HSL = "hsl", e;
-}({}), D = [
-	T.RED_ORANGE,
-	T.ORANGE,
-	T.YELLOW,
-	T.GREEN,
-	T.TEAL,
-	T.CYAN,
-	T.BLUE,
-	T.INDIGO,
-	T.VIOLET,
-	T.MAGENTA,
-	T.PINK
-], O = [
-	T.RED_ORANGE,
-	T.ORANGE,
-	T.YELLOW,
-	T.GREEN,
-	T.TEAL,
-	T.CYAN,
-	T.BLUE,
-	T.INDIGO,
-	T.VIOLET,
-	T.MAGENTA,
-	T.PINK
-], k = [
-	"primary",
-	"secondary",
-	"tertiary"
-], A = (e, t) => `var(--s-ui-color-background-accent-${e}-${t})`, j = [
-	"var(--s-ui-color-icon-surface-primary)",
-	"var(--s-ui-color-icon-surface-tertiary)",
-	"var(--s-ui-color-icon-surface-disabled)"
-], M = [...(() => {
-	let e = [];
-	for (let t of O) for (let n of k) e.push(A(t, n));
-	return e;
-})(), ...j], N = /* @__PURE__ */ function(e) {
-	return e.ROW = "row", e.GRID = "grid", e;
-}({}), P = ["aria-disabled"], F = {
-	key: 0,
-	class: "s-ui-color-palette__append"
-}, I = /* @__PURE__ */ d({
-	__name: "SColorPalette",
-	props: /*@__PURE__*/ f({
-		layout: { default: () => N.ROW },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		colors: {},
-		size: { default: () => S.SIZE_40 }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ f(["select"], ["update:modelValue"]),
-	setup(d, { emit: f }) {
-		let S = b(d, "modelValue"), T = f, E = x(), { t: O } = w(), k = (e) => O("colorPalette.swatch", { value: String(e) }), A = s(() => d.colors === void 0 ? D : d.colors), j = i({
-			modelValue: () => S.value,
-			onUpdateModelValue: (e) => {
-				n(e) && (S.value = e, T("select", e));
-			},
-			mode: r.SINGLE,
-			orientation: a.HORIZONTAL,
-			orderedValues: () => A.value,
-			compareValues: t,
-			loop: !0
-		}), M = v(/* @__PURE__ */ new Map()), N = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), L = (e, t) => `${String(e)}-${t}`, R = (e) => e && (e instanceof HTMLElement || "$el" in e) ? e : null, z = (e, t) => {
-			let n = L(e, t), r = I.get(n);
-			if (r) return r;
-			let i = (t) => {
-				let r = N.get(n), i = R(t);
-				if (!t) {
-					r && (r(), N.delete(n)), M.delete(n);
-					return;
-				}
-				if (!i || M.get(n) === i && r) return;
-				r && (r(), N.delete(n)), M.set(n, i);
-				let a = j.registerItem({
-					value: e,
-					el: () => M.get(n) ?? null,
-					disabled: () => d.disabled
-				});
-				N.set(n, a);
-			};
-			return I.set(n, i), i;
-		};
-		m(() => {
-			for (let e of N.values()) e();
-			N.clear(), M.clear(), I.clear();
-		});
-		let B = (e) => d.disabled ? -1 : j.getItemTabIndex(e), V = (e, t) => {
-			if (d.disabled) {
-				t.preventDefault(), t.stopPropagation();
-				return;
-			}
-			j.select(e);
-		}, H = (e, t) => {
-			d.disabled || j.handleItemKeydown(t, e);
-		}, U = s(() => [`s-ui-color-palette--layout-${d.layout}`, {
-			"s-ui-color-palette--disabled": d.disabled,
-			"s-ui-color-palette--has-append": !!E.append
-		}]);
-		return (t, n) => (h(), u("div", p({
-			class: ["s-ui-color-palette", U.value],
-			role: "radiogroup",
-			"aria-disabled": d.disabled || void 0
-		}, t.$attrs), [(h(!0), u(o, null, g(A.value, (t, n) => (h(), c(y(C), {
-			key: `${String(t)}-${n}`,
-			ref_for: !0,
-			ref: z(t, n),
-			role: "radio",
-			class: "s-ui-color-palette__swatch",
-			color: y(e)(t),
-			size: d.size,
-			selected: y(j).isSelected(t),
-			disabled: d.disabled,
-			"aria-checked": y(j).isSelected(t) ? "true" : "false",
-			"aria-label": k(t),
-			tabindex: B(t),
-			onClick: (e) => V(t, e),
-			onKeydown: (e) => H(t, e)
-		}, null, 8, [
-			"color",
-			"size",
-			"selected",
-			"disabled",
-			"aria-checked",
-			"aria-label",
-			"tabindex",
-			"onClick",
-			"onKeydown"
-		]))), 128)), y(E).append ? (h(), u("div", F, [_(t.$slots, "append")])) : l("", !0)], 16, P));
-	}
-});
-//#endregion
-export { T as a, D as i, N as n, E as o, M as r, I as t };

package/dist/SColorPicker-BJjZR52T.cjs

@@ -1 +0,0 @@
-const e=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs"),t=require("./SColorPalette-CqIA4Qtp.cjs"),n=require("./colorValue-Dda7fKd3.cjs"),r=require("./SButton-CZW6Y8Vw.cjs"),i=require("./useFloatingOverlay-CwGCMrig.cjs"),a=require("./SDropdown-B_nsm3Jf.cjs"),o=require("./SDropdownMenu-k9SxaFVH.cjs"),s=require("./SSelect-BG4Wh8N9.cjs");let c=require("vue"),l=require("@shtabapp/ui-kit-primitives"),u=require("@vueuse/core");var d=e=>Math.max(0,Math.min(255,Math.round(e))),f=e=>{let t=e%360;return t<0?t+360:t},p=e=>Math.max(0,Math.min(100,Math.round(e))),m=e=>{let t=e.slice(1);if(t.length===3){let e=t[0],n=t[1],r=t[2];return!e||!n||!r?void 0:`${e}${e}${n}${n}${r}${r}`}if(t.length===6||t.length===8)return t.slice(0,6)},h=e=>{let t=m(e);if(!t)return;let n=Number.parseInt(t.slice(0,2),16),r=Number.parseInt(t.slice(2,4),16),i=Number.parseInt(t.slice(4,6),16);if(!(Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)))return{first:n,second:r,third:i}},g=e=>{let t=d(e.first),n=d(e.second),r=d(e.third);return`#${t.toString(16).padStart(2,`0`).toUpperCase()}${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}`},_=e=>{let t=h(e);if(!t)return;let n=t.first/255,r=t.second/255,i=t.third/255,a=Math.max(n,r,i),o=Math.min(n,r,i),s=a-o,c=0,l=(a+o)/2;s!==0&&(c=a===n?((r-i)/s+(r<i?6:0))*60:a===r?((i-n)/s+2)*60:((n-r)/s+4)*60);let u=0;return s!==0&&(u=l>.5?s/(2-a-o):s/(a+o)),{first:Math.round(c),second:Math.round(u*100),third:Math.round(l*100)}},v=e=>{let t=f(e.first),n=p(e.second)/100,r=p(e.third)/100,i=e=>{let i=(t+e)/30;return d((r-n*Math.min(r,1-r)*Math.max(-1,Math.min(i%2-1,1)))*255)};return g({first:i(0),second:i(8),third:i(4)})},y=t=>{let n=t.toUpperCase(),r=n.startsWith(`#`)?n.slice(1):n;if(!/^[0-9A-F]{3}$/.test(r)&&!/^[0-9A-F]{6}$/.test(r))return;let i=`#${r}`;if(e.n(i))return g(h(i)??{first:0,second:0,third:0})},b=e=>e.slice(1).toUpperCase(),x=e=>{let t=e.first/255,n=e.second/255,r=e.third/255,i=Math.max(t,n,r),a=i-Math.min(t,n,r),o=0;a!==0&&(o=i===t?(n-r)/a%6:i===n?(r-t)/a+2:(t-n)/a+4,o=Math.round(o*60),o<0&&(o+=360));let s=i===0?0:a/i;return{hue:o,saturation:s,value:i}},S=e=>{let t=e.value*e.saturation,n=e.hue/60,r=t*(1-Math.abs(n%2-1)),i=e.value-t,a=0,o=0,s=0;return n>=0&&n<1?(a=t,o=r):n>=1&&n<2?(a=r,o=t):n>=2&&n<3?(o=t,s=r):n>=3&&n<4?(o=r,s=t):n>=4&&n<5?(a=r,s=t):(a=t,s=r),{first:d((a+i)*255),second:d((o+i)*255),third:d((s+i)*255)}},C=e=>{let t=h(e);if(t)return x(t)},w=e=>g(S(e)),T=[t.o.HEX,t.o.RGB,t.o.HSL],E={[t.o.HEX]:`Hex`,[t.o.RGB]:`RGB`,[t.o.HSL]:`HSL`},D=e=>{let t=getComputedStyle(e).backgroundColor.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(!t)return;let n=Number.parseInt(t[1]??`0`,10),r=Number.parseInt(t[2]??`0`,10),i=Number.parseInt(t[3]??`0`,10);return`#${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}${i.toString(16).padStart(2,`0`).toUpperCase()}`},O=(t,r)=>{if(n.n(t)&&e.n(t))return t;if(r)return D(r)},k=(e,n)=>n===t.o.HEX?b(e):n===t.o.RGB?h(e)??{first:0,second:0,third:0}:_(e)??{first:0,second:0,third:0},A=e=>{let t=Number.parseInt(e,10);if(!Number.isNaN(t))return t},j=(e,n)=>{if(e===t.o.HEX)return typeof n==`string`?y(n):void 0;if(typeof n==`string`)return;if(e===t.o.RGB){let e=g({first:A(String(n.first))??0,second:A(String(n.second))??0,third:A(String(n.third))??0});return h(e)?e:void 0}let r=v({first:A(String(n.first))??0,second:A(String(n.second))??0,third:A(String(n.third))??0});if(r&&_(r))return r},M=17,N=`#000000`,P=e=>e??N,F=({modelValue:e,getEditableHex:t,saturationAreaRef:n,hueSliderRef:r,disabled:i,readonly:a})=>{let o=C(P(t()))??{hue:0,saturation:0,value:0},s=(0,c.ref)(o.hue),l=(0,c.ref)(o.saturation),d=(0,c.ref)(o.value),f=(0,c.ref)(!1),p=(0,c.ref)(!1),m=(0,c.ref)(!1),h=(0,c.shallowRef)(null),g=(0,c.shallowRef)(null),_=(0,c.computed)(()=>w({hue:s.value,saturation:l.value,value:d.value})),v=(0,c.computed)(()=>w({hue:s.value,saturation:1,value:1})),y=e=>{s.value=Math.max(0,Math.min(360,e))},b=(e,t)=>{l.value=Math.max(0,Math.min(1,e)),d.value=Math.max(0,Math.min(1,t))},x=e=>{let t=C(P(e));t&&(f.value=!0,t.saturation>0&&(s.value=t.hue),l.value=t.saturation,d.value=t.value,f.value=!1)},S=()=>{let e=t();e&&e.toUpperCase()!==_.value.toUpperCase()&&x(e)},T=()=>{let n=_.value;t()?.toUpperCase()!==n.toUpperCase()&&(f.value=!0,e.value=n,f.value=!1)};(0,c.watch)([s,l,d],()=>{f.value||T()}),(0,c.watch)(e,()=>{f.value||S()}),(0,c.onMounted)(()=>{(0,c.nextTick)(()=>{E(),D(),S()})});let E=()=>{h.value=n.value?.getBoundingClientRect()??null},D=()=>{g.value=r.value?.getBoundingClientRect()??null},O=(0,c.computed)(()=>{let e=h.value;return e?{transform:`translate3d(calc(${l.value*e.width}px - 50%), calc(${(1-d.value)*e.height}px - 50%), 0)`}:{}}),k=(0,c.computed)(()=>{let e=g.value;return e?{transform:`translate3d(-50%, calc(${s.value/360*e.height}px - 50%), 0)`}:{}}),A=()=>!i.value&&!a.value,j=e=>{let t=h.value;if(!t)return;let n=Math.max(0,Math.min(e.clientX-t.left,t.width)),r=Math.max(0,Math.min(e.clientY-t.top,t.height));b(n/t.width,1-r/t.height)},M=e=>{let t=g.value;t&&y(Math.max(0,Math.min(e.clientY-t.top,t.height))/t.height*360)},N=e=>{A()&&(E(),p.value=!0,j(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},F=e=>{A()&&(D(),m.value=!0,M(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},I=()=>{p.value=!1},L=()=>{m.value=!1};return(0,u.useEventListener)(n,`pointermove`,e=>{p.value&&j(e)}),(0,u.useEventListener)(n,`pointerup`,I),(0,u.useEventListener)(n,`pointercancel`,I),(0,u.useEventListener)(n,`lostpointercapture`,I),(0,u.useEventListener)(r,`pointermove`,e=>{m.value&&M(e)}),(0,u.useEventListener)(r,`pointerup`,L),(0,u.useEventListener)(r,`pointercancel`,L),(0,u.useEventListener)(r,`lostpointercapture`,L),{hexColor:_,hueBackground:v,saturationPointerStyle:O,huePointerStyle:k,handleSaturationPointerDown:N,handleHuePointerDown:F,syncFromModelValue:S}},I=e=>{if(!e)return null;let t=e.$el;if(!(t instanceof HTMLElement))return null;let n=t.querySelector(`.s-ui-color-swatch__fill`);return n instanceof HTMLElement?n:null},L={class:`s-ui-color-area__canvas-row`},R=[`aria-label`],z=[`aria-label`,`aria-disabled`],B=(0,c.defineComponent)({__name:`SColorArea`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=(0,c.useModel)(e,`modelValue`),{t:r}=(0,l.useUiKitI18n)(),i=(0,c.useTemplateRef)(`colorResolutionSwatchRef`),a=(0,c.useTemplateRef)(`saturationAreaRef`),o=(0,c.useTemplateRef)(`hueSliderRef`),s=()=>O(t.value,I(i.value)),u=(0,c.computed)(()=>n.a(t.value)),{hexColor:d,hueBackground:f,saturationPointerStyle:p,huePointerStyle:m,handleSaturationPointerDown:h,handleHuePointerDown:g}=F({modelValue:t,getEditableHex:s,saturationAreaRef:a,hueSliderRef:o,disabled:(0,c.toRef)(()=>e.disabled),readonly:(0,c.toRef)(()=>e.readonly)});return(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-color-area`,{"s-ui-color-area--disabled":e.disabled,"s-ui-color-area--readonly":e.readonly}]},t.$attrs),[(0,c.createVNode)((0,c.unref)(l.SColorSwatch),{ref_key:`colorResolutionSwatchRef`,ref:i,class:`s-ui-color-area__color-resolution`,color:u.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_24,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`]),(0,c.createElementVNode)(`div`,L,[(0,c.createElementVNode)(`div`,{ref_key:`saturationAreaRef`,ref:a,class:`s-ui-color-area__canvas`,role:`img`,"aria-label":(0,c.unref)(r)(`colorArea.saturationBrightness`),style:(0,c.normalizeStyle)({"--s-ui-color-area-hue":(0,c.unref)(f)}),onPointerdown:n[0]||=(...e)=>(0,c.unref)(h)&&(0,c.unref)(h)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__canvas-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(p),backgroundColor:(0,c.unref)(d)})},null,4)],44,R),(0,c.createElementVNode)(`div`,{ref_key:`hueSliderRef`,ref:o,class:`s-ui-color-area__hue`,role:`slider`,"aria-label":(0,c.unref)(r)(`colorArea.hue`),"aria-valuemin":`0`,"aria-valuemax":`360`,"aria-disabled":e.disabled||e.readonly,onPointerdown:n[1]||=(...e)=>(0,c.unref)(g)&&(0,c.unref)(g)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__hue-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(m),backgroundColor:(0,c.unref)(f)})},null,4)],40,z)])],16))}}),V={class:`s-ui-color-values__left`},H={class:`s-ui-color-values__format`},U={class:`s-ui-color-values__value-group`},W={class:`s-ui-color-values__inputs`},G={key:0,class:`s-ui-color-values__input-wrap`},K=[`disabled`,`readonly`,`aria-label`],q={class:`s-ui-color-values__input-wrap`},J=[`disabled`,`readonly`,`aria-label`],Y={class:`s-ui-color-values__input-wrap`},X=[`disabled`,`readonly`,`aria-label`],Z={class:`s-ui-color-values__input-wrap`},Q=[`disabled`,`readonly`,`aria-label`],$=(0,c.defineComponent)({__name:`SColorValues`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},formats:{default:()=>T}},{modelValue:{required:!0},modelModifiers:{},format:{default:t.o.HEX},formatModifiers:{}}),emits:(0,c.mergeModels)([`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`,`update:format`]),setup(e,{emit:i}){let{t:a}=(0,l.useUiKitI18n)(),o=(0,c.useModel)(e,`modelValue`),u=(0,c.useModel)(e,`format`),d=i,f=(0,c.useTemplateRef)(`previewSwatchRef`),p=(0,c.ref)(``),m=(0,c.ref)(`0`),h=(0,c.ref)(`0`),g=(0,c.ref)(`0`),_=(0,c.computed)(()=>(e.formats.length>0?e.formats:T).map(e=>({value:e,label:E[e]}))),v=(0,c.computed)(()=>n.a(o.value)),y=(0,c.computed)(()=>O(o.value,I(f.value))),b=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.redChannel`):a(`colorValues.hueChannel`)),x=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.greenChannel`):a(`colorValues.saturationChannel`)),S=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.blueChannel`):a(`colorValues.lightnessChannel`)),C=()=>{let e=y.value;if(!e)return;let n=k(e,u.value);if(u.value===t.o.HEX&&typeof n==`string`){p.value=n;return}typeof n==`object`&&(m.value=String(n.first),h.value=String(n.second),g.value=String(n.third))};(0,c.watch)([o,u,y],()=>{C()}),(0,c.onMounted)(()=>{(0,c.nextTick)(()=>{C()})});let w=()=>{if(e.disabled||e.readonly)return;if(u.value===t.o.HEX){let e=j(t.o.HEX,p.value);e&&(o.value=e),C();return}let n=j(u.value,{first:Number.parseInt(m.value,10),second:Number.parseInt(h.value,10),third:Number.parseInt(g.value,10)});n&&(o.value=n),C()},D=e=>{e.key===`Enter`&&(e.preventDefault(),w())};return(n,i)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-color-values`,{"s-ui-color-values--disabled":e.disabled,"s-ui-color-values--readonly":e.readonly}]},n.$attrs),[(0,c.createElementVNode)(`div`,V,[(0,c.createVNode)((0,c.unref)(l.SColorSwatch),{ref_key:`previewSwatchRef`,ref:f,class:`s-ui-color-values__preview`,color:v.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`,`disabled`]),(0,c.createElementVNode)(`div`,H,[(0,c.createVNode)((0,c.unref)(s.t),{modelValue:u.value,"onUpdate:modelValue":i[0]||=e=>u.value=e,class:`s-ui-color-values__format-select`,options:_.value,disabled:e.disabled,readonly:e.readonly,bordered:!0,clearable:!1,"close-on-select":!0,"fit-viewport":!1,"aria-label":(0,c.unref)(a)(`colorValues.format`),onOpen:i[1]||=e=>d(`formatDropdownOpen`),onClose:i[2]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`options`,`disabled`,`readonly`,`aria-label`])])]),(0,c.createElementVNode)(`div`,U,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-values__pipette`,appearance:(0,c.unref)(r.n).BARE,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`pipette`,"aria-label":(0,c.unref)(a)(`colorValues.pickColor`),"aria-disabled":`true`,disabled:e.disabled,tabindex:`-1`},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`]),i[9]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,W,[u.value===(0,c.unref)(t.o).HEX?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,G,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[3]||=e=>p.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`text`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":(0,c.unref)(a)(`colorValues.hexValue`),onBlur:w,onKeydown:D},null,40,K),[[c.vModelText,p.value]])])):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createElementVNode)(`div`,q,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[4]||=e=>m.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":b.value,onBlur:w,onKeydown:D},null,40,J),[[c.vModelText,m.value]])]),i[7]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Y,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[5]||=e=>h.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":x.value,onBlur:w,onKeydown:D},null,40,X),[[c.vModelText,h.value]])]),i[8]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Z,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[6]||=e=>g.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":S.value,onBlur:w,onKeydown:D},null,40,Q),[[c.vModelText,g.value]])])],64))])])],16))}}),ee={class:`s-ui-color-picker__section`},te={class:`s-ui-color-picker__label`},ne={class:`s-ui-color-picker__section`},re={class:`s-ui-color-picker__label`},ie={class:`s-ui-color-picker__custom-editor`},ae={class:`s-ui-color-picker__custom-actions`},oe=(0,c.defineComponent)({__name:`SColorPicker`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},recommendedColors:{},recentColors:{default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:(0,c.mergeModels)([`select`,`customEditorOpen`,`customEditorClose`,`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`]),setup(e,{emit:n}){let s=(0,c.useModel)(e,`modelValue`),u=n,{t:d}=(0,l.useUiKitI18n)(),f=(0,c.ref)(!1),p=(0,c.ref)(`#526DE3`),m=(0,c.ref)(t.o.HEX),h=(0,c.computed)(()=>e.recommendedColors&&e.recommendedColors.length>0?e.recommendedColors:t.r),g=(0,c.computed)(()=>e.recentColors.length<=17?e.recentColors:e.recentColors.slice(0,17)),_=()=>{if(s.value){p.value=s.value;return}p.value=`#526DE3`},v=e=>{u(`select`,e)},y=()=>{s.value=p.value,u(`select`,p.value),f.value=!1},b=()=>{f.value=!1};return(0,c.watch)(f,(e,t)=>{if(e&&!t){_(),u(`customEditorOpen`);return}!e&&t&&u(`customEditorClose`)}),(n,_)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),(0,c.mergeProps)({width:336},n.$attrs),{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`s-ui-color-picker`,{"s-ui-color-picker--disabled":e.disabled}])},[(0,c.createElementVNode)(`section`,ee,[(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recommendedColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[0]||=e=>s.value=e,class:`s-ui-color-picker__palette`,layout:(0,c.unref)(t.n).GRID,colors:h.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:v},null,8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])]),(0,c.createElementVNode)(`section`,ne,[(0,c.createElementVNode)(`span`,re,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recentColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[7]||=e=>s.value=e,class:`s-ui-color-picker__palette`,layout:(0,c.unref)(t.n).ROW,colors:g.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:v},{append:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(a.t),{modelValue:f.value,"onUpdate:modelValue":_[6]||=e=>f.value=e,placement:(0,c.unref)(i.s).RIGHT_START,offset:8,shift:!0,flip:!0,disabled:e.disabled,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{trigger:(0,c.withCtx)(({toggle:t,triggerProps:n})=>[(0,c.createVNode)((0,c.unref)(r.t),(0,c.mergeProps)(n,{class:`s-ui-color-picker__add-button`,appearance:(0,c.unref)(r.n).OUTLINED,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`plus`,"aria-label":(0,c.unref)(d)(`colorPicker.addCustomColor`),disabled:e.disabled,onClick:t}),null,16,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(o.t),{width:320},{footer:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ae,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__save-button`,appearance:(0,c.unref)(r.n).MAJOR,variant:(0,c.unref)(r.i).MAIN,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:y},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.save`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`]),(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__cancel-button`,appearance:(0,c.unref)(r.n).MINOR,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:b},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.cancel`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`])])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ie,[(0,c.createVNode)(B,{modelValue:p.value,"onUpdate:modelValue":_[1]||=e=>p.value=e,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),(0,c.createVNode)($,{modelValue:p.value,"onUpdate:modelValue":_[2]||=e=>p.value=e,format:m.value,"onUpdate:format":_[3]||=e=>m.value=e,disabled:e.disabled,onFormatDropdownOpen:_[4]||=e=>u(`formatDropdownOpen`),onFormatDropdownClose:_[5]||=e=>u(`formatDropdownClose`)},null,8,[`modelValue`,`format`,`disabled`])])]),_:1})]),_:1},8,[`modelValue`,`placement`,`disabled`])]),_:1},8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])])],2)]),_:1},16))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return oe}});