@lumx/vue 3.20.1-alpha.7 → 3.20.1-alpha.9

package/package.json

@@ -9,7 +9,7 @@
     "start:storybook": "storybook dev -p 9000",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build": "vite build && cp package.json dist/"
+    "build": "vite build"
   },
   "module": "index.js",
   "main": "index.js",
@@ -20,15 +20,17 @@
     "directory": "dist"
   },
   "sideEffects": false,
-  "version": "3.20.1-alpha.7",
+  "version": "3.20.1-alpha.9",
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@storybook/vue3-vite": "^9.1.4",
     "@vitejs/plugin-vue": "^6.0.2",
     "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "rollup-plugin-copy": "^3.5.0",
     "storybook": "^9.1.4",
     "typescript": "^5.4.3",
     "vite": "^6.3.5",
+    "vite-plugin-static-copy": "^3.1.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vue": "^3.5.25"
   }

package/src/Icon.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import Icon from './Icon.vue';
+
+export default {
+  title: 'LumX/Icon',
+  component: Icon,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { Icon },
+  setup() {
+    return { args };
+  },
+  template: '<Icon v-bind="args" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/Icon.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { Icon as UI } from '@lumx/core/js/components/Icon';
+// import type { IconProps, IconSizes } from '@lumx/core/js/components/Icon';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+console.log(props);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }" />
+</template>

package/src/InputHelper.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import InputHelper from './InputHelper.vue';
+
+export default {
+  title: 'LumX/InputHelper',
+  component: InputHelper,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { InputHelper },
+  setup() {
+    return { args };
+  },
+  template: '<InputHelper>Text</InputHelper>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/InputHelper.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { InputHelper as UI } from '@lumx/core/js/components/InputHelper';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }">
+    <slot />
+  </UI>
+</template>

package/src/components/icon/Icon.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import Icon from './Icon.vue';
+
+export default {
+  title: 'LumX/Icon',
+  component: Icon,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { Icon },
+  setup() {
+    return { args };
+  },
+  template: '<Icon v-bind="args" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/components/icon/Icon.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { Icon as UI } from '@lumx/core/js/components/Icon';
+// import type { IconProps, IconSizes } from '@lumx/core/js/components/Icon';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+console.log(props);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }" />
+</template>

package/src/components/icon/index.ts

@@ -0,0 +1,2 @@
+import Icon from './Icon.vue';
+export { Icon };

package/src/components/input-helper/InputHelper.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import InputHelper from './InputHelper.vue';
+
+export default {
+  title: 'LumX/InputHelper',
+  component: InputHelper,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { InputHelper },
+  setup() {
+    return { args };
+  },
+  template: '<InputHelper>Text</InputHelper>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/components/input-helper/InputHelper.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { InputHelper as UI } from '@lumx/core/js/components/InputHelper';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }">
+    <slot />
+  </UI>
+</template>

package/src/components/input-helper/index.ts

@@ -0,0 +1,2 @@
+import InputHelper from './InputHelper.vue';
+export { InputHelper };

package/src/icon/Icon.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import Icon from './Icon.vue';
+
+export default {
+  title: 'LumX/Icon',
+  component: Icon,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { Icon },
+  setup() {
+    return { args };
+  },
+  template: '<Icon v-bind="args" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/icon/Icon.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { Icon as UI } from '@lumx/core/js/components/Icon';
+// import type { IconProps, IconSizes } from '@lumx/core/js/components/Icon';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+console.log(props);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }" />
+</template>

package/src/icon/index.ts

@@ -0,0 +1,2 @@
+import Icon from './Icon.vue';
+export { Icon };

package/src/index.ts

@@ -0,0 +1,2 @@
+import InputHelper from './InputHelper.vue';
+export { InputHelper };

package/src/input-helper/InputHelper.stories.js

@@ -0,0 +1,27 @@
+import { mdiAbTesting } from 'lumx-icons/dist';
+import InputHelper from './InputHelper.vue';
+
+export default {
+  title: 'LumX/InputHelper',
+  component: InputHelper,
+  argTypes: {
+    theme: { control: 'text' },
+    // Add other props here as needed
+  },
+};
+
+const Template = (args) => ({
+  components: { InputHelper },
+  setup() {
+    return { args };
+  },
+  template: '<InputHelper>Text</InputHelper>',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  // Provide default props here, e.g.:
+  theme: 'light',
+  icon: mdiAbTesting,
+  // name: 'star', // Example if Icon expects a name prop
+};

package/src/input-helper/InputHelper.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { inject, useAttrs } from 'vue';
+import { InputHelper as UI } from '@lumx/core/js/components/InputHelper';
+
+// Define props (replace 'any' with actual IconProps type if available)
+const props = defineProps();
+const attrs = useAttrs();
+// Inject theme if provided by parent
+const defaultTheme = inject('theme', undefined);
+</script>
+
+<template>
+  <UI v-bind="{ ...attrs, ...props, theme: props.theme || defaultTheme }">
+    <slot />
+  </UI>
+</template>

package/src/input-helper/index.ts

@@ -0,0 +1,2 @@
+import InputHelper from './InputHelper.vue';
+export { InputHelper };