@skdx/vue-blocks 0.35.0 → 0.36.0

package/dist/confirm-dialog/ConfirmDialog.vue.d.cts

@@ -11,7 +11,7 @@ import type { ConfirmDialogSize } from './types.cjs';
  *   :pending="isDeleting"
  *   @confirm="onDeleteConfirmed"
  * >
- *   <template #trigger><SkdxButton variant="danger">Delete project</SkdxButton></template>
+ *   <template #trigger>Delete project</template>
  * </SkdxConfirmDialog>
  * ```
  */

package/dist/confirm-dialog/ConfirmDialog.vue.d.ts

@@ -11,7 +11,7 @@ import type { ConfirmDialogSize } from './types.js';
  *   :pending="isDeleting"
  *   @confirm="onDeleteConfirmed"
  * >
- *   <template #trigger><SkdxButton variant="danger">Delete project</SkdxButton></template>
+ *   <template #trigger>Delete project</template>
  * </SkdxConfirmDialog>
  * ```
  */

package/dist/verification-page/VerificationPage.vue.d.cts

@@ -33,7 +33,7 @@ type __VLS_Props = {
      */
     pending?: boolean;
     /**
-     * Field label and accessible name of the derived pin input holding the code.
+     * Legend of the code fieldset and accessible name of the derived pin input holding the code.
      * @default 'Verification code'
      */
     codeLabel?: string;

package/dist/verification-page/VerificationPage.vue.d.ts

@@ -33,7 +33,7 @@ type __VLS_Props = {
      */
     pending?: boolean;
     /**
-     * Field label and accessible name of the derived pin input holding the code.
+     * Legend of the code fieldset and accessible name of the derived pin input holding the code.
      * @default 'Verification code'
      */
     codeLabel?: string;

package/dist/verification-page/VerificationPage.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../internal/part.cjs");let e=require("vue"),n=require("@skdx/vue");var g=["aria-labelledby"],m=(0,e.defineComponent)({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(t,{emit:l}){const d=l,o=(0,e.useId)(),u=(0,e.getCurrentInstance)(),f=()=>u?.vnode.props?.onResend!=null;function s(r){r.preventDefault();const i=new FormData(r.target).get("code");d("verify",{code:typeof i=="string"?i:""})}function c(r){d("update:value",r),d("value-change",r)}return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","root"),{"aria-labelledby":(0,e.unref)(o)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("verification-page","panel"))),[(0,e.createVNode)((0,e.unref)(n.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(o)},(0,e.unref)(a.skdxPart)("verification-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-page","error"),{status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("verification-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(n.SkdxForm),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","form"),{onSubmit:s}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxField),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","field"),{label:t.codeLabel}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxPinInput),(0,e.mergeProps)({...(0,e.unref)(a.skdxPart)("verification-page","code"),...t.length===void 0?{}:{length:t.length},...t.defaultValue===void 0?{}:{defaultValue:t.defaultValue}},{"aria-label":t.codeLabel,name:"code",required:"",otp:"",value:t.value,onValueChange:c}),null,16,["aria-label","value"])]),_:1},16,["label"]),(0,e.renderSlot)(r.$slots,"default"),(0,e.createVNode)((0,e.unref)(n.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),f()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("verification-page","resend"))),[(0,e.createVNode)((0,e.unref)(n.SkdxButton),{type:"button",variant:"ghost",disabled:t.resendDisabled??!1,onClick:i[0]||(i[0]=v=>d("resend"))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.resendLabel),1)]),_:1},8,["disabled"]),t.resendHint?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-page","resend-hint"))),(0,e.toDisplayString)(t.resendHint),17)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("verification-page","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,g))}});exports.default=m;
+const a=require("../internal/part.cjs");let e=require("vue"),i=require("@skdx/vue"),g=require("@skdx/vue/primitives/field");var m=["aria-labelledby"],v=(0,e.defineComponent)({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(t,{emit:l}){const d=l,o=(0,e.useId)(),u=(0,e.getCurrentInstance)(),s=()=>u?.vnode.props?.onResend!=null;function f(r){r.preventDefault();const n=new FormData(r.target).get("code");d("verify",{code:typeof n=="string"?n:""})}function c(r){d("update:value",r),d("value-change",r)}return(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","root"),{"aria-labelledby":(0,e.unref)(o)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("verification-page","panel"))),[(0,e.createVNode)((0,e.unref)(i.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(o)},(0,e.unref)(a.skdxPart)("verification-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-page","error"),{status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("verification-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(i.SkdxForm),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","form"),{onSubmit:f}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxFieldset),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("verification-page","field"))),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(g.SkdxFieldLabel),null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.codeLabel),1)]),_:1}),(0,e.createVNode)((0,e.unref)(i.SkdxPinInput),(0,e.mergeProps)({...(0,e.unref)(a.skdxPart)("verification-page","code"),...t.length===void 0?{}:{length:t.length},...t.defaultValue===void 0?{}:{defaultValue:t.defaultValue}},{"aria-label":t.codeLabel,name:"code",required:"",otp:"",value:t.value,onValueChange:c}),null,16,["aria-label","value"])]),_:1},16),(0,e.renderSlot)(r.$slots,"default"),(0,e.createVNode)((0,e.unref)(i.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),s()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("verification-page","resend"))),[(0,e.createVNode)((0,e.unref)(i.SkdxButton),{type:"button",variant:"ghost",disabled:t.resendDisabled??!1,onClick:n[0]||(n[0]=k=>d("resend"))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.resendLabel),1)]),_:1},8,["disabled"]),t.resendHint?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-page","resend-hint"))),(0,e.toDisplayString)(t.resendHint),17)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("verification-page","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,m))}});exports.default=v;

package/dist/verification-page/VerificationPage.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as i,createElementVNode as d,createTextVNode as o,createVNode as n,defineComponent as r,getCurrentInstance as l,guardReactiveProps as s,mergeProps as u,normalizeProps as f,openBlock as c,renderSlot as p,toDisplayString as v,unref as g,useId as b,withCtx as m}from"vue";import{SkdxAlert as k,SkdxButton as y,SkdxField as x,SkdxForm as V,SkdxHeading as h,SkdxPinInput as S,SkdxText as _}from"@skdx/vue";var L=["aria-labelledby"],B=/* @__PURE__ */r({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(r,{emit:B}){const C=B,P=b(),D=l();function H(e){e.preventDefault();const a=new FormData(e.target).get("code");C("verify",{code:"string"==typeof a?a:""})}function N(e){C("update:value",e),C("value-change",e)}return(l,b)=>(c(),i("section",u(g(e)("verification-page","root"),{"aria-labelledby":g(P)}),[d("div",f(s(g(e)("verification-page","panel"))),[n(g(h),u({id:g(P)},g(e)("verification-page","title"),{as:"h1"}),{default:m(()=>[o(v(r.title),1)]),_:1},16,["id"]),r.error?(c(),a(g(k),u({key:0},g(e)("verification-page","error"),{status:"danger"}),{default:m(()=>[o(v(r.error),1)]),_:1},16)):t("",!0),r.description?(c(),a(g(_),u({key:1},g(e)("verification-page","description"),{as:"p",tone:"muted"}),{default:m(()=>[o(v(r.description),1)]),_:1},16)):t("",!0),n(g(V),u(g(e)("verification-page","form"),{onSubmit:H}),{default:m(()=>[n(g(x),u(g(e)("verification-page","field"),{label:r.codeLabel}),{default:m(()=>[n(g(S),u({...g(e)("verification-page","code"),...void 0===r.length?{}:{length:r.length},...void 0===r.defaultValue?{}:{defaultValue:r.defaultValue}},{"aria-label":r.codeLabel,name:"code",required:"",otp:"",value:r.value,onValueChange:N}),null,16,["aria-label","value"])]),_:1},16,["label"]),p(l.$slots,"default"),n(g(y),u(g(e)("verification-page","submit"),{type:"submit",loading:r.pending??!1,disabled:r.pending??!1}),{default:m(()=>[o(v(r.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),null!=D?.vnode.props?.onResend?(c(),i("div",f(u({key:2},g(e)("verification-page","resend"))),[n(g(y),{type:"button",variant:"ghost",disabled:r.resendDisabled??!1,onClick:b[0]||(b[0]=e=>C("resend"))},{default:m(()=>[o(v(r.resendLabel),1)]),_:1},8,["disabled"]),r.resendHint?(c(),i("span",f(u({key:0},g(e)("verification-page","resend-hint"))),v(r.resendHint),17)):t("",!0)],16)):t("",!0),l.$slots.footer?(c(),i("div",f(u({key:3},g(e)("verification-page","footer"))),[p(l.$slots,"footer")],16)):t("",!0)],16)],16,L))}});export{B as default};
+import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as i,createElementVNode as d,createTextVNode as o,createVNode as r,defineComponent as n,getCurrentInstance as l,guardReactiveProps as s,mergeProps as u,normalizeProps as f,openBlock as p,renderSlot as c,toDisplayString as v,unref as g,useId as m,withCtx as b}from"vue";import{SkdxAlert as k,SkdxButton as y,SkdxFieldset as x,SkdxForm as V,SkdxHeading as h,SkdxPinInput as S,SkdxText as _}from"@skdx/vue";import{SkdxFieldLabel as L}from"@skdx/vue/primitives/field";var B=["aria-labelledby"],C=/* @__PURE__ */n({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(n,{emit:C}){const P=C,D=m(),F=l();function H(e){e.preventDefault();const a=new FormData(e.target).get("code");P("verify",{code:"string"==typeof a?a:""})}function N(e){P("update:value",e),P("value-change",e)}return(l,m)=>(p(),i("section",u(g(e)("verification-page","root"),{"aria-labelledby":g(D)}),[d("div",f(s(g(e)("verification-page","panel"))),[r(g(h),u({id:g(D)},g(e)("verification-page","title"),{as:"h1"}),{default:b(()=>[o(v(n.title),1)]),_:1},16,["id"]),n.error?(p(),a(g(k),u({key:0},g(e)("verification-page","error"),{status:"danger"}),{default:b(()=>[o(v(n.error),1)]),_:1},16)):t("",!0),n.description?(p(),a(g(_),u({key:1},g(e)("verification-page","description"),{as:"p",tone:"muted"}),{default:b(()=>[o(v(n.description),1)]),_:1},16)):t("",!0),r(g(V),u(g(e)("verification-page","form"),{onSubmit:H}),{default:b(()=>[r(g(x),f(s(g(e)("verification-page","field"))),{default:b(()=>[r(g(L),null,{default:b(()=>[o(v(n.codeLabel),1)]),_:1}),r(g(S),u({...g(e)("verification-page","code"),...void 0===n.length?{}:{length:n.length},...void 0===n.defaultValue?{}:{defaultValue:n.defaultValue}},{"aria-label":n.codeLabel,name:"code",required:"",otp:"",value:n.value,onValueChange:N}),null,16,["aria-label","value"])]),_:1},16),c(l.$slots,"default"),r(g(y),u(g(e)("verification-page","submit"),{type:"submit",loading:n.pending??!1,disabled:n.pending??!1}),{default:b(()=>[o(v(n.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),null!=F?.vnode.props?.onResend?(p(),i("div",f(u({key:2},g(e)("verification-page","resend"))),[r(g(y),{type:"button",variant:"ghost",disabled:n.resendDisabled??!1,onClick:m[0]||(m[0]=e=>P("resend"))},{default:b(()=>[o(v(n.resendLabel),1)]),_:1},8,["disabled"]),n.resendHint?(p(),i("span",f(u({key:0},g(e)("verification-page","resend-hint"))),v(n.resendHint),17)):t("",!0)],16)):t("",!0),l.$slots.footer?(p(),i("div",f(u({key:3},g(e)("verification-page","footer"))),[c(l.$slots,"footer")],16)):t("",!0)],16)],16,B))}});export{C as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/vue-blocks",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Vue blocks for the SkandaDX design system — page-level compositions of @skdx/vue styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -264,7 +264,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@skdx/vue": "^0.35.0"
+    "@skdx/vue": "^0.36.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.0",
@@ -276,7 +276,7 @@
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-tsc": "^2.0.0",
-    "@skdx/vue": "0.35.0"
+    "@skdx/vue": "0.36.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",