@pantograph/pattern-vue 0.0.1 → 0.0.3

package/dist/components/InputPassword/InputPassword.d.ts

@@ -1,16 +1,12 @@
 import { InputExtendsEmits, InputExtendsProps, InputNotExtendsEmits, InputNotExtendsProps, InputSlots } from '@pantograph/vue';
 /**
- * Props for the InputPassword component
- *
- * Important:
- * - When a component wants to reuse and extend another component's prop type in
- *   Vue macros (`defineProps<T>()`), do NOT import a single "final" props type.
- * - Instead, import the split pair (`InputExtendsProps` + `InputNotExtendsProps`)
- *   and compose them with intersections (`&`).
- *
- * Extends all `Input` props and adds `visible` for password visibility control.
+ * Props inherited from Input component
+ */
+export type InputPasswordExtendsProps = InputExtendsProps & InputNotExtendsProps;
+/**
+ * Props specific to InputPassword component
  */
-export type InputPasswordProps = InputExtendsProps & InputNotExtendsProps & {
+export type InputPasswordNotExtendsProps = {
     /**
      * Whether the password is visible (v-model)
      */
@@ -26,6 +22,12 @@ export type InputPasswordProps = InputExtendsProps & InputNotExtendsProps & {
      */
     invisibleIcon?: string;
 };
+/**
+ * Props for the InputPassword component
+ *
+ * Extends all `Input` props and adds `visible` for password visibility control.
+ */
+export type InputPasswordProps = InputPasswordExtendsProps & InputPasswordNotExtendsProps;
 /**
  * Slots for the InputPassword component
  *
@@ -34,24 +36,29 @@ export type InputPasswordProps = InputExtendsProps & InputNotExtendsProps & {
  */
 export type InputPasswordSlots = InputSlots;
 /**
- * Emits for the InputPassword component
- *
- * Important:
- * - Same rule as props: use split emit types (`InputExtendsEmits` + `InputNotExtendsEmits`)
- *   when composing emits for `defineEmits<T>()`.
- *
- * Extends all `Input` emits and adds visible state update.
+ * Emits inherited from Input component
+ */
+export type InputPasswordExtendsEmits = InputExtendsEmits & InputNotExtendsEmits;
+/**
+ * Emits specific to InputPassword component
  */
-export type InputPasswordEmits = InputExtendsEmits & InputNotExtendsEmits & {
+export type InputPasswordNotExtendsEmits = {
     /**
      * Emitted when the visible state is updated
      */
     'update:visible': [value: boolean];
 };
+/**
+ * Emits for the InputPassword component
+ *
+ * Extends all `Input` emits and adds visible state update.
+ */
+export type InputPasswordEmits = InputPasswordExtendsEmits & InputPasswordNotExtendsEmits;
 /**
  * Default props for the InputPassword component
  */
 export declare const INPUT_PASSWORD_DEFAULT_PROPS: {
+    readonly visible: undefined;
     readonly visibleIcon: "tabler:eye-off";
     readonly invisibleIcon: "tabler:eye";
     readonly readonly: undefined;
@@ -80,6 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     disabled: boolean;
     clearIcon: string;
     bordered: boolean;
+    visible: boolean;
     visibleIcon: string;
     invisibleIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<import('@pantograph/vue').InputExtendsSlots> & import('@pantograph/vue').InputExtendsSlots>;

package/dist/components/InputPassword/index.d.ts

@@ -1,6 +1,6 @@
 import { DefineComponent } from '@pantograph/utils-vue';
-import { default as InputPassword, InputPasswordSlots, InputPasswordEmits, InputPasswordProps, INPUT_PASSWORD_DEFAULT_PROPS } from './InputPassword';
-export { InputPassword, type InputPasswordProps, type InputPasswordSlots, type InputPasswordEmits, INPUT_PASSWORD_DEFAULT_PROPS, };
+import { default as InputPassword, InputPasswordSlots, InputPasswordEmits, InputPasswordExtendsEmits, InputPasswordExtendsProps, InputPasswordNotExtendsEmits, InputPasswordNotExtendsProps, InputPasswordProps, INPUT_PASSWORD_DEFAULT_PROPS } from './InputPassword';
+export { InputPassword, type InputPasswordProps, type InputPasswordExtendsProps, type InputPasswordNotExtendsProps, type InputPasswordSlots, type InputPasswordEmits, type InputPasswordExtendsEmits, type InputPasswordNotExtendsEmits, INPUT_PASSWORD_DEFAULT_PROPS, };
 declare module 'vue' {
     interface GlobalComponents {
         InputPassword: DefineComponent<InputPasswordProps, InputPasswordSlots, InputPasswordEmits>;

package/dist/use/index.js

@@ -52,6 +52,7 @@ function W(s, e) {
 }
 const P = {
   ...D,
+  visible: void 0,
   visibleIcon: "tabler:eye-off",
   invisibleIcon: "tabler:eye"
 }, u = /* @__PURE__ */ A({
@@ -98,10 +99,10 @@ const P = {
         defaultValue: !1,
         passive: t.visible === void 0
       }
-    ), i = a(() => n.value ? "text" : "password"), I = () => {
+    ), i = a(() => n.value ? "text" : "password"), v = () => {
       n.value = !n.value;
-    }, v = W(t, r), _ = N(), p = a(
-      () => H({ ..._, ...v.value }, [
+    }, I = W(t, r), _ = N(), p = a(
+      () => H({ ..._, ...I.value }, [
         "visible",
         "onUpdate:visible",
         "invisibleIcon",
@@ -109,14 +110,14 @@ const P = {
       ])
     ), B = () => {
       const d = (c) => {
-        var b;
-        const f = (b = o.trailing) == null ? void 0 : b.call(o, c);
-        return S(f) ? y(z, {
+        var f;
+        const b = (f = o.trailing) == null ? void 0 : f.call(o, c);
+        return S(b) ? y(z, {
           size: c.iconSize,
           icon: n.value ? t.visibleIcon : t.invisibleIcon,
-          onClick: I,
+          onClick: v,
           "aria-label": n.value ? "Hide password" : "Show password"
-        }) : f;
+        }) : b;
       };
       return y(
         x,
@@ -138,7 +139,7 @@ const P = {
   }
 });
 Object.assign(u, w(u, "InputPassword"));
-const $ = "0.0.0", q = function(s, e = {}) {
+const $ = "0.0.2", q = function(s, e = {}) {
   const { cssInJs: t } = e;
   return s.config.globalProperties.$pantographCssInJs = t, import("@pantograph/tokens/style/index.css"), t || import("@pantograph/styles/index.css"), Object.values(L).forEach((o) => {
     o.install && s.use(o);

package/dist/use/index.umd.cjs

@@ -1 +1 @@
-"use strict";var C=Object.create;var _=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var T=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!E.call(o,s)&&s!==t&&_(o,s,{get:()=>e[s],enumerable:!(n=A(e,s))||n.enumerable});return o};var v=(o,e,t)=>(t=o!=null?C(j(o)):{},T(e||!o||!o.__esModule?_(t,"default",{value:o,enumerable:!0}):t,o));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("@pantograph/utils-vue"),r=require("vue"),d=require("@pantograph/utils"),u=require("@pantograph/vue"),N=Object.freeze(Object.defineProperty({__proto__:null,get INPUT_PASSWORD_DEFAULT_PROPS(){return y},get InputPassword(){return c},get default(){return I}},Symbol.toStringTag,{value:"Module"}));function F(o,e){const t={...o};for(let n=0;n<e.length;n++){const s=e[n];delete t[s]}return t}function U(o){const e=r.getCurrentInstance(),t=e==null?void 0:e.type.emits,n={};return t!=null&&t.length||console.warn(`No emitted event found. Please check component: ${e==null?void 0:e.type.__name}`),t==null||t.forEach(s=>{n[r.toHandlerKey(r.camelize(s))]=(...i)=>o(s,...i)}),n}function V(o){const e=r.getCurrentInstance(),t=Object.keys((e==null?void 0:e.type.props)??{}).reduce((s,i)=>{const l=(e==null?void 0:e.type.props[i]).default;return l!==void 0&&(s[i]=l),s},{}),n=r.toRef(o);return r.computed(()=>{const s={},i=(e==null?void 0:e.vnode.props)??{};return Object.keys(i).forEach(l=>{s[r.camelize(l)]=i[l]}),Object.keys({...t,...s}).reduce((l,a)=>(n.value[a]!==void 0&&(l[a]=n.value[a]),l),{})})}function D(o,e){const t=V(o),n=e?U(e):{};return r.computed(()=>({...t.value,...n}))}const y={...u.INPUT_DEFAULT_PROPS,visibleIcon:"tabler:eye-off",invisibleIcon:"tabler:eye"},c=r.defineComponent({...d.getComponentOptions("InputPassword"),__name:"InputPassword",props:r.mergeDefaults({readonly:{type:Boolean},disabled:{type:Boolean},autoFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{type:[Array,Object,String,Number,null,Boolean]},clearIconCls:{type:[Array,Object,String,Number,null,Boolean]},dividerCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean},contentFit:{type:Boolean},outsideFgColor:{type:Boolean},id:{},maxlength:{},type:{},placeholder:{},required:{type:Boolean},modelValue:{},defaultValue:{},visible:{type:Boolean},visibleIcon:{},invisibleIcon:{}},y),emits:["blur","focus","clear","pointerdown","update:modelValue","change","update:visible"],setup(o,{emit:e}){const t=o,n=r.useSlots(),s=e,i=d.getBemElement(u.inputPrefix,"password_type"),l=b.useVModel(t,"visible",s,{defaultValue:!1,passive:t.visible===void 0}),a=r.computed(()=>l.value?"text":"password"),S=()=>{l.value=!l.value},O=D(t,s),B=r.useAttrs(),f=r.computed(()=>F({...B,...O.value},["visible","onUpdate:visible","invisibleIcon","visibleIcon"])),w=()=>{const g=p=>{var P;const m=(P=n.trailing)==null?void 0:P.call(n,p);return b.isEmptyElement(m)?r.h(u.Icon,{size:p.iconSize,icon:l.value?t.visibleIcon:t.invisibleIcon,onClick:S,"aria-label":l.value?"Hide password":"Show password"}):m};return r.h(u.Input,{...f.value,type:a.value,trailingCls:d.normCls(i,f.value.trailingCls)},{...n,trailing:g})};return(g,p)=>(r.openBlock(),r.createBlock(w))}});Object.assign(c,b.installComponent(c,"InputPassword"));const R="0.0.0",k=function(o,e={}){const{cssInJs:t}=e;return o.config.globalProperties.$pantographCssInJs=t,import("@pantograph/tokens/style/index.css"),t||import("@pantograph/styles/index.css"),Object.values(N).forEach(n=>{n.install&&o.use(n)}),o},I={version:R,install:k};exports.INPUT_PASSWORD_DEFAULT_PROPS=y;exports._sfc_main=c;exports.default=I;
+"use strict";var C=Object.create;var v=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var T=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!E.call(o,s)&&s!==t&&v(o,s,{get:()=>e[s],enumerable:!(n=A(e,s))||n.enumerable});return o};var _=(o,e,t)=>(t=o!=null?C(j(o)):{},T(e||!o||!o.__esModule?v(t,"default",{value:o,enumerable:!0}):t,o));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("@pantograph/utils-vue"),l=require("vue"),d=require("@pantograph/utils"),u=require("@pantograph/vue"),N=Object.freeze(Object.defineProperty({__proto__:null,get INPUT_PASSWORD_DEFAULT_PROPS(){return y},get InputPassword(){return c},get default(){return I}},Symbol.toStringTag,{value:"Module"}));function F(o,e){const t={...o};for(let n=0;n<e.length;n++){const s=e[n];delete t[s]}return t}function U(o){const e=l.getCurrentInstance(),t=e==null?void 0:e.type.emits,n={};return t!=null&&t.length||console.warn(`No emitted event found. Please check component: ${e==null?void 0:e.type.__name}`),t==null||t.forEach(s=>{n[l.toHandlerKey(l.camelize(s))]=(...i)=>o(s,...i)}),n}function V(o){const e=l.getCurrentInstance(),t=Object.keys((e==null?void 0:e.type.props)??{}).reduce((s,i)=>{const r=(e==null?void 0:e.type.props[i]).default;return r!==void 0&&(s[i]=r),s},{}),n=l.toRef(o);return l.computed(()=>{const s={},i=(e==null?void 0:e.vnode.props)??{};return Object.keys(i).forEach(r=>{s[l.camelize(r)]=i[r]}),Object.keys({...t,...s}).reduce((r,a)=>(n.value[a]!==void 0&&(r[a]=n.value[a]),r),{})})}function D(o,e){const t=V(o),n=e?U(e):{};return l.computed(()=>({...t.value,...n}))}const y={...u.INPUT_DEFAULT_PROPS,visible:void 0,visibleIcon:"tabler:eye-off",invisibleIcon:"tabler:eye"},c=l.defineComponent({...d.getComponentOptions("InputPassword"),__name:"InputPassword",props:l.mergeDefaults({readonly:{type:Boolean},disabled:{type:Boolean},autoFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{type:[Array,Object,String,Number,null,Boolean]},clearIconCls:{type:[Array,Object,String,Number,null,Boolean]},dividerCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean},contentFit:{type:Boolean},outsideFgColor:{type:Boolean},id:{},maxlength:{},type:{},placeholder:{},required:{type:Boolean},modelValue:{},defaultValue:{},visible:{type:Boolean},visibleIcon:{},invisibleIcon:{}},y),emits:["blur","focus","clear","pointerdown","update:modelValue","change","update:visible"],setup(o,{emit:e}){const t=o,n=l.useSlots(),s=e,i=d.getBemElement(u.inputPrefix,"password_type"),r=b.useVModel(t,"visible",s,{defaultValue:!1,passive:t.visible===void 0}),a=l.computed(()=>r.value?"text":"password"),S=()=>{r.value=!r.value},O=D(t,s),B=l.useAttrs(),f=l.computed(()=>F({...B,...O.value},["visible","onUpdate:visible","invisibleIcon","visibleIcon"])),w=()=>{const g=p=>{var P;const m=(P=n.trailing)==null?void 0:P.call(n,p);return b.isEmptyElement(m)?l.h(u.Icon,{size:p.iconSize,icon:r.value?t.visibleIcon:t.invisibleIcon,onClick:S,"aria-label":r.value?"Hide password":"Show password"}):m};return l.h(u.Input,{...f.value,type:a.value,trailingCls:d.normCls(i,f.value.trailingCls)},{...n,trailing:g})};return(g,p)=>(l.openBlock(),l.createBlock(w))}});Object.assign(c,b.installComponent(c,"InputPassword"));const R="0.0.2",k=function(o,e={}){const{cssInJs:t}=e;return o.config.globalProperties.$pantographCssInJs=t,import("@pantograph/tokens/style/index.css"),t||import("@pantograph/styles/index.css"),Object.values(N).forEach(n=>{n.install&&o.use(n)}),o},I={version:R,install:k};exports.INPUT_PASSWORD_DEFAULT_PROPS=y;exports._sfc_main=c;exports.default=I;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/pattern-vue",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "id": "pattern-vue",
   "private": false,
   "license": "MIT",