@davidbirchall/core 1.0.8 → 1.0.9

package/dist/Button/types.d.ts

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

package/dist/Calendar/types.d.ts

@@ -0,0 +1,22 @@
+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/{src/components/Card/types.ts → dist/Card/types.d.ts}

@@ -1,3 +1,3 @@
 export interface CardProps {
-  hoverable?: boolean
+    hoverable?: boolean;
 }

package/dist/Checkbox/types.d.ts

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

package/dist/DataTable/types.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,13 @@
+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

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

package/dist/ErrorSummary/types.d.ts

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

package/dist/Heading/types.d.ts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,12 @@
+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

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

package/dist/TextArea/types.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+.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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+(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

@@ -0,0 +1 @@
+{"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

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

package/dist/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@davidbirchall/core",
+  "version": "1.0.9",
+  "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"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davidbirchall/core",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Vue 3 component library with TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,6 +17,9 @@
     },
     "./core.css": "./dist/core.css"
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build && tsc --emitDeclarationOnly",

package/.storybook/main.ts

@@ -1,18 +0,0 @@
-import type { StorybookConfig } from '@storybook/vue3-vite'
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-links'
-  ],
-  framework: {
-    name: '@storybook/vue3-vite',
-    options: {}
-  },
-  docs: {
-    autodocs: 'tag'
-  }
-}
-
-export default config

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from '@storybook/vue3'
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i
-      }
-    }
-  }
-}
-
-export default preview

package/src/components/Badge/Badge.stories.ts

@@ -1,147 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import Badge from './Badge.vue'
-
-const meta = {
-  title: 'Components/Badge',
-  component: Badge,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['primary', 'secondary', 'success', 'warning', 'danger', 'info'],
-      description: 'Badge color variant'
-    },
-    size: {
-      control: 'select',
-      options: ['small', 'medium', 'large'],
-      description: 'Badge size'
-    }
-  },
-  args: {
-    variant: 'primary',
-    size: 'medium'
-  }
-} satisfies Meta<typeof Badge>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-  args: {
-    variant: 'primary'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Primary</Badge>'
-  })
-}
-
-export const Success: Story = {
-  args: {
-    variant: 'success'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Success</Badge>'
-  })
-}
-
-export const Warning: Story = {
-  args: {
-    variant: 'warning'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Warning</Badge>'
-  })
-}
-
-export const Danger: Story = {
-  args: {
-    variant: 'danger'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Danger</Badge>'
-  })
-}
-
-export const Info: Story = {
-  args: {
-    variant: 'info'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Info</Badge>'
-  })
-}
-
-export const Small: Story = {
-  args: {
-    size: 'small'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Small Badge</Badge>'
-  })
-}
-
-export const Large: Story = {
-  args: {
-    size: 'large'
-  },
-  render: (args: any) => ({
-    components: { Badge },
-    setup() {
-      return { args }
-    },
-    template: '<Badge v-bind="args">Large Badge</Badge>'
-  })
-}
-
-export const AllVariants: Story = {
-  render: () => ({
-    components: { Badge },
-    template: `
-      <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
-        <Badge variant="primary">Primary</Badge>
-        <Badge variant="secondary">Secondary</Badge>
-        <Badge variant="success">Success</Badge>
-        <Badge variant="warning">Warning</Badge>
-        <Badge variant="danger">Danger</Badge>
-        <Badge variant="info">Info</Badge>
-      </div>
-    `
-  })
-}
-
-export const AllSizes: Story = {
-  render: () => ({
-    components: { Badge },
-    template: `
-      <div style="display: flex; gap: 0.5rem; align-items: center;">
-        <Badge size="small">Small</Badge>
-        <Badge size="medium">Medium</Badge>
-        <Badge size="large">Large</Badge>
-      </div>
-    `
-  })
-}

package/src/components/Badge/Badge.test.ts

@@ -1,57 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import Badge from './Badge.vue'
-
-describe('Badge', () => {
-  it('renders slot content', () => {
-    const wrapper = mount(Badge, {
-      slots: {
-        default: 'New'
-      }
-    })
-    expect(wrapper.text()).toBe('New')
-  })
-
-  it('applies primary variant by default', () => {
-    const wrapper = mount(Badge)
-    expect(wrapper.classes()).toContain('badge--primary')
-  })
-
-  it('applies correct variant class', () => {
-    const variants = ['primary', 'secondary', 'success', 'warning', 'danger', 'info'] as const
-    
-    variants.forEach(variant => {
-      const wrapper = mount(Badge, {
-        props: { variant }
-      })
-      expect(wrapper.classes()).toContain(`badge--${variant}`)
-    })
-  })
-
-  it('applies medium size by default', () => {
-    const wrapper = mount(Badge)
-    expect(wrapper.classes()).toContain('badge--medium')
-  })
-
-  it('applies correct size class', () => {
-    const sizes = ['small', 'medium', 'large'] as const
-    
-    sizes.forEach(size => {
-      const wrapper = mount(Badge, {
-        props: { size }
-      })
-      expect(wrapper.classes()).toContain(`badge--${size}`)
-    })
-  })
-
-  it('combines variant and size classes', () => {
-    const wrapper = mount(Badge, {
-      props: {
-        variant: 'success',
-        size: 'large'
-      }
-    })
-    expect(wrapper.classes()).toContain('badge--success')
-    expect(wrapper.classes()).toContain('badge--large')
-  })
-})

package/src/components/Badge/Badge.vue

@@ -1,79 +0,0 @@
-<template>
-  <span :class="['badge', `badge--${variant}`, `badge--${size}`]">
-    <slot />
-  </span>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'
-  size?: 'small' | 'medium' | 'large'
-}
-
-withDefaults(defineProps<Props>(), {
-  variant: 'primary',
-  size: 'medium'
-})
-</script>
-
-<style scoped>
-.badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 500;
-  border-radius: 0.375rem;
-  white-space: nowrap;
-  transition: all 0.2s;
-}
-
-/* Sizes */
-.badge--small {
-  padding: 0.125rem 0.5rem;
-  font-size: 0.75rem;
-  line-height: 1.25;
-}
-
-.badge--medium {
-  padding: 0.25rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25;
-}
-
-.badge--large {
-  padding: 0.375rem 1rem;
-  font-size: 0.9375rem;
-  line-height: 1.5;
-}
-
-/* Variants */
-.badge--primary {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: white;
-}
-
-.badge--secondary {
-  background: #f3f4f6;
-  color: #374151;
-}
-
-.badge--success {
-  background: #dcfce7;
-  color: #166534;
-}
-
-.badge--warning {
-  background: #fef3c7;
-  color: #92400e;
-}
-
-.badge--danger {
-  background: #fee2e2;
-  color: #991b1b;
-}
-
-.badge--info {
-  background: #dbeafe;
-  color: #1e40af;
-}
-</style>

package/src/components/Button/Button.stories.ts

@@ -1,80 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import Button from './Button.vue'
-
-const meta = {
-  title: 'Components/Button',
-  component: Button,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['primary', 'secondary', 'danger'],
-      description: 'Button variant style'
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Disabled state'
-    },
-    onClick: { action: 'clicked' }
-  },
-  args: {
-    variant: 'primary',
-    disabled: false
-  }
-} satisfies Meta<typeof Button>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-  args: {
-    variant: 'primary'
-  },
-  render: (args: any) => ({
-    components: { Button },
-    setup() {
-      return { args }
-    },
-    template: '<Button v-bind="args">Click me</Button>'
-  })
-}
-
-export const Secondary: Story = {
-  args: {
-    variant: 'secondary'
-  },
-  render: (args: any) => ({
-    components: { Button },
-    setup() {
-      return { args }
-    },
-    template: '<Button v-bind="args">Click me</Button>'
-  })
-}
-
-export const Danger: Story = {
-  args: {
-    variant: 'danger'
-  },
-  render: (args: any) => ({
-    components: { Button },
-    setup() {
-      return { args }
-    },
-    template: '<Button v-bind="args">Delete</Button>'
-  })
-}
-
-export const Disabled: Story = {
-  args: {
-    variant: 'primary',
-    disabled: true
-  },
-  render: (args: any) => ({
-    components: { Button },
-    setup() {
-      return { args }
-    },
-    template: '<Button v-bind="args">Disabled</Button>'
-  })
-}