@fiscozen/checkbox 0.1.0

package/src/types.ts

@@ -0,0 +1,75 @@
+export type FzCheckboxProps = {
+  /**
+   * The label of the checkbox
+   */
+  label: string;
+  /**
+   * The value of the checkbox. If not provided, the value will be the label
+   */
+  value?: string;
+  /**
+   * The size of the checkbox
+   */
+  size: "sm" | "md";
+  /**
+   * If the checkbox is checked
+   */
+  checked?: boolean;
+  /**
+   * if the checkbox is indeterminate
+   */
+  indeterminate?: boolean;
+  /**
+   * If true, the checkbox will be emphasized
+   */
+  emphasis?: boolean;
+  /**
+   * If true, the checkbox will be disabled
+   */
+  disabled?: boolean;
+  /**
+   * If true, the checkbox will be in an error state
+   */
+  error?: boolean;
+  /**
+   * If the checkbox is required
+   */
+  required?: boolean;
+  /**
+   * If the checkbox is standalone
+   */
+  standalone?: boolean;
+};
+
+export type FzCheckboxGroupProps = {
+  /**
+   * The label of the checkbox group
+   */
+  label: string;
+  /**
+   * The size of the checkbox
+   */
+  size: "sm" | "md";
+  /**
+   * The checkbox to render
+   */
+  options: ParentCheckbox[];
+  /**
+   * If true, the checkbox will be emphasized
+   */
+  emphasis?: boolean;
+  /**
+   * If true, the checkbox will be disabled
+   */
+  disabled?: boolean;
+  /**
+   * If true, the checkbox will be in an error state
+   */
+  error?: boolean;
+  /**
+   * If the checkbox group is required
+   */
+  required?: boolean;
+};
+export type ParentCheckbox = ChildCheckbox & { children?: ChildCheckbox[] };
+export type ChildCheckbox = Omit<FzCheckboxProps, "size">;

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@fiscozen/tsconfig",
+  "exclude": ["src/__tests__", "vite.config.ts", "vitest.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { fileURLToPath, URL } from 'node:url'
+import { resolve } from 'node:path';
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    dts({
+      insertTypesEntry: true,
+    })
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, './src/index.ts'),
+      name: 'FzCheckbox',
+    },
+    rollupOptions: {
+      external: ['vue', "@fiscozen/icons"],
+      output: {
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    }
+  }
+})

package/vitest.config.ts

@@ -0,0 +1,19 @@
+import { fileURLToPath } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: 'jsdom',
+      exclude: [...configDefaults.exclude, 'e2e/*'],
+      root: fileURLToPath(new URL('./', import.meta.url)),
+      coverage: {
+        provider: 'v8',
+        include: ['**/src/**'],
+        exclude: ['**/index.ts']
+      }
+    }
+  })
+)