@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/assets/LNotification.stories-BHPLOORY.js

@@ -0,0 +1,49 @@
+/* empty css              */import"./index-DXq4CzaM.js";import{f as oe,D as ie,P as re,s as d,j as le,k as ce,x as P,t as v,o as de,l as M,m as f,H as x,v as A,q as ue,S as _,T as D,U as me,r as z,c as T,i as se,b as fe,h as pe}from"./vue.esm-bundler-BFL0cn4g.js";const ge={class:"l-notification__wrapper"},ye={key:0,class:"l-notification__title"},he={class:"l-notification__content"},be={key:0},ke=["innerHTML"],ae=oe({__name:"LNotification",props:{title:{default:""},message:{default:""},duration:{default:4500},type:{default:""},showClose:{type:Boolean,default:!0},customClass:{default:""},iconClass:{default:""},dangerouslyUseHTMLString:{type:Boolean,default:!1},position:{default:"top-right"},verticalOffset:{default:16},action:{type:[Function,null],default:null},actionLabel:{default:""},actionColor:{default:"white"},onClose:{type:[Function,null],default:null},onClick:{type:[Function,null],default:null}},setup(e,{expose:t}){const i={success:"success",warning:"warning"},n=e,l=z(!1),s=z(!1);let c=null;const N=T(()=>n.type&&i[n.type]?`el-icon-${i[n.type]}`:""),m=T(()=>!n.position.includes("left")&&!n.position.includes("right")?"center":n.position.includes("right")?"right":"left"),S=T(()=>/^top/.test(n.position)?"top":"bottom"),h=T(()=>({[S.value]:`${n.verticalOffset}px`}));function b(){var a;(a=n.onClick)==null||a.call(n)}function k(){var a;(a=n.action)==null||a.call(n)}function q(){var a;s.value||(s.value=!0,l.value=!1,(a=n.onClose)==null||a.call(n))}function B(){c&&clearTimeout(c)}function E(){n.duration>0&&(c=setTimeout(()=>{s.value||q()},n.duration))}function H(a){a.key==="Delete"||a.key==="Backspace"?B():a.key==="Escape"?s.value||q():E()}return ie(()=>{l.value=!0,E(),document.addEventListener("keydown",H)}),re(()=>{document.removeEventListener("keydown",H)}),t({close:q,visible:l}),(a,O)=>(d(),le(me,{name:"l-notification-fade"},{default:ce(()=>[P(v("div",{class:M(["l-notification",e.customClass,m.value]),style:de(h.value),role:"alert",onMouseenter:B,onMouseleave:E,onClick:b},[N.value||e.iconClass?(d(),f("i",{key:0,class:M(["l-notification__icon",[N.value,e.iconClass]])},null,2)):x("",!0),v("div",{class:M(["l-notification__group",{"not-closeable":!e.showClose}])},[v("div",ge,[e.title?(d(),f("h2",ye,A(e.title),1)):x("",!0),P(v("div",he,[ue(a.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(d(),f("p",{key:1,innerHTML:e.message},null,8,ke)):(d(),f("p",be,A(e.message),1))])],512),[[_,e.message]])]),e.actionLabel?(d(),f("button",{key:0,class:M(["l-notification__action-btn",`${e.actionColor}--text`]),onClick:D(k,["stop"])},A(e.actionLabel),3)):x("",!0)],2),e.showClose?(d(),f("button",{key:1,class:"l-notification__close-btn","aria-label":"Fechar",onClick:D(q,["stop"])},[...O[0]||(O[0]=[v("i",{class:"uil uil-multiply"},null,-1)])])):x("",!0)],38),[[_,l.value]])]),_:3}))}});ae.__docgenInfo={exportName:"default",displayName:"LNotification",type:1,props:[{name:"title",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"message",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"duration",global:!1,description:"",tags:[],required:!1,type:"number | undefined",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]},default:"4500"},{name:"type",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"showClose",global:!1,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]},default:"true"},{name:"customClass",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"iconClass",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"dangerouslyUseHTMLString",global:!1,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]},default:"false"},{name:"position",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'"top-right"'},{name:"verticalOffset",global:!1,description:"",tags:[],required:!1,type:"number | undefined",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]},default:"16"},{name:"action",global:!1,description:"",tags:[],required:!1,type:"(() => void) | null | undefined",declarations:[],schema:{kind:"enum",type:"(() => void) | null | undefined",schema:["undefined","null",{kind:"event",type:"(): void"}]},default:"null"},{name:"actionLabel",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"actionColor",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'"white"'},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}},{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"}],events:[],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[{name:"type",type:"string",description:"",declarations:[],schema:"string"},{name:"onClick",type:"(() => void) | null",description:"",declarations:[],schema:{kind:"enum",type:"(() => void) | null",schema:["null",{kind:"event",type:"(): void"}]}},{name:"position",type:"string",description:"",declarations:[],schema:"string"},{name:"duration",type:"number",description:"",declarations:[],schema:"number"},{name:"onClose",type:"(() => void) | null",description:"",declarations:[],schema:{kind:"enum",type:"(() => void) | null",schema:["null",{kind:"event",type:"(): void"}]}},{name:"title",type:"string",description:"",declarations:[],schema:"string"},{name:"message",type:"string",description:"",declarations:[],schema:"string"},{name:"showClose",type:"boolean",description:"",declarations:[],schema:{kind:"enum",type:"boolean",schema:["false","true"]}},{name:"customClass",type:"string",description:"",declarations:[],schema:"string"},{name:"iconClass",type:"string",description:"",declarations:[],schema:"string"},{name:"dangerouslyUseHTMLString",type:"boolean",description:"",declarations:[],schema:{kind:"enum",type:"boolean",schema:["false","true"]}},{name:"verticalOffset",type:"number",description:"",declarations:[],schema:"number"},{name:"action",type:"(() => void) | null",description:"",declarations:[],schema:{kind:"enum",type:"(() => void) | null",schema:["null",{kind:"event",type:"(): void"}]}},{name:"actionLabel",type:"string",description:"",declarations:[],schema:"string"},{name:"actionColor",type:"string",description:"",declarations:[],schema:"string"},{name:"close",type:"() => void",description:"",declarations:[],schema:{kind:"event",type:"(): void"}},{name:"visible",type:"boolean",description:"",declarations:[],schema:{kind:"enum",type:"boolean",schema:["false","true"]}}],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LNotification/LNotification.vue"};const o=[];let ve=1,we=1e4;const r=function(e){if(typeof window>"u")return{};const t=e.position??"top-right",i=`l-notification-${ve++}`,n=e.onClose,l=()=>r.close(i,n),s=se(e.message),c=s?"":e.message,N=fe({render(){return pe(ae,{...e,message:c,position:t,onClose:l},s?{default:()=>[e.message]}:void 0)}}),m=document.createElement("div");document.body.appendChild(m);const S=N.mount(m),h={id:i,position:t,dom:m,close:S.close??(()=>{}),visible:S.visible??!0,verticalOffset:e.offset??0};m.style.zIndex=String(we++);let b=e.offset??0;return o.filter(k=>k.position===t).forEach(k=>{b+=k.dom.offsetHeight+16}),b+=16,h.verticalOffset=b,o.push(h),h};["success","warning","info","error"].forEach(e=>{r[e]=t=>((typeof t=="string"||se(t))&&(t={message:t}),t.type=e,r(t))});r.close=function(e,t){const i=o.findIndex(s=>s.id===e);if(i===-1)return;const n=o[i];t==null||t(),o.splice(i,1);const l=n.dom.offsetHeight;for(let s=i;s<o.length;s++)if(o[s].position===n.position){const c=parseInt(o[s].dom.style.top||"0",10);o[s].dom.style.top=`${c-l-16}px`}};r.closeAll=function(){for(;o.length;)o.pop().close()};const Se={title:"Design System/Components/LNotification",parameters:{docs:{description:{component:"Sistema de notificações programáticas. Use LNotify() para exibir notificações temporárias no canto da tela."}}}},y=e=>({setup(){return{show:()=>r(e)}},template:'<button @click="show">Mostrar notificação</button>'}),w=y.bind({});w.args={title:"Título",message:"Mensagem da notificação."};const u=y.bind({});u.args={message:"Operação realizada com sucesso!"};u.storyName="Success";u.decorators=[()=>({setup(){return{show:()=>r.success("Operação realizada com sucesso!")}},template:'<button @click="show">Mostrar sucesso</button>'})];const p=y.bind({});p.storyName="Error";p.decorators=[()=>({setup(){return{show:()=>r.error("Algo deu errado. Tente novamente.")}},template:'<button @click="show">Mostrar erro</button>'})];const g=y.bind({});g.storyName="Warning";g.decorators=[()=>({setup(){return{show:()=>r.warning("Atenção: verifique os dados.")}},template:'<button @click="show">Mostrar aviso</button>'})];const C=y.bind({});C.args={message:"Arquivo enviado.",actionLabel:"Desfazer",actionColor:"white",action:()=>console.log("Ação clicada")};const L=y.bind({});L.args={message:"Notificação no canto inferior esquerdo.",position:"bottom-left"};var I,U,F;w.parameters={...w.parameters,docs:{...(I=w.parameters)==null?void 0:I.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(F=(U=w.parameters)==null?void 0:U.docs)==null?void 0:F.source}}};var V,$,W;u.parameters={...u.parameters,docs:{...(V=u.parameters)==null?void 0:V.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(W=($=u.parameters)==null?void 0:$.docs)==null?void 0:W.source}}};var R,K,j;p.parameters={...p.parameters,docs:{...(R=p.parameters)==null?void 0:R.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(j=(K=p.parameters)==null?void 0:K.docs)==null?void 0:j.source}}};var Y,Z,G;g.parameters={...g.parameters,docs:{...(Y=g.parameters)==null?void 0:Y.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(G=(Z=g.parameters)==null?void 0:Z.docs)==null?void 0:G.source}}};var J,Q,X;C.parameters={...C.parameters,docs:{...(J=C.parameters)==null?void 0:J.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(X=(Q=C.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var ee,ne,te;L.parameters={...L.parameters,docs:{...(ee=L.parameters)==null?void 0:ee.docs,source:{originalSource:`args => ({
+  setup() {
+    const show = () => LNotify(args);
+    return {
+      show
+    };
+  },
+  template: \`<button @click="show">Mostrar notificação</button>\`
+})`,...(te=(ne=L.parameters)==null?void 0:ne.docs)==null?void 0:te.source}}};const qe=["Default","Success","Error","Warning","WithAction","BottomLeft"];export{L as BottomLeft,w as Default,p as Error,u as Success,g as Warning,C as WithAction,qe as __namedExportsOrder,Se as default};

package/dist/assets/LPopover.stories-CEzGTxEI.js

@@ -0,0 +1,259 @@
+/* empty css              */import{_ as L}from"./LInput-qCJsin89.js";import{S as O,C as R,w as B,c as I,_ as V}from"./index-DXq4CzaM.js";import{f,j as h,k as d,R as T,V as E,u as n,s as g,q as y,G as D,A,c as j}from"./vue.esm-bundler-BFL0cn4g.js";import{a as W}from"./utils-BEhiKRD9.js";import{_ as q}from"./LButton-fa-ijYua.js";import"./index-DwiSnRtI.js";import"./index-BMDDF7tn.js";import"./index-C08JwjkN.js";import"./index-DWt-TNfa.js";const r=f({__name:"LPopover",props:{defaultOpen:{type:Boolean},open:{type:Boolean},modal:{type:Boolean}},emits:["update:open"],setup(e,{emit:a}){const c=O(e,a);return(m,s)=>(g(),h(n(R),T(E(n(c))),{default:d(()=>[y(m.$slots,"default")]),_:3},16))}});r.__docgenInfo={exportName:"default",displayName:"LPopover",type:1,props:[{name:"defaultOpen",global:!1,description:"The open state of the popover when it is initially rendered. Use when you do not need to control its open state.",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"open",global:!1,description:"The controlled open state of the popover.",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"modal",global:!1,description:"The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.",tags:[{name:"defaultValue",text:"false"}],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}},{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"}],events:[{name:"update:open",description:"",tags:[],type:"[value: boolean]",signature:'(event: "update:open", value: boolean): void',declarations:[],schema:[{kind:"enum",type:"boolean",schema:["false","true"]}]}],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[{name:"modal",type:"boolean | undefined",description:"The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"open",type:"boolean | undefined",description:"The controlled open state of the popover.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"defaultOpen",type:"boolean | undefined",description:"The open state of the popover when it is initially rendered. Use when you do not need to control its open state.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}}],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LPopover/LPopover.vue"};const l=f({__name:"LPopoverTrigger",props:{asChild:{type:Boolean},as:{}},setup(e){const a=e;return(o,u)=>(g(),h(n(B),T(E(a)),{default:d(()=>[y(o.$slots,"default")]),_:3},16))}});l.__docgenInfo={exportName:"default",displayName:"LPopoverTrigger",type:1,props:[{name:"asChild",global:!1,description:`Change the default rendered element for the one passed as a child, merging their props and behavior.
+
+Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.`,tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"as",global:!1,description:"The element or component this component should render as. Can be overwritten by `asChild`.",tags:[{name:"defaultValue",text:'"div"'}],required:!1,type:"AsTag | Component | undefined",declarations:[],schema:{kind:"enum",type:"AsTag | Component | undefined",schema:["undefined",'"svg"','"input"',{kind:"object",type:"ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>"},{kind:"event",type:'(props: any, ctx: Omit<{ attrs: Attrs; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void; }, "expose">): any'},{kind:"object",type:"ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"},'"button"','"a"','"div"','"form"','"h2"','"h3"','"img"','"label"','"li"','"nav"','"ol"','"p"','"span"','"ul"','"template"',{kind:"object",type:"{} & string"}]}},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}},{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"}],events:[],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[{name:"asChild",type:"boolean | undefined",description:`Change the default rendered element for the one passed as a child, merging their props and behavior.
+
+Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.`,declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"as",type:"AsTag | Component | undefined",description:"The element or component this component should render as. Can be overwritten by `asChild`.",declarations:[],schema:{kind:"enum",type:"AsTag | Component | undefined",schema:["undefined",'"svg"','"input"',{kind:"object",type:"ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>"},{kind:"event",type:'(props: any, ctx: Omit<{ attrs: Attrs; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void; }, "expose">): any'},{kind:"object",type:"ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"},'"button"','"a"','"div"','"form"','"h2"','"h3"','"img"','"label"','"li"','"nav"','"ol"','"p"','"span"','"ul"','"template"',{kind:"object",type:"{} & string"}]}}],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LPopover/LPopoverTrigger.vue"};const p=f({inheritAttrs:!1,__name:"LPopoverContent",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},side:{},sideOffset:{default:4},align:{default:"center"},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},updatePositionStrategy:{},prioritizePosition:{type:Boolean},asChild:{type:Boolean},as:{},disableOutsidePointerEvents:{type:Boolean},class:{type:[Boolean,null,String,Object,Array]}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(e,{emit:a}){const o=e,u=a,c=j(()=>{const{class:s,...b}=o;return b}),m=O(c,u);return(s,b)=>(g(),h(n(V),null,{default:d(()=>[D(n(I),A({...n(m),...s.$attrs},{class:n(W)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o.class)}),{default:d(()=>[y(s.$slots,"default")]),_:3},16,["class"])]),_:3}))}});p.__docgenInfo={exportName:"default",displayName:"LPopoverContent",type:1,props:[{name:"forceMount",global:!1,description:`Used to force mounting when more control is needed. Useful when
+controlling animation with Vue animation libraries.`,tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"trapFocus",global:!1,description:"Whether focus should be trapped within the `MenuContent`",tags:[{name:"defaultValue",text:"false"}],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"side",global:!1,description:`The preferred side of the trigger to render against when open.
+Will be reversed when collisions occur and avoidCollisions
+is enabled.`,tags:[{name:"defaultValue",text:'"top"'}],required:!1,type:'"top" | "bottom" | "left" | "right" | undefined',declarations:[],schema:{kind:"enum",type:'"top" | "bottom" | "left" | "right" | undefined',schema:["undefined",'"top"','"bottom"','"left"','"right"']}},{name:"sideOffset",global:!1,description:"The distance in pixels from the trigger.",tags:[{name:"defaultValue",text:"0"}],required:!1,type:"number | undefined",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]},default:"4"},{name:"align",global:!1,description:`The preferred alignment against the trigger.
+May change when collisions occur.`,tags:[{name:"defaultValue",text:'"center"'}],required:!1,type:'"center" | "start" | "end" | undefined',declarations:[],schema:{kind:"enum",type:'"center" | "start" | "end" | undefined',schema:["undefined",'"center"','"start"','"end"']},default:'"center"'},{name:"alignOffset",global:!1,description:"An offset in pixels from the `start` or `end` alignment options.",tags:[{name:"defaultValue",text:"0"}],required:!1,type:"number | undefined",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]}},{name:"avoidCollisions",global:!1,description:"When `true`, overrides the side andalign preferences\nto prevent collisions with boundary edges.",tags:[{name:"defaultValue",text:"true"}],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"collisionBoundary",global:!1,description:`The element used as the collision boundary. By default
+this is the viewport, though you can provide additional
+element(s) to be included in this check.`,tags:[{name:"defaultValue",text:"[]"}],required:!1,type:"Element | (Element | null)[] | null | undefined",declarations:[],schema:{kind:"enum",type:"Element | (Element | null)[] | null | undefined",schema:["undefined","null",{kind:"object",type:"Element"},{kind:"array",type:"(Element | null)[]"}]}},{name:"collisionPadding",global:!1,description:`The distance in pixels from the boundary edges where collision
+detection should occur. Accepts a number (same for all sides),
+or a partial padding object, for example: { top: 20, left: 20 }.`,tags:[{name:"defaultValue",text:"0"}],required:!1,type:'number | Partial<Record<"top" | "bottom" | "left" | "right", number>> | undefined',declarations:[],schema:{kind:"enum",type:'number | Partial<Record<"top" | "bottom" | "left" | "right", number>> | undefined',schema:["undefined","number",'Partial<Record<"top" | "bottom" | "left" | "right", number>>']}},{name:"arrowPadding",global:!1,description:`The padding between the arrow and the edges of the content.
+If your content has border-radius, this will prevent it from
+overflowing the corners.`,tags:[{name:"defaultValue",text:"0"}],required:!1,type:"number | undefined",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]}},{name:"sticky",global:!1,description:`The sticky behavior on the align axis. \`partial\` will keep the
+content in the boundary as long as the trigger is at least partially
+in the boundary whilst "always" will keep the content in the boundary
+regardless.`,tags:[{name:"defaultValue",text:'"partial"'}],required:!1,type:'"partial" | "always" | undefined',declarations:[],schema:{kind:"enum",type:'"partial" | "always" | undefined',schema:["undefined",'"partial"','"always"']}},{name:"hideWhenDetached",global:!1,description:"Whether to hide the content when the trigger becomes fully occluded.",tags:[{name:"defaultValue",text:"false"}],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"updatePositionStrategy",global:!1,description:"Strategy to update the position of the floating element on every animation frame.",tags:[{name:"defaultValue",text:"'optimized'"}],required:!1,type:'"always" | "optimized" | undefined',declarations:[],schema:{kind:"enum",type:'"always" | "optimized" | undefined',schema:["undefined",'"always"','"optimized"']}},{name:"prioritizePosition",global:!1,description:`Force content to be position within the viewport.
+
+Might overlap the reference element, which may not be desired.`,tags:[{name:"defaultValue",text:"false"}],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"asChild",global:!1,description:`Change the default rendered element for the one passed as a child, merging their props and behavior.
+
+Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.`,tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"as",global:!1,description:"The element or component this component should render as. Can be overwritten by `asChild`.",tags:[{name:"defaultValue",text:'"div"'}],required:!1,type:"AsTag | Component | undefined",declarations:[],schema:{kind:"enum",type:"AsTag | Component | undefined",schema:["undefined",'"svg"','"input"',{kind:"object",type:"ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>"},{kind:"event",type:'(props: any, ctx: Omit<{ attrs: Attrs; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void; }, "expose">): any'},{kind:"object",type:"ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"},'"button"','"a"','"div"','"form"','"h2"','"h3"','"img"','"label"','"li"','"nav"','"ol"','"p"','"span"','"ul"','"template"',{kind:"object",type:"{} & string"}]}},{name:"disableOutsidePointerEvents",global:!1,description:"When `true`, hover/focus/click interactions will be disabled on elements outside\nthe `DismissableLayer`. Users will need to click twice on outside elements to\ninteract with them: once to close the `DismissableLayer`, and again to trigger the element.",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"class",global:!0,description:"",tags:[],required:!1,type:"ClassValue",declarations:[],schema:{kind:"enum",type:"ClassValue",schema:["undefined","null","string","false","Record<string, any>",{kind:"array",type:"ClassValue[]"}]}},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"}],events:[{name:"escapeKeyDown",description:"",tags:[],type:"[event: KeyboardEvent]",signature:'(event: "escapeKeyDown", event: KeyboardEvent): void',declarations:[],schema:[{kind:"object",type:"KeyboardEvent"}]},{name:"pointerDownOutside",description:"",tags:[],type:"[event: PointerDownOutsideEvent]",signature:'(event: "pointerDownOutside", event: PointerDownOutsideEvent): void',declarations:[],schema:["PointerDownOutsideEvent"]},{name:"focusOutside",description:"",tags:[],type:"[event: FocusOutsideEvent]",signature:'(event: "focusOutside", event: FocusOutsideEvent): void',declarations:[],schema:["FocusOutsideEvent"]},{name:"interactOutside",description:"",tags:[],type:"[event: PointerDownOutsideEvent | FocusOutsideEvent]",signature:'(event: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent): void',declarations:[],schema:[{kind:"enum",type:"PointerDownOutsideEvent | FocusOutsideEvent",schema:["PointerDownOutsideEvent","FocusOutsideEvent"]}]},{name:"openAutoFocus",description:"",tags:[],type:"[event: Event]",signature:'(event: "openAutoFocus", event: Event): void',declarations:[],schema:[{kind:"object",type:"Event"}]},{name:"closeAutoFocus",description:"",tags:[],type:"[event: Event]",signature:'(event: "closeAutoFocus", event: Event): void',declarations:[],schema:[{kind:"object",type:"Event"}]}],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[{name:"sideOffset",type:"number",description:"The distance in pixels from the trigger.",declarations:[],schema:"number"},{name:"align",type:'"center" | "start" | "end"',description:`The preferred alignment against the trigger.
+May change when collisions occur.`,declarations:[],schema:{kind:"enum",type:'"center" | "start" | "end"',schema:['"center"','"start"','"end"']}},{name:"class",type:"ClassValue",description:"",declarations:[],schema:{kind:"enum",type:"ClassValue",schema:["undefined","null","string","false","Record<string, any>",{kind:"array",type:"ClassValue[]"}]}},{name:"asChild",type:"boolean | undefined",description:`Change the default rendered element for the one passed as a child, merging their props and behavior.
+
+Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.`,declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"as",type:"AsTag | Component | undefined",description:"The element or component this component should render as. Can be overwritten by `asChild`.",declarations:[],schema:{kind:"enum",type:"AsTag | Component | undefined",schema:["undefined",'"svg"','"input"',{kind:"object",type:"ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>"},{kind:"event",type:'(props: any, ctx: Omit<{ attrs: Attrs; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void; }, "expose">): any'},{kind:"object",type:"ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"},'"button"','"a"','"div"','"form"','"h2"','"h3"','"img"','"label"','"li"','"nav"','"ol"','"p"','"span"','"ul"','"template"',{kind:"object",type:"{} & string"}]}},{name:"forceMount",type:"boolean | undefined",description:`Used to force mounting when more control is needed. Useful when
+controlling animation with Vue animation libraries.`,declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"trapFocus",type:"boolean | undefined",description:"Whether focus should be trapped within the `MenuContent`",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"disableOutsidePointerEvents",type:"boolean | undefined",description:"When `true`, hover/focus/click interactions will be disabled on elements outside\nthe `DismissableLayer`. Users will need to click twice on outside elements to\ninteract with them: once to close the `DismissableLayer`, and again to trigger the element.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"side",type:'"top" | "bottom" | "left" | "right" | undefined',description:`The preferred side of the trigger to render against when open.
+Will be reversed when collisions occur and avoidCollisions
+is enabled.`,declarations:[],schema:{kind:"enum",type:'"top" | "bottom" | "left" | "right" | undefined',schema:["undefined",'"top"','"bottom"','"left"','"right"']}},{name:"alignOffset",type:"number | undefined",description:"An offset in pixels from the `start` or `end` alignment options.",declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]}},{name:"avoidCollisions",type:"boolean | undefined",description:"When `true`, overrides the side andalign preferences\nto prevent collisions with boundary edges.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"collisionBoundary",type:"Element | (Element | null)[] | null | undefined",description:`The element used as the collision boundary. By default
+this is the viewport, though you can provide additional
+element(s) to be included in this check.`,declarations:[],schema:{kind:"enum",type:"Element | (Element | null)[] | null | undefined",schema:["undefined","null",{kind:"object",type:"Element"},{kind:"array",type:"(Element | null)[]"}]}},{name:"collisionPadding",type:'number | Partial<Record<"top" | "bottom" | "left" | "right", number>> | undefined',description:`The distance in pixels from the boundary edges where collision
+detection should occur. Accepts a number (same for all sides),
+or a partial padding object, for example: { top: 20, left: 20 }.`,declarations:[],schema:{kind:"enum",type:'number | Partial<Record<"top" | "bottom" | "left" | "right", number>> | undefined',schema:["undefined","number",'Partial<Record<"top" | "bottom" | "left" | "right", number>>']}},{name:"arrowPadding",type:"number | undefined",description:`The padding between the arrow and the edges of the content.
+If your content has border-radius, this will prevent it from
+overflowing the corners.`,declarations:[],schema:{kind:"enum",type:"number | undefined",schema:["undefined","number"]}},{name:"sticky",type:'"partial" | "always" | undefined',description:`The sticky behavior on the align axis. \`partial\` will keep the
+content in the boundary as long as the trigger is at least partially
+in the boundary whilst "always" will keep the content in the boundary
+regardless.`,declarations:[],schema:{kind:"enum",type:'"partial" | "always" | undefined',schema:["undefined",'"partial"','"always"']}},{name:"hideWhenDetached",type:"boolean | undefined",description:"Whether to hide the content when the trigger becomes fully occluded.",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"updatePositionStrategy",type:'"always" | "optimized" | undefined',description:"Strategy to update the position of the floating element on every animation frame.",declarations:[],schema:{kind:"enum",type:'"always" | "optimized" | undefined',schema:["undefined",'"always"','"optimized"']}},{name:"prioritizePosition",type:"boolean | undefined",description:`Force content to be position within the viewport.
+
+Might overlap the reference element, which may not be desired.`,declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}}],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LPopover/LPopoverContent.vue"};const J={title:"Design System/Components/LPopover",component:r,subcomponents:{LPopoverTrigger:l,LPopoverContent:p},parameters:{docs:{description:{component:"O componente `LPopover` exibe um conteúdo adicional ao clicar em um elemento trigger, demonstrado aqui com componentes de botão e entrada."}}}},_=e=>({components:{LPopover:r,LPopoverTrigger:l,LPopoverContent:p,LButton:q,LInput:L},setup(){return{args:e}},template:`
+    <LPopover v-bind="args">
+      <LPopoverTrigger as-child>
+        <LButton variant="outline">
+          Open popover
+        </LButton>
+      </LPopoverTrigger>
+
+      <LPopoverContent class="w-80">
+        <div class="grid gap-4">
+          <div class="space-y-2">
+            <h4 class="font-medium leading-none">
+              Dimensions
+            </h4>
+            <p class="text-sm text-muted-foreground">
+              Set the dimensions for the layer.
+            </p>
+          </div>
+          <div class="grid gap-2">
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="width">Width</label>
+              <LInput
+                id="width"
+                type="text"
+                default-value="100%"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxWidth">Max. width</label>
+              <LInput
+                id="maxWidth"
+                type="text"
+                default-value="300px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="height">Height</label>
+              <LInput
+                id="height"
+                type="text"
+                default-value="25px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxHeight">Max. height</label>
+              <LInput
+                id="maxHeight"
+                type="text"
+                default-value="none"
+                class="col-span-2 h-8"
+              />
+            </div>
+          </div>
+        </div>
+      </LPopoverContent>
+
+    </LPopover>
+  `}),i=_.bind({});i.args={};const t=_.bind({});t.args={};t.decorators=[()=>({components:{LPopover:r,LPopoverTrigger:l,LPopoverContent:p,LButton:q,LInput:L},template:`
+      <LPopover>
+        <LPopoverTrigger as-child>
+          <LButton variant="outline">
+            Custom trigger text
+          </LButton>
+        </LPopoverTrigger>
+        <LPopoverContent class="w-80">
+            <p>Olha só o conteúdo do popover!</p>
+            <p>como é bacana</p>
+        </LPopoverContent>
+      </LPopover>
+    `})];var v,w,k;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`args => ({
+  components: {
+    LPopover,
+    LPopoverTrigger,
+    LPopoverContent,
+    LButton,
+    LInput
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <LPopover v-bind="args">
+      <LPopoverTrigger as-child>
+        <LButton variant="outline">
+          Open popover
+        </LButton>
+      </LPopoverTrigger>
+
+      <LPopoverContent class="w-80">
+        <div class="grid gap-4">
+          <div class="space-y-2">
+            <h4 class="font-medium leading-none">
+              Dimensions
+            </h4>
+            <p class="text-sm text-muted-foreground">
+              Set the dimensions for the layer.
+            </p>
+          </div>
+          <div class="grid gap-2">
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="width">Width</label>
+              <LInput
+                id="width"
+                type="text"
+                default-value="100%"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxWidth">Max. width</label>
+              <LInput
+                id="maxWidth"
+                type="text"
+                default-value="300px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="height">Height</label>
+              <LInput
+                id="height"
+                type="text"
+                default-value="25px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxHeight">Max. height</label>
+              <LInput
+                id="maxHeight"
+                type="text"
+                default-value="none"
+                class="col-span-2 h-8"
+              />
+            </div>
+          </div>
+        </div>
+      </LPopoverContent>
+
+    </LPopover>
+  \`
+})`,...(k=(w=i.parameters)==null?void 0:w.docs)==null?void 0:k.source}}};var x,P,C;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`args => ({
+  components: {
+    LPopover,
+    LPopoverTrigger,
+    LPopoverContent,
+    LButton,
+    LInput
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <LPopover v-bind="args">
+      <LPopoverTrigger as-child>
+        <LButton variant="outline">
+          Open popover
+        </LButton>
+      </LPopoverTrigger>
+
+      <LPopoverContent class="w-80">
+        <div class="grid gap-4">
+          <div class="space-y-2">
+            <h4 class="font-medium leading-none">
+              Dimensions
+            </h4>
+            <p class="text-sm text-muted-foreground">
+              Set the dimensions for the layer.
+            </p>
+          </div>
+          <div class="grid gap-2">
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="width">Width</label>
+              <LInput
+                id="width"
+                type="text"
+                default-value="100%"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxWidth">Max. width</label>
+              <LInput
+                id="maxWidth"
+                type="text"
+                default-value="300px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="height">Height</label>
+              <LInput
+                id="height"
+                type="text"
+                default-value="25px"
+                class="col-span-2 h-8"
+              />
+            </div>
+            <div class="grid grid-cols-3 items-center gap-4">
+              <label for="maxHeight">Max. height</label>
+              <LInput
+                id="maxHeight"
+                type="text"
+                default-value="none"
+                class="col-span-2 h-8"
+              />
+            </div>
+          </div>
+        </div>
+      </LPopoverContent>
+
+    </LPopover>
+  \`
+})`,...(C=(P=t.parameters)==null?void 0:P.docs)==null?void 0:C.source}}};const Q=["Default","CustomTriggerText"];export{t as CustomTriggerText,i as Default,Q as __namedExportsOrder,J as default};

package/dist/assets/LPromptDialog-DZvTaivf.css

@@ -0,0 +1 @@
+.l-prompt-dialog[data-v-63a26e35]{padding:24px;max-width:392px}.l-prompt-dialog__content[data-v-63a26e35]{display:block;margin-top:16px}.l-prompt-dialog__buttons[data-v-63a26e35]{display:flex;margin-top:16px;gap:8px}.l-prompt-dialog__btn[data-v-63a26e35]{width:100%}@media(max-width:504px){.l-prompt-dialog[data-v-63a26e35]{max-width:calc(100vw - 64px);min-width:100%;width:100vw}.l-prompt-dialog__buttons[data-v-63a26e35]{flex-wrap:wrap}}

package/dist/assets/LPromptDialog.stories-B-bBQ5jt.js

@@ -0,0 +1,64 @@
+/* empty css              */import"./index-DXq4CzaM.js";import{L as k}from"./LDialog-CXBIkohT.js";import{f as x,m as l,t as d,v as s,H as P,G as c,k as m,u as p,s as u,I as f,r as A}from"./vue.esm-bundler-BFL0cn4g.js";import{_ as g}from"./LButton-fa-ijYua.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./dayjs.min-CbcOkJ85.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D1-ppGOZ.js";import"./index-Ca45aWCY.js";import"./aria-B4zzBpwc.js";import"./event-BB_Ol6Sd.js";import"./index-Z7atSDep.js";import"./refs-BXi969uv.js";import"./index-BzMlUJzy.js";import"./isEqual-CoJDw8MS.js";import"./index-DeLKpB2p.js";import"./scroll-DabhEKij.js";import"./raf-7JTK5Ev-.js";/* empty css             */import"./index-DWt-TNfa.js";import"./index-C08JwjkN.js";import"./utils-BEhiKRD9.js";const N={class:"l-prompt-dialog"},T={key:0,class:"l-prompt-dialog__content"},E={class:"l-prompt-dialog__buttons"},D=x({__name:"LPromptDialog",props:{title:{},content:{default:""},buttonCloseLabel:{default:"Cancelar"},buttonConfirmLabel:{default:"Continuar"}},emits:["close","answer"],setup(e,{emit:a}){const i=a;return(r,o)=>(u(),l("div",N,[d("h3",null,s(e.title),1),e.content?(u(),l("p",T,s(e.content),1)):P("",!0),d("div",E,[c(p(g),{type:"primary",plain:"",class:"l-prompt-dialog__btn",onClick:o[0]||(o[0]=_=>i("close"))},{default:m(()=>[f(s(e.buttonCloseLabel),1)]),_:1}),c(p(g),{type:"primary",class:"l-prompt-dialog__btn",onClick:o[1]||(o[1]=_=>i("answer",!0))},{default:m(()=>[f(s(e.buttonConfirmLabel),1)]),_:1})])]))}}),V=q(D,[["__scopeId","data-v-63a26e35"]]);D.__docgenInfo={exportName:"default",displayName:"LPromptDialog",type:1,props:[{name:"title",global:!1,description:"",tags:[],required:!0,type:"string",declarations:[],schema:"string"},{name:"content",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'""'},{name:"buttonCloseLabel",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'"Cancelar"'},{name:"buttonConfirmLabel",global:!1,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]},default:'"Continuar"'},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}},{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"}],events:[{name:"close",description:"",tags:[],type:"[]",signature:'(event: "close"): void',declarations:[],schema:[]},{name:"answer",description:"",tags:[],type:"[value: boolean]",signature:'(event: "answer", value: boolean): void',declarations:[],schema:[{kind:"enum",type:"boolean",schema:["false","true"]}]}],slots:[],exposed:[{name:"content",type:"string",description:"",declarations:[],schema:"string"},{name:"buttonCloseLabel",type:"string",description:"",declarations:[],schema:"string"},{name:"buttonConfirmLabel",type:"string",description:"",declarations:[],schema:"string"},{name:"title",type:"string",description:"",declarations:[],schema:"string"}],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LPromptDialog/LPromptDialog.vue"};const ae={title:"Design System/Components/LPromptDialog",parameters:{docs:{description:{component:"Diálogo de confirmação com botões de confirmar e cancelar. Usado dentro de LDialog."}}}},w=e=>({components:{LDialog:k,LPromptDialog:V},setup(){const a=A(!1);return{args:e,visible:a,onAnswer:r=>{alert(r?"Confirmado!":"Cancelado!"),a.value=!1}}},template:`
+    <button @click="visible = true">Abrir confirmação</button>
+    <LDialog v-model="visible" :show-close="false" width="400px">
+      <LPromptDialog
+        v-bind="args"
+        @close="visible = false"
+        @answer="onAnswer"
+      />
+    </LDialog>
+  `}),n=w.bind({});n.args={title:"Tem certeza?",message:"Esta ação não pode ser desfeita.",confirmText:"Confirmar",cancelText:"Cancelar"};const t=w.bind({});t.args={title:"Excluir item",message:"Tem certeza que deseja excluir? Esta ação é permanente.",confirmText:"Excluir",cancelText:"Cancelar",confirmColor:"danger"};var b,y,v;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`args => ({
+  components: {
+    LDialog,
+    LPromptDialog
+  },
+  setup() {
+    const visible = ref(false);
+    const onAnswer = (confirmed: boolean) => {
+      alert(confirmed ? "Confirmado!" : "Cancelado!");
+      visible.value = false;
+    };
+    return {
+      args,
+      visible,
+      onAnswer
+    };
+  },
+  template: \`
+    <button @click="visible = true">Abrir confirmação</button>
+    <LDialog v-model="visible" :show-close="false" width="400px">
+      <LPromptDialog
+        v-bind="args"
+        @close="visible = false"
+        @answer="onAnswer"
+      />
+    </LDialog>
+  \`
+})`,...(v=(y=n.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var h,C,L;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`args => ({
+  components: {
+    LDialog,
+    LPromptDialog
+  },
+  setup() {
+    const visible = ref(false);
+    const onAnswer = (confirmed: boolean) => {
+      alert(confirmed ? "Confirmado!" : "Cancelado!");
+      visible.value = false;
+    };
+    return {
+      args,
+      visible,
+      onAnswer
+    };
+  },
+  template: \`
+    <button @click="visible = true">Abrir confirmação</button>
+    <LDialog v-model="visible" :show-close="false" width="400px">
+      <LPromptDialog
+        v-bind="args"
+        @close="visible = false"
+        @answer="onAnswer"
+      />
+    </LDialog>
+  \`
+})`,...(L=(C=t.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};const oe=["Default","Destructive"];export{n as Default,t as Destructive,oe as __namedExportsOrder,ae as default};

package/dist/assets/LRadio-BitxPX9g.css

@@ -0,0 +1 @@
+.l-radio[data-v-2ff2d157] .el-radio__inner:after{width:6px;height:6px}

package/dist/assets/LRadio.stories-Dc3PoBrz.js

@@ -0,0 +1,48 @@
+/* empty css              */import"./index-DXq4CzaM.js";import{f,j as y,k as v,A as R,u as g,s as b,q as L,r as p}from"./vue.esm-bundler-BFL0cn4g.js";import{E as _}from"./index-Bzpd1svH.js";import"./dayjs.min-CbcOkJ85.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./event-BB_Ol6Sd.js";import"./index-DeLKpB2p.js";import"./index-D1-ppGOZ.js";import"./use-form-item-C6787OHO.js";import"./constants-H2UWIvCc.js";import"./isEqual-CoJDw8MS.js";import"./_commonjsHelpers-CqkleIqs.js";const m=f({__name:"LRadio",setup(n){return(a,O)=>(b(),y(g(_),R(a.$attrs,{class:"l-radio"}),{default:v(()=>[L(a.$slots,"default",{},void 0,!0)]),_:3},16))}}),u=k(m,[["__scopeId","data-v-2ff2d157"]]);m.__docgenInfo={exportName:"default",displayName:"LRadio",type:1,props:[{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}}],events:[],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LRadio/LRadio.vue"};const K={title:"Design System/Components/LRadio",parameters:{docs:{description:{component:"Radio button individual. Wrapper do ElRadio do Element Plus."}}}},c=n=>({components:{LRadio:u},setup(){const a=p("option1");return{args:n,value:a}},template:`
+    <div style="display: flex; gap: 16px;">
+      <LRadio v-model="value" label="option1">Opção 1</LRadio>
+      <LRadio v-model="value" label="option2">Opção 2</LRadio>
+      <LRadio v-model="value" label="option3">Opção 3</LRadio>
+    </div>
+  `}),o=c.bind({});o.args={};const e=c.bind({});e.storyName="Disabled";e.decorators=[()=>({components:{LRadio:u},setup(){return{value:p("option1")}},template:`
+      <div style="display: flex; gap: 16px;">
+        <LRadio v-model="value" label="option1" disabled>Opção 1</LRadio>
+        <LRadio v-model="value" label="option2" disabled>Opção 2</LRadio>
+      </div>
+    `})];var t,i,s;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
+  components: {
+    LRadio
+  },
+  setup() {
+    const value = ref("option1");
+    return {
+      args,
+      value
+    };
+  },
+  template: \`
+    <div style="display: flex; gap: 16px;">
+      <LRadio v-model="value" label="option1">Opção 1</LRadio>
+      <LRadio v-model="value" label="option2">Opção 2</LRadio>
+      <LRadio v-model="value" label="option3">Opção 3</LRadio>
+    </div>
+  \`
+})`,...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};var d,r,l;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`args => ({
+  components: {
+    LRadio
+  },
+  setup() {
+    const value = ref("option1");
+    return {
+      args,
+      value
+    };
+  },
+  template: \`
+    <div style="display: flex; gap: 16px;">
+      <LRadio v-model="value" label="option1">Opção 1</LRadio>
+      <LRadio v-model="value" label="option2">Opção 2</LRadio>
+      <LRadio v-model="value" label="option3">Opção 3</LRadio>
+    </div>
+  \`
+})`,...(l=(r=e.parameters)==null?void 0:r.docs)==null?void 0:l.source}}};const V=["Default","Disabled"];export{o as Default,e as Disabled,V as __namedExportsOrder,K as default};

package/dist/assets/LRadioButton-FZw-PO0O.css

@@ -0,0 +1 @@
+.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light);outline:none;display:inline-block;position:relative}.el-radio-button__inner{white-space:nowrap;vertical-align:middle;background:var(--el-button-bg-color,var(--el-fill-color-blank));outline:var(--el-border);line-height:1;font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;cursor:pointer;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;font-size:var(--el-font-size-base);border-radius:0;margin:0;padding:8px 15px;display:inline-block;position:relative}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{color:var(--el-radio-button-checked-text-color,var(--el-color-white));background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))}.el-radio-button__original-radio{opacity:0;z-index:-1;outline:none;position:absolute}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2;border-radius:var(--el-border-radius-base);box-shadow:none}.el-radio-button__original-radio:disabled+.el-radio-button__inner{color:var(--el-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{font-size:var(--el-font-size-base);border-radius:0;padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;padding:5px 11px;font-size:12px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.l-radio-button[data-v-9efd741d]:first-child .el-radio-button__inner{border-left:1px solid var(--color-gray-70)!important}.l-radio-button[data-v-9efd741d]:last-child .el-radio-button__inner{border-right:1px solid var(--color-gray-70)!important}.l-radio-button[data-v-9efd741d] .el-radio-button__inner{border-top:1px solid var(--color-gray-70);border-bottom:1px solid var(--color-gray-70);border-left:1px solid var(--color-gray-70);border-right:none}.l-radio-button.el-radio-button--small[data-v-9efd741d] .el-radio-button__inner,.l-radio-button.el-radio-button--default[data-v-9efd741d] .el-radio-button__inner{padding-left:12px;padding-right:12px;color:var(--color-lead);font-weight:600;font-size:12px;line-height:12px}

package/dist/assets/LRadioButton.stories-DwpFHT__.js

@@ -0,0 +1,47 @@
+/* empty css              */import"./index-DXq4CzaM.js";import{f,j as R,k as y,A as B,u as b,s as g,q as L,r as u}from"./vue.esm-bundler-BFL0cn4g.js";import{a as v}from"./index-Bzpd1svH.js";import"./dayjs.min-CbcOkJ85.js";/* empty css             */import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./event-BB_Ol6Sd.js";import"./index-DeLKpB2p.js";import"./index-D1-ppGOZ.js";import"./use-form-item-C6787OHO.js";import"./constants-H2UWIvCc.js";import"./isEqual-CoJDw8MS.js";import"./_commonjsHelpers-CqkleIqs.js";const p=f({__name:"LRadioButton",setup(t){return(n,k)=>(g(),R(b(v),B(n.$attrs,{class:"l-radio-button"}),{default:y(()=>[L(n.$slots,"default",{},void 0,!0)]),_:3},16))}}),m=_(p,[["__scopeId","data-v-9efd741d"]]);p.__docgenInfo={exportName:"default",displayName:"LRadioButton",type:1,props:[{name:"class",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"style",global:!0,description:"",tags:[],required:!1,type:"unknown",declarations:[],schema:"unknown"},{name:"key",global:!0,description:"",tags:[],required:!1,type:"PropertyKey | undefined",declarations:[],schema:{kind:"enum",type:"PropertyKey | undefined",schema:["undefined","string","number","symbol"]}},{name:"ref",global:!0,description:"",tags:[],required:!1,type:"VNodeRef | undefined",declarations:[],schema:{kind:"enum",type:"VNodeRef | undefined",schema:["undefined","string","Ref<any, any>",{kind:"event",type:"(ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ... 4 more ..., any> | null, refs: Record<...>): void"}]}},{name:"ref_for",global:!0,description:"",tags:[],required:!1,type:"boolean | undefined",declarations:[],schema:{kind:"enum",type:"boolean | undefined",schema:["undefined","false","true"]}},{name:"ref_key",global:!0,description:"",tags:[],required:!1,type:"string | undefined",declarations:[],schema:{kind:"enum",type:"string | undefined",schema:["undefined","string"]}}],events:[],slots:[{name:"default",type:"{}",description:"",declarations:[],schema:{kind:"object",type:"{}"}}],exposed:[],sourceFiles:"/builds/layers-digital/libs/layers-design-system-new/src/components/LRadioButton/LRadioButton.vue"};const V={title:"Design System/Components/LRadioButton",parameters:{docs:{description:{component:"Radio no estilo de botão. Wrapper do ElRadioButton do Element Plus."}}}},c=()=>({components:{LRadioButton:m},setup(){return{value:u("option1")}},template:`
+    <el-radio-group v-model="value">
+      <LRadioButton label="option1">Opção 1</LRadioButton>
+      <LRadioButton label="option2">Opção 2</LRadioButton>
+      <LRadioButton label="option3">Opção 3</LRadioButton>
+    </el-radio-group>
+  `}),o=c.bind({}),e=c.bind({});e.decorators=[()=>({components:{LRadioButton:m},setup(){return{value:u("option1")}},template:`
+      <el-radio-group v-model="value">
+        <LRadioButton label="option1" disabled>Opção 1</LRadioButton>
+        <LRadioButton label="option2" disabled>Opção 2</LRadioButton>
+        <LRadioButton label="option3" disabled>Opção 3</LRadioButton>
+      </el-radio-group>
+    `})];var a,i,r;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:`() => ({
+  components: {
+    LRadioButton
+  },
+  setup() {
+    const value = ref("option1");
+    return {
+      value
+    };
+  },
+  template: \`
+    <el-radio-group v-model="value">
+      <LRadioButton label="option1">Opção 1</LRadioButton>
+      <LRadioButton label="option2">Opção 2</LRadioButton>
+      <LRadioButton label="option3">Opção 3</LRadioButton>
+    </el-radio-group>
+  \`
+})`,...(r=(i=o.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};var s,d,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`() => ({
+  components: {
+    LRadioButton
+  },
+  setup() {
+    const value = ref("option1");
+    return {
+      value
+    };
+  },
+  template: \`
+    <el-radio-group v-model="value">
+      <LRadioButton label="option1">Opção 1</LRadioButton>
+      <LRadioButton label="option2">Opção 2</LRadioButton>
+      <LRadioButton label="option3">Opção 3</LRadioButton>
+    </el-radio-group>
+  \`
+})`,...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const $=["Default","Disabled"];export{o as Default,e as Disabled,$ as __namedExportsOrder,V as default};

package/dist/assets/LRadioGroup-DShZ_OmQ.css

@@ -0,0 +1 @@
+.label-wrapper[data-v-e721152b]:not(:has([disabled])):has([data-state=checked]){--tw-bg-opacity: 1;background-color:rgb(230 241 254 / var(--tw-bg-opacity, 1));border-width:1px;border-color:var(--link)}