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

package/dist/public.d.ts

@@ -1,6 +1,7 @@
 import { PoppyUi } from './plugin-vue';
 export default PoppyUi;
 export * from './components/actions/public.types';
+export * from './components/data/public.types';
 export * from './components/display/public.types';
 export * from './components/feedback/public.types';
 export * from './components/layout/public.types';

package/dist/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../src/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,eAAe,OAAO,CAAA;AACtB,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,sCAAsC,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../src/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,eAAe,OAAO,CAAA;AACtB,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,sCAAsC,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/dist/public.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"public.es.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":";;;ACEA,IAAA,IAAe,EDqCb,QAAQ,GAAU,IAAyB,CAAC,GAAG;CAC7C,EAAI,QAAQ,GAAgB,GAAS,QAAQ,IAAI;CAEjD,KAAK,IAAM,CAAC,GAAe,MAAoB,OAAO,QAAQ,GAAS,cAAc,CAAC,CAAC,GAAG;EACxF,IAAM,IAAM,EAAyB,CAA2C;EAChF,EAAI,QAAQ,GAAK,CAAwB;CAC3C;CAEA,AAAI,GAAS,UACX,OAAO,8BAA8B,GACrC,QAAQ,IAAI,4BAA4B,CAAO;AAEnD,ECjDa"}
+{"version":3,"file":"public.es.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/data/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":";;;ACEA,IAAA,IAAe,EDqCb,QAAQ,GAAU,IAAyB,CAAC,GAAG;CAC7C,EAAI,QAAQ,GAAgB,GAAS,QAAQ,IAAI;CAEjD,KAAK,IAAM,CAAC,GAAe,MAAoB,OAAO,QAAQ,GAAS,cAAc,CAAC,CAAC,GAAG;EACxF,IAAM,IAAM,EAAyB,CAA2C;EAChF,EAAI,QAAQ,GAAK,CAAwB;CAC3C;CAEA,AAAI,GAAS,UACX,OAAO,8BAA8B,GACrC,QAAQ,IAAI,4BAA4B,CAAO;AAEnD,ECjDa"}

package/dist/public.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"public.umd.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":"wICEA,IAAA,EAAe,CDqCb,QAAQ,EAAU,EAAyB,CAAC,EAAG,CAC7C,EAAI,QAAQ,EAAA,EAAgB,GAAS,MAAQ,IAAI,EAEjD,IAAK,GAAM,CAAC,EAAe,KAAoB,OAAO,QAAQ,GAAS,YAAc,CAAC,CAAC,EAAG,CACxF,IAAM,EAAM,EAAA,EAAyB,CAA2C,EAChF,EAAI,QAAQ,EAAK,CAAwB,CAC3C,CAEI,GAAS,QACX,OAAO,4BAA8B,EACrC,QAAQ,IAAI,2BAA4B,CAAO,EAEnD,CCjDa"}
+{"version":3,"file":"public.umd.js","names":[],"sources":["../src/plugin-vue.ts","../src/public.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { COMPONENT_SIZE, createComponentConfigKey } from './symbol'\nimport type { PoppyComponentConfig } from './types/config.type'\nimport type { ComponentSize } from './types/size.type'\n\ntype Plugin<T> = import('vue').Plugin<T>\n\ndeclare global {\n  export interface Window {\n    /**\n     * Poppy UI plugin options for debugging purposes. This is only set if the `debug` option is enabled when installing the plugin.\n     *\n     * @since 0.0.0\n     */\n    __POPPY_UI_PLUGIN_OPTIONS__?: PluginOptions\n  }\n}\n\nexport interface PluginOptions {\n  /**\n   * Default size for all components. This will be used as the default size for any component that doesn't have a specific size prop set. You can override this default size on a per-component basis by providing specific configurations in the `components` option or by passing the `size` prop directly to individual components.\n   * @since 0.0.0\n   */\n  size?: ComponentSize\n\n  /**\n   * Component-specific default configurations. You can specify default props for each component here, which will be merged with the props passed directly to the component. This allows you to set global defaults for your components while still allowing individual instances to override them as needed.\n   * @since 0.0.0\n   */\n  components?: Partial<PoppyComponentConfig>\n\n  /**\n   * Allows you to enable debug mode, which will log the plugin options to the console and expose them on the `window` object for easier debugging.\n   * @since 0.0.0\n   */\n  debug?: true\n}\n\nexport const PoppyUi = {\n  install(app: App, options: PluginOptions = {}) {\n    app.provide(COMPONENT_SIZE, options?.size || 'md')\n\n    for (const [componentName, componentConfig] of Object.entries(options?.components || {})) {\n      const key = createComponentConfigKey(componentName as keyof PoppyComponentConfig)\n      app.provide(key, componentConfig as never)\n    }\n\n    if (options?.debug) {\n      window.__POPPY_UI_PLUGIN_OPTIONS__ = options\n      console.log('Poppy UI Plugin Options:', options)\n    }\n  },\n} as Plugin<[PluginOptions?]>\n","import { PoppyUi } from './plugin-vue'\n\nexport default PoppyUi\nexport * from './components/actions/public.types'\nexport * from './components/data/public.types'\nexport * from './components/display/public.types'\nexport * from './components/feedback/public.types'\nexport * from './components/layout/public.types'\nexport * from './components/navigation/public.types'\nexport type { PluginOptions } from './plugin-vue'\n"],"mappings":"wICEA,IAAA,EAAe,CDqCb,QAAQ,EAAU,EAAyB,CAAC,EAAG,CAC7C,EAAI,QAAQ,EAAA,EAAgB,GAAS,MAAQ,IAAI,EAEjD,IAAK,GAAM,CAAC,EAAe,KAAoB,OAAO,QAAQ,GAAS,YAAc,CAAC,CAAC,EAAG,CACxF,IAAM,EAAM,EAAA,EAAyB,CAA2C,EAChF,EAAI,QAAQ,EAAK,CAAwB,CAC3C,CAEI,GAAS,QACX,OAAO,4BAA8B,EACrC,QAAQ,IAAI,2BAA4B,CAAO,EAEnD,CCjDa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poppy-ui/vue",
-  "version": "0.5.7-beta.0",
+  "version": "0.5.7-beta.1",
   "type": "module",
   "repository": {
     "url": "git+https://github.com/CheeseGrinder/poppy-ui.git"
@@ -9,6 +9,10 @@
     "dist",
     "src"
   ],
+  "sideEffects": [
+    "*.css",
+    "dist/style.css"
+  ],
   "main": "./dist/public.umd.js",
   "module": "./dist/public.es.js",
   "types": "./dist/public.d.ts",
@@ -19,6 +23,7 @@
       "import": "./dist/public.es.js",
       "require": "./dist/public.umd.js"
     },
+    "./style.css": "./dist/app.css",
     "./components/actions": {
       "source": "./src/components/actions/public.ts",
       "types": "./dist/components/actions/public.d.ts",

package/src/components/actions/dropdown/Dropdown.story.vue

@@ -1,5 +1,7 @@
 <script lang="ts">
 import Button from '@/components/actions/button/Button.vue'
+import MenuItem from '@/components/navigation/menu/MenuItem.vue'
+import { Menu } from '@/components/navigation/public.ts'
 import { logEvent } from 'histoire/client'
 import { reactive, useTemplateRef } from 'vue'
 import Dropdown from './Dropdown.vue'
@@ -39,95 +41,99 @@ const dropdownExposeRef = useTemplateRef('dropdown-expose')
               :trigger-action="state.triggerAction"
               :debounce="state.debounce"
               :open="state.open"
+              trigger-class="btn btn-primary"
               @show="logEvent('show', $event)"
               @hide="logEvent('hide', $event)"
             >
               <template #trigger>
                 Open menu
               </template>
-              <ul>
-                <li><a>Profile</a></li>
-                <li><a>Settings</a></li>
-                <li><a>Logout</a></li>
-              </ul>
+              <Menu class="bg-base-100">
+                <MenuItem>Profil</MenuItem>
+                <MenuItem>Settings</MenuItem>
+                <MenuItem>Logout</MenuItem>
+              </Menu>
             </Dropdown>
           </textarea>
         </template>
 
         <Dropdown
           v-bind="state"
+          trigger-class="btn btn-primary"
           @show="logEvent('show', $event)"
           @hide="logEvent('hide', $event)"
         >
-          <template #trigger>
-            Open menu
-          </template>
-          <ul>
-            <li><a>Profile</a></li>
-            <li><a>Settings</a></li>
-            <li><a>Logout</a></li>
-          </ul>
+          <template #trigger>Open menu</template>
+          <Menu class="bg-base-100">
+            <MenuItem>Profil</MenuItem>
+            <MenuItem>Settings</MenuItem>
+            <MenuItem>Logout</MenuItem>
+          </Menu>
         </Dropdown>
       </Variant>
 
       <Variant title="Sides">
-        <div class="dropdown-story dropdown-story--sides">
-          <Dropdown side="bottom">
-            <template #trigger><Button>bottom</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-            </ul>
+        <div class="dropdown-story dropdown-story--sides pt-36 justify-center">
+          <Dropdown side="bottom" trigger-class="btn btn-primary">
+            <template #trigger>bottom</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
-          <Dropdown side="top">
-            <template #trigger><Button>top</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-            </ul>
+          <Dropdown side="top" trigger-class="btn btn-primary">
+            <template #trigger>top</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
-          <Dropdown side="left">
-            <template #trigger><Button>left</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-            </ul>
+          <Dropdown side="left" trigger-class="btn btn-primary">
+            <template #trigger>left</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
-          <Dropdown side="right">
-            <template #trigger><Button>right</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-            </ul>
+          <Dropdown side="right" trigger-class="btn btn-primary">
+            <template #trigger>right</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
         </div>
       </Variant>
 
       <Variant title="Align">
         <div class="dropdown-story dropdown-story--align">
-          <Dropdown align="start">
-            <template #trigger><Button>start</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-              <li><a>Item C</a></li>
-            </ul>
+          <Dropdown align="start" trigger-class="btn btn-primary">
+            <template #trigger>start</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
-          <Dropdown align="center">
-            <template #trigger><Button>center</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-              <li><a>Item C</a></li>
-            </ul>
+          <Dropdown align="center" trigger-class="btn btn-primary">
+            <template #trigger>center</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
-          <Dropdown align="end">
-            <template #trigger><Button>end</Button></template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-              <li><a>Item C</a></li>
-            </ul>
+          <Dropdown align="end" trigger-class="btn btn-primary">
+            <template #trigger>end</template>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
         </div>
       </Variant>
@@ -136,32 +142,35 @@ const dropdownExposeRef = useTemplateRef('dropdown-expose')
         <div class="dropdown-story dropdown-story--triggers">
           <div class="dropdown-story--trigger-item">
             <span class="dropdown-story--label">click (default)</span>
-            <Dropdown trigger-action="click">
+            <Dropdown trigger-action="click" trigger-class="btn btn-primary">
               <template #trigger>Click me</template>
-              <ul>
-                <li><a>Item A</a></li>
-                <li><a>Item B</a></li>
-              </ul>
+              <Menu class="bg-base-100">
+                <MenuItem>Item A</MenuItem>
+                <MenuItem>Item B</MenuItem>
+                <MenuItem>Item C</MenuItem>
+              </Menu>
             </Dropdown>
           </div>
           <div class="dropdown-story--trigger-item">
             <span class="dropdown-story--label">hover</span>
-            <Dropdown trigger-action="hover">
+            <Dropdown trigger-action="hover" trigger-class="btn btn-primary">
               <template #trigger>Hover me</template>
-              <ul>
-                <li><a>Item A</a></li>
-                <li><a>Item B</a></li>
-              </ul>
+              <Menu class="bg-base-100">
+                <MenuItem>Item A</MenuItem>
+                <MenuItem>Item B</MenuItem>
+                <MenuItem>Item C</MenuItem>
+              </Menu>
             </Dropdown>
           </div>
           <div class="dropdown-story--trigger-item">
             <span class="dropdown-story--label">context-menu</span>
-            <Dropdown trigger-action="context-menu">
+            <Dropdown trigger-action="context-menu" trigger-class="btn btn-primary">
               <template #trigger>Right-click me</template>
-              <ul>
-                <li><a>Item A</a></li>
-                <li><a>Item B</a></li>
-              </ul>
+              <Menu class="bg-base-100">
+                <MenuItem>Item A</MenuItem>
+                <MenuItem>Item B</MenuItem>
+                <MenuItem>Item C</MenuItem>
+              </Menu>
             </Dropdown>
           </div>
         </div>
@@ -169,29 +178,32 @@ const dropdownExposeRef = useTemplateRef('dropdown-expose')
 
       <Variant title="Events">
         <Dropdown
+          trigger-class="btn btn-primary"
           @show="logEvent('show', $event)"
           @hide="logEvent('hide', $event)"
         >
           <template #trigger>
             Open — watch the event log
           </template>
-          <ul>
-            <li><a>Item A</a></li>
-            <li><a>Item B</a></li>
-          </ul>
+          <Menu class="bg-base-100">
+            <MenuItem>Item A</MenuItem>
+            <MenuItem>Item B</MenuItem>
+            <MenuItem>Item C</MenuItem>
+          </Menu>
         </Dropdown>
       </Variant>
 
       <Variant title="Expose — show / hide / toggle">
         <div class="dropdown-story dropdown-story--expose">
-          <Dropdown ref="dropdown-expose">
+          <Dropdown ref="dropdown-expose" trigger-class="btn btn-primary">
             <template #trigger>
               Trigger (click)
             </template>
-            <ul>
-              <li><a>Item A</a></li>
-              <li><a>Item B</a></li>
-            </ul>
+            <Menu class="bg-base-100">
+              <MenuItem>Item A</MenuItem>
+              <MenuItem>Item B</MenuItem>
+              <MenuItem>Item C</MenuItem>
+            </Menu>
           </Dropdown>
           <div class="dropdown-story--expose-actions">
             <Button variant="outline" size="sm" @click="dropdownExposeRef?.show()">show()</Button>
@@ -200,7 +212,6 @@ const dropdownExposeRef = useTemplateRef('dropdown-expose')
           </div>
         </div>
       </Variant>
-
     </template>
   </Story>
 </template>

package/src/public.ts

@@ -2,6 +2,7 @@ import { PoppyUi } from './plugin-vue'
 
 export default PoppyUi
 export * from './components/actions/public.types'
+export * from './components/data/public.types'
 export * from './components/display/public.types'
 export * from './components/feedback/public.types'
 export * from './components/layout/public.types'

package/src/style.css

@@ -1,6 +0,0 @@
-@import "tailwindcss";
-
-@plugin "daisyui" {
-  logs: false;
-  themes: all;
-}