@phila/phila-ui-callout 1.0.0-beta.9 → 1.0.0

package/dist/Callout.vue.d.ts

@@ -1,4 +1,8 @@
 import { CalloutProps } from './index';
+type __VLS_Props = CalloutProps;
+type __VLS_PublicProps = {
+    "open"?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,7 +12,11 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CalloutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CalloutProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
     title: string;
     message: string;
     type: "info" | "warning" | "error" | "success";

package/dist/Callout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.vue.d.ts","sourceRoot":"","sources":["../src/Callout.vue"],"names":[],"mappings":"AAsJA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqD5C,iBAAS,cAAc;WAuHT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Callout.vue.d.ts","sourceRoot":"","sources":["../src/Callout.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,KAAK,WAAW,GAAG,YAAY,CAAC;AA2ChC,KAAK,iBAAiB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-.callout[data-v-7758ec76]{font-family:var(--Body-Default-font-body-default-family);line-height:var(--Body-Default-font-body-default-lineheight);padding:var(--spacing-m);border-radius:var(--border-radius-l)}.callout--success[data-v-7758ec76]{background:var(--Schemes-Success-Container)}.callout--success .callout-icon[data-v-7758ec76]{color:var(--Schemes-On-Success-Container)}.callout--warning[data-v-7758ec76]{background:var(--Schemes-Alert-Container)}.callout--info[data-v-7758ec76]{background:var(--Schemes-Info-Container)}.callout--error[data-v-7758ec76]{background:var(--Schemes-Error-Container)}.callout--error .callout-icon[data-v-7758ec76]{color:var(--Schemes-On-Error-Container)}.callout-header[data-v-7758ec76]{cursor:pointer;width:100%;display:flex;justify-content:space-between;background:none;border:none}.callout-header-left[data-v-7758ec76]{display:flex;gap:var(--spacing-xs)}.callout-title[data-v-7758ec76]{font-weight:600;font-size:var(--Heading-H5-font-heading-5-size)}.callout--chevron[data-v-7758ec76]{position:relative;float:right}.callout--content[data-v-7758ec76]{font-size:var(--Body-Default-font-body-default-size);padding-top:var(--spacing-xs);padding-left:var(--spacing-m);padding-right:var(--spacing-m)}
+.callout[data-v-391366fe]{font-family:var(--Body-Default-font-body-default-family);line-height:var(--Body-Default-font-body-default-lineheight);border-radius:var(--border-radius-l)}.callout--success[data-v-391366fe]{background:var(--Schemes-Success-Container)}.callout--success .callout-icon[data-v-391366fe]{color:var(--Schemes-On-Success-Container)}.callout--warning[data-v-391366fe]{background:var(--Schemes-Alert-Container)}.callout--info[data-v-391366fe]{background:var(--Schemes-Info-Container)}.callout--error[data-v-391366fe]{background:var(--Schemes-Error-Container)}.callout--error .callout-icon[data-v-391366fe]{color:var(--Schemes-On-Error-Container)}.callout-header[data-v-391366fe]{cursor:pointer;width:100%;display:flex;justify-content:space-between;text-align:left;padding:var(--spacing-m);background:none;border:none}.callout-header-left[data-v-391366fe]{display:flex;gap:var(--spacing-xs)}.callout-title[data-v-391366fe]{font-weight:600;font-size:var(--Heading-H5-font-heading-5-size)}.callout--chevron[data-v-391366fe]{position:relative;float:right}.callout--content[data-v-391366fe]{font-size:var(--Body-Default-font-body-default-size);padding:0 var(--spacing-m) var(--spacing-m)}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),s=require("@phila/phila-ui-core"),l=require("@phila/phila-ui-core/icons"),p=["disabled"],m=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},icon:{},src:{},svgRaw:{}},setup(c){const t=c,o=n=>"href"in n&&n.href!==void 0||"to"in n&&n.to!==void 0,a=e.computed(()=>s.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),r=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),i=e.computed(()=>({icon:t.icon,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(n,u)=>o(t)?(e.openBlock(),e.createBlock(e.unref(s.BaseLink),e.mergeProps({key:0},{...r.value,...n.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(s.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},n.$attrs),[e.createVNode(e.unref(s.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,p))}}),f={class:"callout-header-left"},v={class:"callout-title"},y={key:0,class:"callout--content"},g=e.defineComponent({__name:"Callout",props:{title:{default:""},message:{default:""},type:{default:"info"},className:{}},setup(c){const t=e.useSlots(),o=c,a=e.ref(!1),r=()=>{a.value=!a.value},i=e.computed(()=>s.cn("callout",`callout--${o.type}`,o.className)),n=e.computed(()=>{switch(o.type){case"success":return l.IconCircleCheck;case"warning":return l.IconTriangleExclamation;case"error":return l.IconCircleExclamation;default:return l.IconCircleInfo}});return(u,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.value)},[e.createElementVNode("button",{type:"button",class:"callout-header",onClick:r},[e.createElementVNode("div",f,[e.createVNode(e.unref(s.Icon),{icon:n.value,decorative:"",inline:"",size:"small",class:"callout-icon"},null,8,["icon"]),e.createElementVNode("span",v,e.toDisplayString(o.title),1)]),e.createVNode(e.unref(s.Icon),{icon:a.value?e.unref(l.IconChevronUp):e.unref(l.IconChevronDown),decorative:"",inline:"",size:"small"},null,8,["icon"])]),a.value?(e.openBlock(),e.createElementBlock("div",y,[e.unref(t).default?e.renderSlot(u.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.message),1)],64))])):e.createCommentVNode("",!0),o.dismissible?(e.openBlock(),e.createBlock(e.unref(m),{key:1,variant:"standard",size:"extra-small","icon-only":"",icon:e.unref(l.IconClose),"aria-label":"Dismiss",onClick:d[0]||(d[0]=e.withModifiers(()=>u.emit("dismiss"),["prevent"]))},null,8,["icon"])):e.createCommentVNode("",!0)],2))}}),h=(c,t)=>{const o=c.__vccOpts||c;for(const[a,r]of t)o[a]=r;return o},k=h(g,[["__scopeId","data-v-7758ec76"]]);exports.Callout=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),s=require("@phila/phila-ui-core"),n=require("@phila/phila-ui-core/icons"),d={class:"callout-header-left"},p={class:"callout-title"},m={key:0,class:"callout--content"},f=e.defineComponent({__name:"Callout",props:e.mergeModels({title:{default:""},message:{default:""},type:{default:"info"},className:{}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(l){const c=e.useSlots(),t=l,o=e.useModel(l,"open"),a=()=>{o.value=!o.value},r=e.computed(()=>s.cn("callout",`callout--${t.type}`,t.className)),u=e.computed(()=>{switch(t.type){case"success":return n.IconCircleCheck;case"warning":return n.IconTriangleExclamation;case"error":return n.IconCircleExclamation;default:return n.IconCircleInfo}});return(i,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.createElementVNode("button",{type:"button",class:"callout-header",onClick:a},[e.createElementVNode("div",d,[e.createVNode(e.unref(s.Icon),{icon:u.value,decorative:"",inline:"",size:"small",class:"callout-icon"},null,8,["icon"]),e.createElementVNode("span",p,e.toDisplayString(t.title),1)]),e.createVNode(e.unref(s.Icon),{icon:o.value?e.unref(n.IconChevronUp):e.unref(n.IconChevronDown),decorative:"",inline:"",size:"small"},null,8,["icon"])]),o.value?(e.openBlock(),e.createElementBlock("div",m,[e.unref(c).default?e.renderSlot(i.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.message),1)],64))])):e.createCommentVNode("",!0)],2))}}),v=(l,c)=>{const t=l.__vccOpts||l;for(const[o,a]of c)t[o]=a;return t},_=v(f,[["__scopeId","data-v-391366fe"]]);exports.Callout=_;

package/dist/index.mjs

@@ -1,155 +1,74 @@
-import { defineComponent as I, computed as c, createBlock as N, createElementBlock as u, openBlock as n, unref as l, mergeProps as b, withCtx as p, createVNode as d, normalizeProps as g, guardReactiveProps as C, renderSlot as y, createTextVNode as h, toDisplayString as m, useSlots as B, ref as O, normalizeClass as w, createElementVNode as v, createCommentVNode as k, Fragment as P, withModifiers as R } from "vue";
-import { cn as $, BaseLink as E, ActionContent as x, Icon as z } from "@phila/phila-ui-core";
-import { IconCircleInfo as V, IconCircleExclamation as D, IconTriangleExclamation as S, IconCircleCheck as T, IconChevronUp as A, IconChevronDown as F, IconClose as L } from "@phila/phila-ui-core/icons";
-import './index.css';const M = ["disabled"], U = /* @__PURE__ */ I({
-  inheritAttrs: !1,
-  __name: "PhlButton",
-  props: {
-    href: {},
-    to: {},
-    target: {},
-    rel: {},
-    disabled: { type: Boolean, default: !1 },
-    clickTarget: {},
-    variant: { default: "primary" },
-    size: { default: "medium" },
-    iconOnly: { type: Boolean, default: !1 },
-    iconRight: { type: Boolean },
-    text: {},
-    className: {},
-    icon: {},
-    src: {},
-    svgRaw: {}
-  },
-  setup(s) {
-    const e = s, t = (o) => "href" in o && o.href !== void 0 || "to" in o && o.to !== void 0, a = c(() => $(
-      "phila-button",
-      `phila-button--${e.variant}`,
-      e.size && `is-${e.size}`,
-      e.iconOnly && "icon-button",
-      e.iconOnly && e.variant === "standard" && "icon-button--standard",
-      e.className
-    )), i = c(() => t(e) ? "to" in e && e.to !== void 0 ? {
-      to: e.to,
-      disabled: e.disabled,
-      className: a.value
-    } : {
-      href: e.href,
-      target: e.target,
-      rel: e.rel,
-      disabled: e.disabled,
-      className: a.value
-    } : {}), r = c(
-      () => ({
-        icon: e.icon,
-        src: e.src,
-        iconRight: e.iconRight,
-        iconOnly: e.iconOnly,
-        text: e.text,
-        size: e.size
-      })
-    );
-    return (o, f) => t(e) ? (n(), N(l(E), b({ key: 0 }, { ...i.value, ...o.$attrs }, { role: "button" }), {
-      default: p(() => [
-        d(l(x), g(C(r.value)), {
-          default: p(() => [
-            y(o.$slots, "default", {}, () => [
-              h(m(e.text), 1)
-            ])
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 16)) : (n(), u("button", b({
-      key: 1,
-      type: "button",
-      disabled: e.disabled,
-      class: a.value
-    }, o.$attrs), [
-      d(l(x), g(C(r.value)), {
-        default: p(() => [
-          y(o.$slots, "default", {}, () => [
-            h(m(e.text), 1)
-          ])
-        ]),
-        _: 3
-      }, 16)
-    ], 16, M));
-  }
-}), j = { class: "callout-header-left" }, q = { class: "callout-title" }, G = {
+import { defineComponent as _, mergeModels as C, useSlots as g, useModel as h, computed as i, createElementBlock as s, openBlock as a, normalizeClass as y, createElementVNode as r, createCommentVNode as I, createVNode as u, unref as n, toDisplayString as d, renderSlot as k, Fragment as N, createTextVNode as x } from "vue";
+import { cn as E, Icon as p } from "@phila/phila-ui-core";
+import { IconCircleInfo as V, IconCircleExclamation as w, IconTriangleExclamation as z, IconCircleCheck as B, IconChevronUp as M, IconChevronDown as S } from "@phila/phila-ui-core/icons";
+import './index.css';const b = { class: "callout-header-left" }, D = { class: "callout-title" }, O = {
   key: 0,
   class: "callout--content"
-}, H = /* @__PURE__ */ I({
+}, T = /* @__PURE__ */ _({
   __name: "Callout",
-  props: {
+  props: /* @__PURE__ */ C({
     title: { default: "" },
     message: { default: "" },
     type: { default: "info" },
     className: {}
-  },
-  setup(s) {
-    const e = B(), t = s, a = O(!1), i = () => {
-      a.value = !a.value;
-    }, r = c(() => $("callout", `callout--${t.type}`, t.className)), o = c(() => {
-      switch (t.type) {
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(o) {
+    const l = g(), e = o, t = h(o, "open"), c = () => {
+      t.value = !t.value;
+    }, m = i(() => E("callout", `callout--${e.type}`, e.className)), f = i(() => {
+      switch (e.type) {
         case "success":
-          return T;
+          return B;
         case "warning":
-          return S;
+          return z;
         case "error":
-          return D;
+          return w;
         default:
           return V;
       }
     });
-    return (f, _) => (n(), u("div", {
-      class: w(r.value)
+    return (v, F) => (a(), s("div", {
+      class: y(m.value)
     }, [
-      v("button", {
+      r("button", {
         type: "button",
         class: "callout-header",
-        onClick: i
+        onClick: c
       }, [
-        v("div", j, [
-          d(l(z), {
-            icon: o.value,
+        r("div", b, [
+          u(n(p), {
+            icon: f.value,
             decorative: "",
             inline: "",
             size: "small",
             class: "callout-icon"
           }, null, 8, ["icon"]),
-          v("span", q, m(t.title), 1)
+          r("span", D, d(e.title), 1)
         ]),
-        d(l(z), {
-          icon: a.value ? l(A) : l(F),
+        u(n(p), {
+          icon: t.value ? n(M) : n(S),
           decorative: "",
           inline: "",
           size: "small"
         }, null, 8, ["icon"])
       ]),
-      a.value ? (n(), u("div", G, [
-        l(e).default ? y(f.$slots, "default", { key: 0 }, void 0, !0) : (n(), u(P, { key: 1 }, [
-          h(m(t.message), 1)
+      t.value ? (a(), s("div", O, [
+        n(l).default ? k(v.$slots, "default", { key: 0 }, void 0, !0) : (a(), s(N, { key: 1 }, [
+          x(d(e.message), 1)
         ], 64))
-      ])) : k("", !0),
-      t.dismissible ? (n(), N(l(U), {
-        key: 1,
-        variant: "standard",
-        size: "extra-small",
-        "icon-only": "",
-        icon: l(L),
-        "aria-label": "Dismiss",
-        onClick: _[0] || (_[0] = R(() => f.emit("dismiss"), ["prevent"]))
-      }, null, 8, ["icon"])) : k("", !0)
+      ])) : I("", !0)
     ], 2));
   }
-}), J = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [a, i] of e)
-    t[a] = i;
-  return t;
-}, X = /* @__PURE__ */ J(H, [["__scopeId", "data-v-7758ec76"]]);
+}), $ = (o, l) => {
+  const e = o.__vccOpts || o;
+  for (const [t, c] of l)
+    e[t] = c;
+  return e;
+}, A = /* @__PURE__ */ $(T, [["__scopeId", "data-v-391366fe"]]);
 export {
-  X as Callout
+  A as Callout
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phila/phila-ui-callout",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0",
   "type": "module",
   "description": "A vue component for displaying important messages and warnings.",
   "main": "./dist/index.js",
@@ -28,8 +28,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@phila/phila-ui-core": "3.0.0-beta.8",
-    "@phila/phila-ui-button": "2.3.0-beta.9"
+    "@phila/phila-ui-core": "3.0.0",
+    "@phila/phila-ui-button": "2.3.0"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",