@poppy-ui/vue 0.5.6 → 0.5.7-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2015-present Drifty Co.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,103 @@
+
+<p align="center">
+  <a href="#">
+    <img alt="Poppy" src="https://github.com/CheeseGrinder/poppy-ui/blob/main/.github/assets/logo.png?raw=true" width="60" />
+  </a>
+</p>
+
+<h1 align="center">
+  Poppy UI
+</h1>
+
+<p align="center">
+  Poppy UI is an open-source Design System and Component Library exclusively built for modern <b>VueJS</b> applications.
+</p>
+
+<p align="center">
+  Powered by <a href="https://vuejs.org/">Vue 3</a>, <a href="https://tailwindcss.com/">Tailwind CSS 4</a>, and <a href="https://daisyui.com/">DaisyUI 5</a>, Poppy UI provides top-quality, highly customizable, and accessible components to speed up your web development workflow. We use <a href="https://histoire.dev/">Histoire</a> for component storyboarding and documentation.
+</p>
+
+<p align="center">
+  <a href="https://github.com/CheeseGrinder/poppy-ui/blob/main/LICENSE">
+    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="Released under the MIT license." />
+  </a>
+  <a href="https://github.com/CheeseGrinder/poppy-ui/blob/main/docs/CONTRIBUTING.md">
+    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
+  </a>
+</p>
+
+---
+
+## 💡 Context & Tech Stack
+
+Poppy UI is designed as a streamlined, Vue-native component library. By moving away from cross-framework wrappers, we ensure a better Developer Experience (DX), maximum performance, and deep integration with the Vue ecosystem.
+
+### Built With
+* **[VueJS (> 3.5)](https://vuejs.org/):** Leveraging the latest Composition API and reactivity features.
+* **[Tailwind CSS 4](https://tailwindcss.com/):** For utility-first, highly performant styling.
+* **[DaisyUI 5](https://daisyui.com/):** Providing beautiful, semantic baseline styles for our Tailwind components.
+* **[Histoire](https://histoire.dev/):** A native Vue alternative to Storybook for building and documenting component stories.
+* **[Bun](https://bun.sh/):** Used as the fast all-in-one JavaScript runtime, package manager, and bundler.
+
+## 📦 Installation
+
+To use Poppy UI in your Vue project, you can install the package via bun (make sure you have Tailwind CSS and DaisyUI configured in your project):
+
+```sh
+bun add @poppy-ui/vue
+```
+
+> **Note:** Comprehensive documentation on how to configure Tailwind and DaisyUI with Poppy UI can be found in our [Documentation (WIP)](https://www.google.com/search?q=%23).
+
+## 🛠️ Getting Started for Development
+
+If you want to contribute to the project or run it locally, follow these steps:
+
+### Requirements
+
+* Git
+* [Bun](https://www.google.com/url?sa=E&source=gmail&q=https://bun.sh/) Installed
+
+### Clone the repository
+
+```sh
+git clone https://github.com/CheeseGrinder/poppy-ui.git
+cd poppy-ui
+```
+
+### Install dependencies
+
+```sh
+bun install
+```
+
+### Development (Histoire)
+
+To start the component playground and view stories locally:
+
+```sh
+bun run story:dev
+```
+
+*This will start the Histoire server, allowing you to browse components, test variations, and develop new features in an isolated environment.*
+
+### Build for Production
+
+To build the library for publishing:
+
+```sh
+bun run build
+```
+
+---
+
+## 📚 Documentation
+
+Start building your next project by following our [documentation]().
+We would love to hear from you! If you have any feedback or run into issues using our library, please file an [issue]() on this repository.
+
+## 🤝 Contributing
+
+Thanks for your interest in contributing! Read up on our guidelines for [contributing]() and then look through our issues with a [help wanted]() label.
+
+Please note that this project is released with a [Contributor Code of Conduct](). By participating in this project you agree to abide by its terms.

package/dist/ClassWrapper-BNZO3mhP.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({name:`ClassWrapper`,props:{class:{type:String,default:void 0},as:{type:String,defauilt:void 0}},setup(t,{slots:n}){let r=n=>n.flatMap(n=>n.type===Symbol.for(`v-fgt`)&&Array.isArray(n.children)?r(n.children):typeof n.type==`function`||n.type===Symbol.for(`v-txt`)?(0,e.h)(t.as||`div`,{class:t.class},[n]):(0,e.h)(n,{class:[t.class,n.props?.class].filter(Boolean)}));return()=>r(n.default?.()||[])}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=ClassWrapper-BNZO3mhP.cjs.map

package/dist/ClassWrapper-BNZO3mhP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassWrapper-BNZO3mhP.cjs","names":[],"sources":["../src/components/ClassWrapper.vue","../src/components/ClassWrapper.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h, type VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ClassWrapper',\n  props: {\n    class: {\n      type: String,\n      default: undefined,\n    },\n    as: {\n      type: String,\n      defauilt: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const formatChildren = (nodes: VNode[]): VNode[] => {\n      return nodes.flatMap(node => {\n        // Unwrap fragments\n        if (node.type === Symbol.for('v-fgt') && Array.isArray(node.children)) {\n          return formatChildren(node.children as VNode[])\n        }\n\n        // Render for plain text and function component\n        if (typeof node.type === 'function' || node.type === Symbol.for('v-txt')) {\n          return h(props.as || 'div', { class: props.class }, [node])\n        }\n\n        // Render everythings else\n        return h(node, {\n          class: [props.class, node.props?.class].filter(Boolean),\n        })\n      })\n    }\n\n    return () => {\n      const rawChildren = slots.default?.() || []\n      return formatChildren(rawChildren)\n    }\n  },\n})\n</script>","<script lang=\"ts\">\nimport { defineComponent, h, type VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ClassWrapper',\n  props: {\n    class: {\n      type: String,\n      default: undefined,\n    },\n    as: {\n      type: String,\n      defauilt: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const formatChildren = (nodes: VNode[]): VNode[] => {\n      return nodes.flatMap(node => {\n        // Unwrap fragments\n        if (node.type === Symbol.for('v-fgt') && Array.isArray(node.children)) {\n          return formatChildren(node.children as VNode[])\n        }\n\n        // Render for plain text and function component\n        if (typeof node.type === 'function' || node.type === Symbol.for('v-txt')) {\n          return h(props.as || 'div', { class: props.class }, [node])\n        }\n\n        // Render everythings else\n        return h(node, {\n          class: [props.class, node.props?.class].filter(Boolean),\n        })\n      })\n    }\n\n    return () => {\n      const rawChildren = slots.default?.() || []\n      return formatChildren(rawChildren)\n    }\n  },\n})\n</script>"],"mappings":"4BAGA,EAAA,EAAA,iBAA+B,CAC7B,KAAM,eACN,MAAO,CACL,MAAO,CACL,KAAM,OACN,QAAS,IAAA,EACX,EACA,GAAI,CACF,KAAM,OACN,SAAU,IAAA,EACZ,CACF,EACA,MAAM,EAAO,CAAE,SAAS,CACtB,IAAM,EAAkB,GACf,EAAM,QAAQ,GAEf,EAAK,OAAS,OAAO,IAAI,OAAO,GAAK,MAAM,QAAQ,EAAK,QAAQ,EAC3D,EAAe,EAAK,QAAmB,EAI5C,OAAO,EAAK,MAAS,YAAc,EAAK,OAAS,OAAO,IAAI,OAAO,GACrE,EAAA,EAAA,GAAS,EAAM,IAAM,MAAO,CAAE,MAAO,EAAM,KAAM,EAAG,CAAC,CAAI,CAAC,GAI5D,EAAA,EAAA,GAAS,EAAM,CACb,MAAO,CAAC,EAAM,MAAO,EAAK,OAAO,KAAK,EAAE,OAAO,OAAO,CACxD,CAAC,CACF,EAGH,UAES,EADa,EAAM,UAAU,GAAK,CAAC,CACT,CAErC,CACF"}

package/dist/ClassWrapper-DdnnHfAj.js

@@ -0,0 +1,24 @@
+import { defineComponent as e, h as t } from "vue";
+//#endregion
+//#region src/components/ClassWrapper.vue
+var n = e({
+	name: "ClassWrapper",
+	props: {
+		class: {
+			type: String,
+			default: void 0
+		},
+		as: {
+			type: String,
+			defauilt: void 0
+		}
+	},
+	setup(e, { slots: n }) {
+		let r = (n) => n.flatMap((n) => n.type === Symbol.for("v-fgt") && Array.isArray(n.children) ? r(n.children) : typeof n.type == "function" || n.type === Symbol.for("v-txt") ? t(e.as || "div", { class: e.class }, [n]) : t(n, { class: [e.class, n.props?.class].filter(Boolean) }));
+		return () => r(n.default?.() || []);
+	}
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=ClassWrapper-DdnnHfAj.js.map

package/dist/ClassWrapper-DdnnHfAj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassWrapper-DdnnHfAj.js","names":[],"sources":["../src/components/ClassWrapper.vue","../src/components/ClassWrapper.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h, type VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ClassWrapper',\n  props: {\n    class: {\n      type: String,\n      default: undefined,\n    },\n    as: {\n      type: String,\n      defauilt: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const formatChildren = (nodes: VNode[]): VNode[] => {\n      return nodes.flatMap(node => {\n        // Unwrap fragments\n        if (node.type === Symbol.for('v-fgt') && Array.isArray(node.children)) {\n          return formatChildren(node.children as VNode[])\n        }\n\n        // Render for plain text and function component\n        if (typeof node.type === 'function' || node.type === Symbol.for('v-txt')) {\n          return h(props.as || 'div', { class: props.class }, [node])\n        }\n\n        // Render everythings else\n        return h(node, {\n          class: [props.class, node.props?.class].filter(Boolean),\n        })\n      })\n    }\n\n    return () => {\n      const rawChildren = slots.default?.() || []\n      return formatChildren(rawChildren)\n    }\n  },\n})\n</script>","<script lang=\"ts\">\nimport { defineComponent, h, type VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ClassWrapper',\n  props: {\n    class: {\n      type: String,\n      default: undefined,\n    },\n    as: {\n      type: String,\n      defauilt: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const formatChildren = (nodes: VNode[]): VNode[] => {\n      return nodes.flatMap(node => {\n        // Unwrap fragments\n        if (node.type === Symbol.for('v-fgt') && Array.isArray(node.children)) {\n          return formatChildren(node.children as VNode[])\n        }\n\n        // Render for plain text and function component\n        if (typeof node.type === 'function' || node.type === Symbol.for('v-txt')) {\n          return h(props.as || 'div', { class: props.class }, [node])\n        }\n\n        // Render everythings else\n        return h(node, {\n          class: [props.class, node.props?.class].filter(Boolean),\n        })\n      })\n    }\n\n    return () => {\n      const rawChildren = slots.default?.() || []\n      return formatChildren(rawChildren)\n    }\n  },\n})\n</script>"],"mappings":";;;QAGe,EAAgB;CAC7B,MAAM;CACN,OAAO;EACL,OAAO;GACL,MAAM;GACN,SAAS,KAAA;EACX;EACA,IAAI;GACF,MAAM;GACN,UAAU,KAAA;EACZ;CACF;CACA,MAAM,GAAO,EAAE,YAAS;EACtB,IAAM,KAAkB,MACf,EAAM,SAAQ,MAEf,EAAK,SAAS,OAAO,IAAI,OAAO,KAAK,MAAM,QAAQ,EAAK,QAAQ,IAC3D,EAAe,EAAK,QAAmB,IAI5C,OAAO,EAAK,QAAS,cAAc,EAAK,SAAS,OAAO,IAAI,OAAO,IAC9D,EAAE,EAAM,MAAM,OAAO,EAAE,OAAO,EAAM,MAAM,GAAG,CAAC,CAAI,CAAC,IAIrD,EAAE,GAAM,EACb,OAAO,CAAC,EAAM,OAAO,EAAK,OAAO,KAAK,EAAE,OAAO,OAAO,EACxD,CAAC,CACF;EAGH,aAES,EADa,EAAM,UAAU,KAAK,CAAC,CACT;CAErC;AACF"}

package/dist/Toast-BEnfZApB.cjs

@@ -0,0 +1,2 @@
+const e=require("./symbol-6E8gXxBa.cjs"),t=require("./use-component-config-DX0jSicI.cjs"),n=require("./build-class.util-Lo1-M_t1.cjs");let r=require("vue");var i=e.n(`alert`),a={info:`alert-info`,success:`alert-success`,warning:`alert-warning`,error:`alert-error`},o={outline:`alert-outline`,dash:`alert-dash`,soft:`alert-soft`},s={horizontal:`alert-horizontal`,vertical:`alert-vertical`},c=(0,r.defineComponent)({__name:`Alert`,props:{color:{},variant:{},direction:{}},setup(e){let c=t.n(i,e,{});return(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{role:`alert`,class:(0,r.normalizeClass)([`alert`,[(0,r.unref)(n.n)(a,(0,r.unref)(c).color),(0,r.unref)(n.n)(o,(0,r.unref)(c).variant),(0,r.unref)(n.n)(s,(0,r.unref)(c).direction)]])},[(0,r.renderSlot)(e.$slots,`icon`),(0,r.renderSlot)(e.$slots,`default`)],2))}}),l=e.n(`toast`),u=Symbol(`toast`),d={start:`toast-start`,center:`toast-center`,end:`toast-end`},f={top:`toast-top`,middle:`toast-middle`,bottom:`toast-bottom`},p=(0,r.defineComponent)({__name:`Toast`,props:{align:{},side:{},duration:{}},setup(e){let i=t.n(l,e,{align:`end`,side:`bottom`});return(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`toast`,[(0,r.unref)(n.n)(d,(0,r.unref)(i).align),(0,r.unref)(n.n)(f,(0,r.unref)(i).side)]])},[(0,r.renderSlot)(e.$slots,`default`)],2))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=Toast-BEnfZApB.cjs.map

package/dist/Toast-BEnfZApB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-BEnfZApB.cjs","names":[],"sources":["../src/components/feedback/alert/alert.context.ts","../src/components/feedback/alert/Alert.vue","../src/components/feedback/alert/Alert.vue","../src/components/feedback/toast/toast.context.ts","../src/components/feedback/toast/Toast.vue","../src/components/feedback/toast/Toast.vue"],"sourcesContent":["import { createComponentConfigKey } from '@/symbol'\n\nexport const ALERT_CONFIG = createComponentConfigKey('alert')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { ALERT_CONFIG } from './alert.context'\nimport type { AlertProps } from './alert.props'\nimport type { AlertColor, AlertDirection, AlertVariant } from './alert.types'\n\nconst alertColors: ComponentClass<'alert', AlertColor> = {\n  info: 'alert-info',\n  success: 'alert-success',\n  warning: 'alert-warning',\n  error: 'alert-error',\n}\n\nconst alertVariants: ComponentClass<'alert', AlertVariant> = {\n  outline: 'alert-outline',\n  dash: 'alert-dash',\n  soft: 'alert-soft',\n}\n\nconst alertDirections: ComponentClass<'alert', AlertDirection> = {\n  horizontal: 'alert-horizontal',\n  vertical: 'alert-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AlertProps>()\nconst config = useComponentConfig(ALERT_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"alert\"\n    :class=\"[\n      getClass(alertColors, config.color),\n      getClass(alertVariants, config.variant),\n      getClass(alertDirections, config.direction),\n    ]\"\n  >\n    <slot name=\"icon\" />\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { ALERT_CONFIG } from './alert.context'\nimport type { AlertProps } from './alert.props'\nimport type { AlertColor, AlertDirection, AlertVariant } from './alert.types'\n\nconst alertColors: ComponentClass<'alert', AlertColor> = {\n  info: 'alert-info',\n  success: 'alert-success',\n  warning: 'alert-warning',\n  error: 'alert-error',\n}\n\nconst alertVariants: ComponentClass<'alert', AlertVariant> = {\n  outline: 'alert-outline',\n  dash: 'alert-dash',\n  soft: 'alert-soft',\n}\n\nconst alertDirections: ComponentClass<'alert', AlertDirection> = {\n  horizontal: 'alert-horizontal',\n  vertical: 'alert-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AlertProps>()\nconst config = useComponentConfig(ALERT_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"alert\"\n    :class=\"[\n      getClass(alertColors, config.color),\n      getClass(alertVariants, config.variant),\n      getClass(alertDirections, config.direction),\n    ]\"\n  >\n    <slot name=\"icon\" />\n    <slot />\n  </div>\n</template>","import type { ToastItem } from '@/composables/use-toast'\nimport { createComponentConfigKey } from '@/symbol'\nimport type { InjectionKey } from 'vue'\n\nexport const TOAST_CONFIG = createComponentConfigKey('toast')\n\nexport type ToastContext = {\n  push: (message: string, options?: Partial<Omit<ToastItem, 'id' | 'message'>>) => void\n  dismiss: (id: number) => void\n}\n\nexport const TOAST_CONTEXT_KEY = Symbol('toast') as InjectionKey<ToastContext>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { TOAST_CONFIG } from './toast.context'\nimport type { ToastProps } from './toast.props'\nimport type { ToastAlign, ToastSide } from './toast.types'\n\nconst toastAligns: ComponentClass<'toast', ToastAlign> = {\n  start: 'toast-start',\n  center: 'toast-center',\n  end: 'toast-end',\n}\n\nconst toastSides: ComponentClass<'toast', ToastSide> = {\n  top: 'toast-top',\n  middle: 'toast-middle',\n  bottom: 'toast-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ToastProps>()\nconst config = useComponentConfig(TOAST_CONFIG, props, {\n  align: 'end',\n  side: 'bottom',\n})\n</script>\n\n<template>\n  <div\n    class=\"toast\"\n    :class=\"[\n      getClass(toastAligns, config.align),\n      getClass(toastSides, config.side),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { TOAST_CONFIG } from './toast.context'\nimport type { ToastProps } from './toast.props'\nimport type { ToastAlign, ToastSide } from './toast.types'\n\nconst toastAligns: ComponentClass<'toast', ToastAlign> = {\n  start: 'toast-start',\n  center: 'toast-center',\n  end: 'toast-end',\n}\n\nconst toastSides: ComponentClass<'toast', ToastSide> = {\n  top: 'toast-top',\n  middle: 'toast-middle',\n  bottom: 'toast-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ToastProps>()\nconst config = useComponentConfig(TOAST_CONFIG, props, {\n  align: 'end',\n  side: 'bottom',\n})\n</script>\n\n<template>\n  <div\n    class=\"toast\"\n    :class=\"[\n      getClass(toastAligns, config.align),\n      getClass(toastSides, config.side),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>"],"mappings":"4JAEA,IAAa,EAAe,EAAA,EAAyB,OAAO,ECMtD,EAAmD,CACvD,KAAM,aACN,QAAS,gBACT,QAAS,gBACT,MAAO,aACT,EAEM,EAAuD,CAC3D,QAAS,gBACT,KAAM,aACN,KAAM,YACR,EAEM,EAA2D,CAC/D,WAAY,mBACZ,SAAU,gBACZ,4FAKA,IAAM,EAAS,EAAA,EAAmB,EAAc,EAAO,CAAC,CAAC,2DAejD,MAAA,CAVJ,KAAK,QACL,OAAA,EAAA,EAAA,gBAAK,CAAC,QAAO,aACG,EAAA,CAAA,EAAS,GAAA,EAAA,EAAA,OAAa,CAAA,EAAO,KAAK,cAAS,EAAA,CAAA,EAAS,GAAA,EAAA,EAAA,OAAe,CAAA,EAAO,OAAO,cAAS,EAAA,CAAA,EAAS,GAAA,EAAA,EAAA,OAAiB,CAAA,EAAO,SAAS,wBAMhI,EAAA,OAAA,MAAA,GAAA,EAAA,EAAA,YACZ,EAAA,OAAA,SAAA,CAAA,EAAA,CAAA,MEvCC,EAAe,EAAA,EAAyB,OAAO,EAO/C,EAAoB,OAAO,OAAO,ECHzC,EAAmD,CACvD,MAAO,cACP,OAAQ,eACR,IAAK,WACP,EAEM,EAAiD,CACrD,IAAK,YACL,OAAQ,eACR,OAAQ,cACV,wFAKA,IAAM,EAAS,EAAA,EAAmB,EAAc,EAAO,CACrD,MAAO,MACP,KAAM,QACR,CAAC,2DAYO,MAAA,CAPJ,OAAA,EAAA,EAAA,gBAAK,CAAC,QAAO,EAAA,EAAA,EAAA,OACG,EAAA,CAAA,EAAS,GAAA,EAAA,EAAA,OAAa,CAAA,EAAO,KAAK,GAAA,EAAA,EAAA,OAAS,EAAA,CAAA,EAAS,GAAA,EAAA,EAAA,OAAY,CAAA,EAAO,IAAI,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,YAKnF,EAAA,OAAA,SAAA,CAAA,EAAA,CAAA"}

package/dist/Toast-BWTVE5_U.js

@@ -0,0 +1,62 @@
+import { n as e } from "./symbol-Dy7mXgB5.js";
+import { n as t } from "./use-component-config-DfXvZ0-o.js";
+import { n } from "./build-class.util-Cp-ZBFgO.js";
+import { createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+//#region src/components/feedback/alert/alert.context.ts
+var l = e("alert"), u = {
+	info: "alert-info",
+	success: "alert-success",
+	warning: "alert-warning",
+	error: "alert-error"
+}, d = {
+	outline: "alert-outline",
+	dash: "alert-dash",
+	soft: "alert-soft"
+}, f = {
+	horizontal: "alert-horizontal",
+	vertical: "alert-vertical"
+}, p = /* @__PURE__ */ i({
+	__name: "Alert",
+	props: {
+		color: {},
+		variant: {},
+		direction: {}
+	},
+	setup(e) {
+		let i = t(l, e, {});
+		return (e, t) => (o(), r("div", {
+			role: "alert",
+			class: a(["alert", [
+				c(n)(u, c(i).color),
+				c(n)(d, c(i).variant),
+				c(n)(f, c(i).direction)
+			]])
+		}, [s(e.$slots, "icon"), s(e.$slots, "default")], 2));
+	}
+}), m = e("toast"), h = Symbol("toast"), g = {
+	start: "toast-start",
+	center: "toast-center",
+	end: "toast-end"
+}, _ = {
+	top: "toast-top",
+	middle: "toast-middle",
+	bottom: "toast-bottom"
+}, v = /* @__PURE__ */ i({
+	__name: "Toast",
+	props: {
+		align: {},
+		side: {},
+		duration: {}
+	},
+	setup(e) {
+		let i = t(m, e, {
+			align: "end",
+			side: "bottom"
+		});
+		return (e, t) => (o(), r("div", { class: a(["toast", [c(n)(g, c(i).align), c(n)(_, c(i).side)]]) }, [s(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as i, m as n, h as r, v as t };
+
+//# sourceMappingURL=Toast-BWTVE5_U.js.map

package/dist/Toast-BWTVE5_U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-BWTVE5_U.js","names":[],"sources":["../src/components/feedback/alert/alert.context.ts","../src/components/feedback/alert/Alert.vue","../src/components/feedback/alert/Alert.vue","../src/components/feedback/toast/toast.context.ts","../src/components/feedback/toast/Toast.vue","../src/components/feedback/toast/Toast.vue"],"sourcesContent":["import { createComponentConfigKey } from '@/symbol'\n\nexport const ALERT_CONFIG = createComponentConfigKey('alert')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { ALERT_CONFIG } from './alert.context'\nimport type { AlertProps } from './alert.props'\nimport type { AlertColor, AlertDirection, AlertVariant } from './alert.types'\n\nconst alertColors: ComponentClass<'alert', AlertColor> = {\n  info: 'alert-info',\n  success: 'alert-success',\n  warning: 'alert-warning',\n  error: 'alert-error',\n}\n\nconst alertVariants: ComponentClass<'alert', AlertVariant> = {\n  outline: 'alert-outline',\n  dash: 'alert-dash',\n  soft: 'alert-soft',\n}\n\nconst alertDirections: ComponentClass<'alert', AlertDirection> = {\n  horizontal: 'alert-horizontal',\n  vertical: 'alert-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AlertProps>()\nconst config = useComponentConfig(ALERT_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"alert\"\n    :class=\"[\n      getClass(alertColors, config.color),\n      getClass(alertVariants, config.variant),\n      getClass(alertDirections, config.direction),\n    ]\"\n  >\n    <slot name=\"icon\" />\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { ALERT_CONFIG } from './alert.context'\nimport type { AlertProps } from './alert.props'\nimport type { AlertColor, AlertDirection, AlertVariant } from './alert.types'\n\nconst alertColors: ComponentClass<'alert', AlertColor> = {\n  info: 'alert-info',\n  success: 'alert-success',\n  warning: 'alert-warning',\n  error: 'alert-error',\n}\n\nconst alertVariants: ComponentClass<'alert', AlertVariant> = {\n  outline: 'alert-outline',\n  dash: 'alert-dash',\n  soft: 'alert-soft',\n}\n\nconst alertDirections: ComponentClass<'alert', AlertDirection> = {\n  horizontal: 'alert-horizontal',\n  vertical: 'alert-vertical',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<AlertProps>()\nconst config = useComponentConfig(ALERT_CONFIG, props, {})\n</script>\n\n<template>\n  <div\n    role=\"alert\"\n    class=\"alert\"\n    :class=\"[\n      getClass(alertColors, config.color),\n      getClass(alertVariants, config.variant),\n      getClass(alertDirections, config.direction),\n    ]\"\n  >\n    <slot name=\"icon\" />\n    <slot />\n  </div>\n</template>","import type { ToastItem } from '@/composables/use-toast'\nimport { createComponentConfigKey } from '@/symbol'\nimport type { InjectionKey } from 'vue'\n\nexport const TOAST_CONFIG = createComponentConfigKey('toast')\n\nexport type ToastContext = {\n  push: (message: string, options?: Partial<Omit<ToastItem, 'id' | 'message'>>) => void\n  dismiss: (id: number) => void\n}\n\nexport const TOAST_CONTEXT_KEY = Symbol('toast') as InjectionKey<ToastContext>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { TOAST_CONFIG } from './toast.context'\nimport type { ToastProps } from './toast.props'\nimport type { ToastAlign, ToastSide } from './toast.types'\n\nconst toastAligns: ComponentClass<'toast', ToastAlign> = {\n  start: 'toast-start',\n  center: 'toast-center',\n  end: 'toast-end',\n}\n\nconst toastSides: ComponentClass<'toast', ToastSide> = {\n  top: 'toast-top',\n  middle: 'toast-middle',\n  bottom: 'toast-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ToastProps>()\nconst config = useComponentConfig(TOAST_CONFIG, props, {\n  align: 'end',\n  side: 'bottom',\n})\n</script>\n\n<template>\n  <div\n    class=\"toast\"\n    :class=\"[\n      getClass(toastAligns, config.align),\n      getClass(toastSides, config.side),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { TOAST_CONFIG } from './toast.context'\nimport type { ToastProps } from './toast.props'\nimport type { ToastAlign, ToastSide } from './toast.types'\n\nconst toastAligns: ComponentClass<'toast', ToastAlign> = {\n  start: 'toast-start',\n  center: 'toast-center',\n  end: 'toast-end',\n}\n\nconst toastSides: ComponentClass<'toast', ToastSide> = {\n  top: 'toast-top',\n  middle: 'toast-middle',\n  bottom: 'toast-bottom',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<ToastProps>()\nconst config = useComponentConfig(TOAST_CONFIG, props, {\n  align: 'end',\n  side: 'bottom',\n})\n</script>\n\n<template>\n  <div\n    class=\"toast\"\n    :class=\"[\n      getClass(toastAligns, config.align),\n      getClass(toastSides, config.side),\n    ]\"\n  >\n    <slot />\n  </div>\n</template>"],"mappings":";;;;;AAEA,IAAa,IAAe,EAAyB,OAAO,GCMtD,IAAmD;CACvD,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEM,IAAuD;CAC3D,SAAS;CACT,MAAM;CACN,MAAM;AACR,GAEM,IAA2D;CAC/D,YAAY;CACZ,UAAU;AACZ;;;;;;;;EAKA,IAAM,IAAS,EAAmB,GAAc,GAAO,CAAC,CAAC;yBAIvD,EAWM,OAAA;GAVJ,MAAK;GACL,OAAK,EAAA,CAAC,SAAO;IACG,EAAA,CAAA,EAAS,GAAa,EAAA,CAAA,EAAO,KAAK;IAAS,EAAA,CAAA,EAAS,GAAe,EAAA,CAAA,EAAO,OAAO;IAAS,EAAA,CAAA,EAAS,GAAiB,EAAA,CAAA,EAAO,SAAS;;MAMpJ,EAAoB,EAAA,QAAA,MAAA,GACpB,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA;;IEvCC,IAAe,EAAyB,OAAO,GAO/C,IAAoB,OAAO,OAAO,GCHzC,IAAmD;CACvD,OAAO;CACP,QAAQ;CACR,KAAK;AACP,GAEM,IAAiD;CACrD,KAAK;CACL,QAAQ;CACR,QAAQ;AACV;;;;;;;;EAKA,IAAM,IAAS,EAAmB,GAAc,GAAO;GACrD,OAAO;GACP,MAAM;EACR,CAAC;yBAIC,EAQM,OAAA,EAPJ,OAAK,EAAA,CAAC,SAAO,CACG,EAAA,CAAA,EAAS,GAAa,EAAA,CAAA,EAAO,KAAK,GAAS,EAAA,CAAA,EAAS,GAAY,EAAA,CAAA,EAAO,IAAI,CAAA,CAAA,CAAA,EAAA,GAAA,CAK3F,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/_plugin-vue_export-helper-B3ysoDQm.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/dist/_plugin-vue_export-helper-BTmtiIyf.cjs

@@ -0,0 +1 @@
+var e=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});