dirdoc-ui 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# dirdoc_ui
+

package/dist/index.cjs.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var vue = require('vue');
+
+var DButton = vue.defineComponent({
+    name: 'DButton',
+    props: {
+        label: {
+            type: String,
+            required: false,
+            default: ''
+        },
+        type: {
+            type: String,
+            default: 'button'
+        },
+        variant: {
+            type: String,
+            default: 'primary'
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        icon: {
+            type: [String, Object, Function],
+            default: null
+        },
+    },
+    emits: ['click'],
+    setup(props, ctx) {
+        const { slots, emit } = ctx;
+        const base = 'flex items-center justify-center focus:outline-none';
+        const variants = {
+            primary: 'bg-blue hover:bg-blue-700',
+            secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300',
+        };
+        function onClick(e) {
+            if (props.disabled)
+                return;
+            emit('click', e);
+        }
+        return () => {
+            const children = slots.default ? slots.default() : props.label;
+            if (props.icon) {
+                return vue.h('a', {
+                    type: props.type,
+                    class: `${base} ${variants[props.variant]} ${props.disabled ? '' : ''}  focus:outline-none`,
+                    disabled: props.disabled,
+                    onClick
+                }, [
+                    typeof props.icon === 'string' ? vue.h('i', { class: props.icon + ' mdi' }) : vue.h(props.icon),
+                    children
+                ]);
+            }
+            return vue.h('a', {
+                type: props.type,
+                class: `${base} ${variants[props.variant]} ${props.disabled ? 'opacity-50' : ''}`,
+                disabled: props.disabled,
+                onClick
+            }, children);
+        };
+    }
+});
+
+exports.DButton = DButton;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/components/DButton/DButton.tsx"],"sourcesContent":["import { defineComponent, h, PropType, SetupContext, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'DButton',\n  props: {\n    label: {\n      type: String as PropType<string>,\n      required: false,\n      default: ''\n    },\n    type: {\n      type: String as PropType<'button' | 'submit' | 'a'>,\n      default: 'button'\n    },\n    variant: {\n      type: String as PropType<'primary' | 'secondary'>,\n      default: 'primary'\n    },\n    disabled: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    icon: {\n      type: [String, Object, Function] as PropType<string | object | (() => VNode) | VNode | null>,\n      default: null\n    },\n  },\n  emits: ['click'],\n  setup(props: Record<string, any>, ctx: SetupContext) {\n    const { slots, emit } = ctx\n    const base = 'flex items-center justify-center focus:outline-none'\n\n    const variants: Record<string, string> = {\n      primary: 'bg-blue hover:bg-blue-700',\n      secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300',\n    }\n\n    function onClick(e: MouseEvent) {\n      if (props.disabled) return\n      emit('click', e)\n    }\n\n    return (): VNode => {\n      const children = slots.default ? slots.default() : props.label\n      if (props.icon) {\n        return h(\n          'a',\n          {\n            type: props.type,\n            class: `${base} ${variants[props.variant]} ${props.disabled ? '' : ''}  focus:outline-none`,\n            disabled: props.disabled,\n            onClick\n          },\n          [\n            typeof props.icon === 'string' ? h('i', { class: props.icon + ' mdi' }, ) : h(props.icon),\n            children\n          ]\n        )\n      }\n      \n      return h(\n        'a',\n        {\n          type: props.type,\n          class: `${base} ${variants[props.variant]} ${props.disabled ? 'opacity-50' : ''}`,\n          disabled: props.disabled,\n          onClick\n        },\n        children\n      )\n    }\n  }\n})\n"],"names":["defineComponent","h"],"mappings":";;;;AAEA,cAAeA,mBAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAA2C;AACjD,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAA4B;AAClC,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA6D;AAC5F,YAAA,OAAO,EAAE;AACV,SAAA;AACF,KAAA;IACD,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,KAAK,CAAC,KAA0B,EAAE,GAAiB,EAAA;AACjD,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG;QAC3B,MAAM,IAAI,GAAG,qDAAqD;AAElE,QAAA,MAAM,QAAQ,GAA2B;AACvC,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,SAAS,EAAE,6CAA6C;SACzD;QAED,SAAS,OAAO,CAAC,CAAa,EAAA;YAC5B,IAAI,KAAK,CAAC,QAAQ;gBAAE;AACpB,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAClB;AAEA,QAAA,OAAO,MAAY;AACjB,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK;AAC9D,YAAA,IAAI,KAAK,CAAC,IAAI,EAAE;gBACd,OAAOC,KAAC,CACN,GAAG,EACH;oBACE,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,GAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAA,oBAAA,CAAsB;oBAC3F,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB;iBACD,EACD;AACE,oBAAA,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,GAAGA,KAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,EAAE,CAAG,GAAGA,KAAC,CAAC,KAAK,CAAC,IAAI,CAAC;oBACzF;AACD,iBAAA,CACF;YACH;YAEA,OAAOA,KAAC,CACN,GAAG,EACH;gBACE,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,GAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE;gBACjF,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB;aACD,EACD,QAAQ,CACT;AACH,QAAA,CAAC;IACH;AACD,CAAA,CAAC;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as vue from 'vue';
+import { VNode } from 'vue';
+
+declare const _default: vue.DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, () => VNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, "click", vue.PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    label: string;
+    type: "button" | "submit" | "a";
+    variant: "primary" | "secondary";
+    disabled: boolean;
+    icon: string | object | (() => VNode) | VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { _default as DButton };

package/dist/index.esm.js

@@ -0,0 +1,65 @@
+import { defineComponent, h } from 'vue';
+
+var DButton = defineComponent({
+    name: 'DButton',
+    props: {
+        label: {
+            type: String,
+            required: false,
+            default: ''
+        },
+        type: {
+            type: String,
+            default: 'button'
+        },
+        variant: {
+            type: String,
+            default: 'primary'
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        icon: {
+            type: [String, Object, Function],
+            default: null
+        },
+    },
+    emits: ['click'],
+    setup(props, ctx) {
+        const { slots, emit } = ctx;
+        const base = 'flex items-center justify-center focus:outline-none';
+        const variants = {
+            primary: 'bg-blue hover:bg-blue-700',
+            secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300',
+        };
+        function onClick(e) {
+            if (props.disabled)
+                return;
+            emit('click', e);
+        }
+        return () => {
+            const children = slots.default ? slots.default() : props.label;
+            if (props.icon) {
+                return h('a', {
+                    type: props.type,
+                    class: `${base} ${variants[props.variant]} ${props.disabled ? '' : ''}  focus:outline-none`,
+                    disabled: props.disabled,
+                    onClick
+                }, [
+                    typeof props.icon === 'string' ? h('i', { class: props.icon + ' mdi' }) : h(props.icon),
+                    children
+                ]);
+            }
+            return h('a', {
+                type: props.type,
+                class: `${base} ${variants[props.variant]} ${props.disabled ? 'opacity-50' : ''}`,
+                disabled: props.disabled,
+                onClick
+            }, children);
+        };
+    }
+});
+
+export { DButton };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/DButton/DButton.tsx"],"sourcesContent":["import { defineComponent, h, PropType, SetupContext, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'DButton',\n  props: {\n    label: {\n      type: String as PropType<string>,\n      required: false,\n      default: ''\n    },\n    type: {\n      type: String as PropType<'button' | 'submit' | 'a'>,\n      default: 'button'\n    },\n    variant: {\n      type: String as PropType<'primary' | 'secondary'>,\n      default: 'primary'\n    },\n    disabled: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    icon: {\n      type: [String, Object, Function] as PropType<string | object | (() => VNode) | VNode | null>,\n      default: null\n    },\n  },\n  emits: ['click'],\n  setup(props: Record<string, any>, ctx: SetupContext) {\n    const { slots, emit } = ctx\n    const base = 'flex items-center justify-center focus:outline-none'\n\n    const variants: Record<string, string> = {\n      primary: 'bg-blue hover:bg-blue-700',\n      secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300',\n    }\n\n    function onClick(e: MouseEvent) {\n      if (props.disabled) return\n      emit('click', e)\n    }\n\n    return (): VNode => {\n      const children = slots.default ? slots.default() : props.label\n      if (props.icon) {\n        return h(\n          'a',\n          {\n            type: props.type,\n            class: `${base} ${variants[props.variant]} ${props.disabled ? '' : ''}  focus:outline-none`,\n            disabled: props.disabled,\n            onClick\n          },\n          [\n            typeof props.icon === 'string' ? h('i', { class: props.icon + ' mdi' }, ) : h(props.icon),\n            children\n          ]\n        )\n      }\n      \n      return h(\n        'a',\n        {\n          type: props.type,\n          class: `${base} ${variants[props.variant]} ${props.disabled ? 'opacity-50' : ''}`,\n          disabled: props.disabled,\n          onClick\n        },\n        children\n      )\n    }\n  }\n})\n"],"names":[],"mappings":";;AAEA,cAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAA2C;AACjD,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAA4B;AAClC,YAAA,OAAO,EAAE;AACV,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA6D;AAC5F,YAAA,OAAO,EAAE;AACV,SAAA;AACF,KAAA;IACD,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,KAAK,CAAC,KAA0B,EAAE,GAAiB,EAAA;AACjD,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG;QAC3B,MAAM,IAAI,GAAG,qDAAqD;AAElE,QAAA,MAAM,QAAQ,GAA2B;AACvC,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,SAAS,EAAE,6CAA6C;SACzD;QAED,SAAS,OAAO,CAAC,CAAa,EAAA;YAC5B,IAAI,KAAK,CAAC,QAAQ;gBAAE;AACpB,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAClB;AAEA,QAAA,OAAO,MAAY;AACjB,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK;AAC9D,YAAA,IAAI,KAAK,CAAC,IAAI,EAAE;gBACd,OAAO,CAAC,CACN,GAAG,EACH;oBACE,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,GAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAA,oBAAA,CAAsB;oBAC3F,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB;iBACD,EACD;AACE,oBAAA,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,EAAE,CAAG,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;oBACzF;AACD,iBAAA,CACF;YACH;YAEA,OAAO,CAAC,CACN,GAAG,EACH;gBACE,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,GAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE;gBACjF,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB;aACD,EACD,QAAQ,CACT;AACH,QAAA,CAAC;IACH;AACD,CAAA,CAAC;;;;"}

package/dist/types/components/DButton/DButton.d.ts

@@ -0,0 +1,15 @@
+import { VNode } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, () => VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "click", import("vue").PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    label: string;
+    type: "button" | "submit" | "a";
+    variant: "primary" | "secondary";
+    disabled: boolean;
+    icon: string | object | (() => VNode) | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/DButton/index.d.ts

@@ -0,0 +1 @@
+export { default as DButton } from './DButton';

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { DButton } from './components/DButton';
+export type {} from './components/DButton';

package/dist/types/utils.d.ts

@@ -0,0 +1 @@
+export declare function noop(): void;

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "dirdoc-ui",
+  "version": "1.0.0",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && rollup -c",
+    "test": "jest"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "tailwindcss": "^4.2.2"
+  },
+  "devDependencies": {
+    "jest": "^27.0.6",
+    "@types/bun": "latest",
+    "rollup": "4.61.1",
+    "rollup-plugin-dts": "6.4.1",
+    "rollup-plugin-typescript2": "^0.37.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-commonjs": "^29.0.3",
+    "typescript": "^6.0.3",
+    "vue": "^3.5.35",
+    "tslib": "^2.8.1"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": "./dist/*"
+  },
+  "peerDependencies": {
+    "vue": "^3.2 || ^4",
+    "typescript": "^4.9 || ^5"
+  },
+  "files": [
+    "dist"
+  ]
+}