@davidbirchall/core 1.0.6 → 1.0.8

package/src/components/index.ts

@@ -0,0 +1,5 @@
+import Badge from './Badge/Badge.vue'
+
+export {
+  Badge
+}

package/src/test/setup.ts

@@ -0,0 +1 @@
+// import '@testing-library/jest-dom/vitest'

package/src/vite-env.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "preserve",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "declarationDir": "./dist",
+    "emitDeclarationOnly": true,
+    "outDir": "./dist"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.stories.ts",
+    "**/*.test.ts",
+    "src/test"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/components/index.ts'),
+      name: 'VueComponentLibrary',
+      // fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`
+      formats: ['es', 'umd']
+    },
+    rollupOptions: {
+      external: ['vue'],
+      input: 'src/components/index.ts',
+      output: {
+        sourcemap: true,
+        globals: {
+          vue: 'Vue'
+        },
+        assetFileNames: (assetInfo) => {
+          // Use the first name in the names array
+          const assetName = assetInfo.names?.[0] ?? ''
+          if (assetName.endsWith('.css')) {
+            return 'core.css'
+          }
+          return assetName || '[name].[ext]'
+        }
+      },
+    }
+  }
+})

package/vitest.config.ts

@@ -0,0 +1,28 @@
+import { defineConfig } from 'vitest/config'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    globals: true,
+    environment: 'happy-dom',
+    setupFiles: ['./src/test/setup.ts'],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'dist/',
+        '**/*.stories.ts',
+        '**/*.d.ts',
+        '.storybook/'
+      ]
+    }
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  }
+})

package/dist/Button/types.d.ts

@@ -1,4 +0,0 @@
-export interface ButtonProps {
-    variant?: 'primary' | 'secondary' | 'danger';
-    disabled?: boolean;
-}

package/dist/Calendar/types.d.ts

@@ -1,22 +0,0 @@
-export interface CalendarProps {
-    modelValue?: string | string[] | {
-        start: string;
-        end: string;
-    };
-    mode?: 'single' | 'multiple' | 'range';
-    minDate?: string;
-    maxDate?: string;
-    disabledDates?: string[];
-    locale?: string;
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    initialDate?: string;
-}
-export interface CalendarDay {
-    date: Date;
-    dateString: string;
-    isCurrentMonth: boolean;
-    isToday: boolean;
-    isSelected: boolean;
-    isDisabled: boolean;
-    isInRange: boolean;
-}

package/dist/Checkbox/types.d.ts

@@ -1,7 +0,0 @@
-export interface CheckboxProps {
-    modelValue?: boolean;
-    label?: string;
-    disabled?: boolean;
-    required?: boolean;
-    error?: string;
-}

package/dist/DataTable/types.d.ts

@@ -1,11 +0,0 @@
-export interface DataTableColumn {
-    key: string;
-    label: string;
-    sortable?: boolean;
-}
-export interface DataTableProps {
-    columns: DataTableColumn[];
-    data: Record<string, any>[];
-    hoverable?: boolean;
-    emptyText?: string;
-}

package/dist/Dropdown/types.d.ts

@@ -1,13 +0,0 @@
-export interface DropdownItem {
-    label: string;
-    value: string;
-    icon?: string;
-    disabled?: boolean;
-    divider?: boolean;
-}
-export interface DropdownProps {
-    items?: DropdownItem[];
-    placement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    closeOnClick?: boolean;
-    disabled?: boolean;
-}

package/dist/EmptyState/types.d.ts

@@ -1,8 +0,0 @@
-export interface EmptyStateProps {
-    title?: string;
-    description?: string;
-    icon?: string;
-    actionText?: string;
-    actionVariant?: 'primary' | 'secondary';
-    size?: 'small' | 'medium' | 'large';
-}

package/dist/ErrorSummary/types.d.ts

@@ -1,4 +0,0 @@
-export type ErrorSummaryItem = {
-    id: string;
-    message: string;
-};

package/dist/Heading/types.d.ts

@@ -1,6 +0,0 @@
-export interface HeadingProps {
-    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    size?: '1' | '2' | '3' | '4' | '5' | '6';
-    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
-    align?: 'left' | 'center' | 'right';
-}

package/dist/Input/types.d.ts

@@ -1,11 +0,0 @@
-export interface InputProps {
-    modelValue?: string | number;
-    id?: string;
-    label?: string;
-    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'time';
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    error?: string;
-    hint?: string;
-}

package/dist/Select/types.d.ts

@@ -1,15 +0,0 @@
-export interface SelectOption {
-    value: string | number;
-    label: string;
-}
-export interface SelectProps {
-    modelValue?: string | number;
-    id?: string;
-    label?: string;
-    options?: SelectOption[];
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    error?: string;
-    hint?: string;
-}

package/dist/StatCard/types.d.ts

@@ -1,12 +0,0 @@
-export interface StatCardProps {
-    title: string;
-    value: string | number;
-    variant?: 'default' | 'success' | 'warning' | 'danger';
-    prefix?: string;
-    suffix?: string;
-    editable?: boolean;
-    trend?: {
-        value: number;
-        direction: 'up' | 'down';
-    };
-}

package/dist/Tag/types.d.ts

@@ -1,4 +0,0 @@
-export interface TagProps {
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
-    size?: 'small' | 'medium' | 'large';
-}

package/dist/TextArea/types.d.ts

@@ -1,11 +0,0 @@
-export interface TextAreaProps {
-    modelValue?: string;
-    id?: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    rows?: number;
-    error?: string;
-    hint?: string;
-}

package/dist/core.css

@@ -1 +0,0 @@
-.badge[data-v-f310f0d4]{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:.375rem;white-space:nowrap;transition:all .2s}.badge--small[data-v-f310f0d4]{padding:.125rem .5rem;font-size:.75rem;line-height:1.25}.badge--medium[data-v-f310f0d4]{padding:.25rem .75rem;font-size:.875rem;line-height:1.25}.badge--large[data-v-f310f0d4]{padding:.375rem 1rem;font-size:.9375rem;line-height:1.5}.badge--primary[data-v-f310f0d4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge--secondary[data-v-f310f0d4]{background:#f3f4f6;color:#374151}.badge--success[data-v-f310f0d4]{background:#dcfce7;color:#166534}.badge--warning[data-v-f310f0d4]{background:#fef3c7;color:#92400e}.badge--danger[data-v-f310f0d4]{background:#fee2e2;color:#991b1b}.badge--info[data-v-f310f0d4]{background:#dbeafe;color:#1e40af}

package/dist/core.js

@@ -1,24 +0,0 @@
-import { defineComponent as n, openBlock as s, createElementBlock as c, normalizeClass as d, renderSlot as l } from "vue";
-const i = /* @__PURE__ */ n({
-  __name: "Badge",
-  props: {
-    variant: { default: "primary" },
-    size: { default: "medium" }
-  },
-  setup(e) {
-    return (t, a) => (s(), c("span", {
-      class: d(["badge", `badge--${e.variant}`, `badge--${e.size}`])
-    }, [
-      l(t.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-}), f = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [o, r] of t)
-    a[o] = r;
-  return a;
-}, p = /* @__PURE__ */ f(i, [["__scopeId", "data-v-f310f0d4"]]);
-export {
-  p as Badge
-};
-//# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.js","sources":["../src/components/Badge/Badge.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\ninterface Props {\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'\n  size?: 'small' | 'medium' | 'large'\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'Badge',\n  props: {\n    variant: { default: 'primary' },\n    size: { default: 'medium' }\n  },\n  setup(__props: any) {\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(['badge', `badge--${__props.variant}`, `badge--${__props.size}`])\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 2))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";AASA,MAAAA,IAA4BC,gBAAAA,EAAiB;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,UAAA;AAAA,IACpB,MAAM,EAAE,SAAS,SAAA;AAAA,EAAS;AAAA,EAE5B,MAAMC,GAAc;AAItB,WAAO,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,QAAQ;AAAA,MAChD,OAAOC,EAAgB,CAAC,SAAS,UAAUL,EAAQ,OAAO,IAAI,UAAUA,EAAQ,IAAI,EAAE,CAAC;AAAA,IAAA,GACtF;AAAA,MACDM,EAAYL,EAAK,QAAQ,WAAW,CAAA,GAAI,QAAW,EAAI;AAAA,IAAA,GACtD,CAAC;AAAA,EAEN;AAEA,CAAC;;;;;;"}

package/dist/core.umd.cjs

@@ -1,2 +0,0 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.VueComponentLibrary={},t.Vue))})(this,(function(t,e){"use strict";const s=((n,o)=>{const a=n.__vccOpts||n;for(const[d,i]of o)a[d]=i;return a})(e.defineComponent({__name:"Badge",props:{variant:{default:"primary"},size:{default:"medium"}},setup(n){return(o,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",`badge--${n.variant}`,`badge--${n.size}`])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-f310f0d4"]]);t.Badge=s,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=core.umd.cjs.map

package/dist/core.umd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.umd.cjs","sources":["../src/components/Badge/Badge.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\ninterface Props {\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'\n  size?: 'small' | 'medium' | 'large'\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'Badge',\n  props: {\n    variant: { default: 'primary' },\n    size: { default: 'medium' }\n  },\n  setup(__props: any) {\n\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(['badge', `badge--${__props.variant}`, `badge--${__props.size}`])\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 2))\n}\n}\n\n})"],"names":["_defineComponent","__props","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"sVAS4BA,kBAAiB,CAC3C,OAAQ,QACR,MAAO,CACL,QAAS,CAAE,QAAS,SAAA,EACpB,KAAM,CAAE,QAAS,QAAA,CAAS,EAE5B,MAAMC,EAAc,CAItB,MAAO,CAACC,EAAUC,KACRC,EAAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQ,CAChD,MAAOC,EAAAA,eAAgB,CAAC,QAAS,UAAUL,EAAQ,OAAO,GAAI,UAAUA,EAAQ,IAAI,EAAE,CAAC,CAAA,EACtF,CACDM,EAAAA,WAAYL,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,CAAA,EACtD,CAAC,EAEN,CAEA,CAAC"}

package/dist/index.d.ts

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

package/dist/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "@davidbirchall/core",
-  "version": "1.0.6",
-  "description": "Vue 3 component library with TypeScript",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./core.css": "./dist/core.css"
-  },
-  "keywords": [
-    "vue",
-    "components",
-    "typescript"
-  ],
-  "author": "David Birchall",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.4.0"
-  }
-}