vue-composable-ui 0.0.1

package/src/main.ts

@@ -0,0 +1,65 @@
+// Composables
+
+import { usePopover } from "./composables/popover";
+import { useList } from "./composables/list";
+import { useListOption } from "./composables/listOption";
+import { useFormControl } from "./composables/formControl";
+
+// Utils
+
+import { useHTMLElement } from "./utils/element";
+import { useSequentialId } from "./utils/id";
+
+// Components
+
+import Listbox from "./components/listbox/listbox.vue";
+import ListboxOption from "./components/listbox/listboxOption.vue";
+
+import TabContainer from "./components/tabs/tabContainer.vue";
+import TabList from "./components/tabs/tabList.vue";
+import Tab from "./components/tabs/tab.vue";
+import TabPanel from "./components/tabs/tabPanel.vue";
+
+import Popover from "./components/popover/popover.vue";
+import PopoverDialog from "./components/popover/popoverDialog.vue";
+
+import Tooltip from "./components/tooltip.vue";
+
+import Menu from "./components/menu/menu.vue";
+import MenuItems from "./components/menu/menuItems.vue";
+import MenuItem from "./components/menu/menuItem.vue";
+
+import Combobox from "./components/combobox/combobox.vue";
+import ComboboxOptions from "./components/combobox/comboboxOptions.vue";
+import ComboboxOption from "./components/combobox/comboboxOption.vue";
+
+export {
+  usePopover,
+  useList,
+  useListOption,
+  useFormControl,
+  //
+  useHTMLElement,
+  useSequentialId,
+  //
+  Listbox,
+  ListboxOption,
+  //
+  Popover,
+  PopoverDialog,
+  //
+  TabContainer,
+  TabList,
+  Tab,
+  TabPanel,
+  //
+  Tooltip,
+  //
+  Menu,
+  MenuItems,
+  MenuItem,
+  //
+  Combobox,
+  ComboboxOptions,
+  ComboboxOption,
+};

package/src/utils/element.ts

@@ -0,0 +1,19 @@
+import type { Ref } from "vue";
+import { ref } from "vue";
+
+export type TemplateRefOrSelector<E extends HTMLElement = HTMLElement> =
+  | Ref<E | undefined>
+  | E
+  | string;
+
+export function useHTMLElement<E extends HTMLElement = HTMLElement>(
+  el: TemplateRefOrSelector<E>
+) {
+  if (typeof el === "string") {
+    return ref<E | undefined>(document.querySelector<E>(el) || undefined);
+  } else if (el instanceof HTMLElement) {
+    return ref<E | undefined>(el);
+  } else {
+    return el;
+  }
+}

package/src/utils/id.ts

@@ -0,0 +1,5 @@
+let id = 0;
+
+export function useSequentialId(base: string = "id") {
+  return `${base}-${++id}`;
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "outDir": "dist/types",
+    "declaration": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "emitDeclarationOnly": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,28 @@
+import { resolve } from "path";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    lib: {
+      // Could also be a dictionary or array of multiple entry points
+      entry: resolve(__dirname, "src/main.ts"),
+      name: "Vue Composable UI",
+      // the proper extensions will be added
+      fileName: "composable-ui",
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ["vue"],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+  },
+});