@shtabapp/ui-kit 1.52.0 → 1.53.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.52.0",
+  "version": "1.53.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",

package/dist/SCheckbox-BXV4bPOv.js

@@ -1,76 +0,0 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, unref as l, useModel as u, useTemplateRef as d, vModelCheckbox as f, watchEffect as p, withDirectives as m } from "vue";
-import { SIcon as h } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SCheckbox/SCheckbox.types.ts
-var g = /* @__PURE__ */ function(e) {
-	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
-}({}), _ = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.SUCCESS = "success", e;
-}({}), v = [
-	"disabled",
-	"name",
-	"value"
-], y = { class: "s-ui-checkbox__control" }, b = 16, x = /* @__PURE__ */ a({
-	__name: "SCheckbox",
-	props: /*@__PURE__*/ o({
-		color: { default: () => _.MAIN },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		indeterminate: {
-			type: Boolean,
-			default: !1
-		},
-		name: {},
-		size: { default: () => g.EXTRA_SMALL },
-		value: {}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
-	setup(a, { emit: o }) {
-		let g = u(a, "modelValue"), _ = o, x = d("checkboxInputRef");
-		p(() => {
-			let e = x.value;
-			e && (e.indeterminate = a.indeterminate);
-		});
-		let S = e(() => g.value), C = e(() => S.value && !a.indeterminate), w = e(() => [
-			`s-ui-checkbox--size-${a.size}`,
-			`s-ui-checkbox--color-${a.color}`,
-			{
-				"s-ui-checkbox--checked": S.value,
-				"s-ui-checkbox--indeterminate": a.indeterminate,
-				"s-ui-checkbox--disabled": a.disabled
-			}
-		]), T = (e) => {
-			e.target instanceof HTMLInputElement && _("change", e.target.checked);
-		};
-		return (e, o) => (c(), r("label", { class: s(["s-ui-checkbox", w.value]) }, [m(i("input", {
-			ref_key: "checkboxInputRef",
-			ref: x,
-			"onUpdate:modelValue": o[0] ||= (e) => g.value = e,
-			type: "checkbox",
-			class: "s-ui-checkbox__input",
-			disabled: a.disabled,
-			name: a.name,
-			value: a.value,
-			onChange: T
-		}, null, 40, v), [[f, g.value]]), i("span", y, [C.value ? (c(), t(l(h), {
-			key: 0,
-			class: "s-ui-checkbox__icon",
-			name: "checkMini",
-			size: b
-		})) : a.indeterminate ? (c(), t(l(h), {
-			key: 1,
-			class: "s-ui-checkbox__icon",
-			name: "minusMini",
-			size: b
-		})) : n("", !0)])], 2));
-	}
-});
-//#endregion
-export { _ as n, g as r, x as t };

package/dist/SCheckbox-D_YLWg6a.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e}({}),r=function(e){return e.MAIN=`main`,e.SUCCESS=`success`,e}({}),i=[`disabled`,`name`,`value`],a={class:`s-ui-checkbox__control`},o=16,s=(0,e.defineComponent)({__name:`SCheckbox`,props:(0,e.mergeModels)({color:{default:()=>r.MAIN},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},name:{},size:{default:()=>n.EXTRA_SMALL},value:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(n,{emit:r}){let s=(0,e.useModel)(n,`modelValue`),c=r,l=(0,e.useTemplateRef)(`checkboxInputRef`);(0,e.watchEffect)(()=>{let e=l.value;e&&(e.indeterminate=n.indeterminate)});let u=(0,e.computed)(()=>s.value),d=(0,e.computed)(()=>u.value&&!n.indeterminate),f=(0,e.computed)(()=>[`s-ui-checkbox--size-${n.size}`,`s-ui-checkbox--color-${n.color}`,{"s-ui-checkbox--checked":u.value,"s-ui-checkbox--indeterminate":n.indeterminate,"s-ui-checkbox--disabled":n.disabled}]),p=e=>{e.target instanceof HTMLInputElement&&c(`change`,e.target.checked)};return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-checkbox`,f.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{ref_key:`checkboxInputRef`,ref:l,"onUpdate:modelValue":c[0]||=e=>s.value=e,type:`checkbox`,class:`s-ui-checkbox__input`,disabled:n.disabled,name:n.name,value:n.value,onChange:p},null,40,i),[[e.vModelCheckbox,s.value]]),(0,e.createElementVNode)(`span`,a,[d.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-checkbox__icon`,name:`checkMini`,size:o})):n.indeterminate?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:1,class:`s-ui-checkbox__icon`,name:`minusMini`,size:o})):(0,e.createCommentVNode)(``,!0)])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/SRadio-CcmuHaKk.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),n=[`disabled`,`name`,`value`],r={key:0,class:`s-ui-radio__content`},i={key:0,class:`s-ui-radio__label s-ui-typography-label-14-medium`},a={key:1,class:`s-ui-radio__description s-ui-typography-body-12-regular`},o=(0,e.defineComponent)({__name:`SRadio`,props:(0,e.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>t.LEFT},name:{},value:{}},{modelValue:{},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(o,{emit:s}){let c=(0,e.useModel)(o,`modelValue`),l=s,u=(0,e.useSlots)(),d=(0,e.computed)(()=>!!(u.default||u.description)),f=(0,e.computed)(()=>c.value===o.value),p=(0,e.computed)(()=>[{"s-ui-radio--checked":f.value,"s-ui-radio--disabled":o.disabled,"s-ui-radio--label-right":o.labelPlacement===t.RIGHT,"s-ui-radio--control-only":!d.value}]),m=e=>{e.target instanceof HTMLInputElement&&e.target.checked&&l(`change`,o.value)};return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-radio`,p.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":s[0]||=e=>c.value=e,type:`radio`,class:`s-ui-radio__input`,disabled:o.disabled,name:o.name,value:o.value,onChange:m},null,40,n),[[e.vModelRadio,c.value]]),s[1]||=(0,e.createElementVNode)(`span`,{class:`s-ui-radio__control`},[(0,e.createElementVNode)(`span`,{class:`s-ui-radio__thumb`})],-1),d.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,r,[(0,e.unref)(u).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.renderSlot)(t.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/SToggle-B5EdI-rG.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),n=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=[`disabled`,`name`],i={key:0,class:`s-ui-toggle__content`},a={key:0,class:`s-ui-toggle__label s-ui-typography-label-14-medium`},o={key:1,class:`s-ui-toggle__description s-ui-typography-body-12-regular`},s=(0,e.defineComponent)({__name:`SToggle`,props:(0,e.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>n.LEFT},name:{},size:{default:()=>t.LARGE}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(t,{emit:s}){let c=(0,e.useModel)(t,`modelValue`),l=s,u=(0,e.useSlots)(),d=(0,e.computed)(()=>!!(u.default||u.description)),f=(0,e.computed)(()=>[`s-ui-toggle--size-${t.size}`,{"s-ui-toggle--checked":c.value,"s-ui-toggle--disabled":t.disabled,"s-ui-toggle--label-right":t.labelPlacement===n.RIGHT,"s-ui-toggle--control-only":!d.value}]),p=e=>{e.target instanceof HTMLInputElement&&l(`change`,e.target.checked)};return(n,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-toggle`,f.value])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":s[0]||=e=>c.value=e,type:`checkbox`,role:`switch`,class:`s-ui-toggle__input`,disabled:t.disabled,name:t.name,onChange:p},null,40,r),[[e.vModelCheckbox,c.value]]),s[1]||=(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__track`},[(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__thumb-shell`},[(0,e.createElementVNode)(`span`,{class:`s-ui-toggle__thumb`})])],-1),d.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.unref)(u).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(n.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(u).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(n.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});