coles-solid-library 0.5.0 → 0.5.1

package/dist/vite.d.ts

@@ -0,0 +1,52 @@
+import type { Plugin } from 'vite';
+/** Material Symbols style variant. Each maps to a separate icon barrel subpath. */
+export type IconVariant = 'outlined' | 'rounded' | 'sharp';
+export interface ColesSolidLibraryOptions {
+    /**
+     * Which icon-variant barrels to pre-bundle for dev. Each listed variant's barrel is
+     * collapsed into ONE browser-cached chunk, so dev loads it once instead of raw-serving
+     * thousands of individual icon modules (a slow request waterfall, especially under
+     * `npm link`).
+     *
+     * Note: in dev the pre-bundled chunk is the FULL barrel (~5–7MB of dev cache per variant);
+     * esbuild can't tree-shake a pre-bundle entry against your app's usage. That cache is never
+     * shipped — the production `build` tree-shakes down to only the icons you import.
+     *
+     * Defaults to `['outlined']` — the library's default `/icons` export — so the common case
+     * stays lean (~5MB dev cache) with zero config. Add `'rounded'` / `'sharp'` only if you
+     * import those barrels, e.g. `{ iconVariants: ['outlined', 'rounded'] }`.
+     */
+    iconVariants?: IconVariant[];
+}
+/**
+ * Vite plugin for consumers of coles-solid-library.
+ *
+ * Add it to your vite.config plugins array (next to vite-plugin-solid) and it supplies the
+ * bundler tuning this library needs, so you don't hand-maintain it yourself:
+ *
+ *  - resolve.dedupe — forces a SINGLE solid-js instance (core + /web + /store). The library
+ *    externalizes solid-js (see rollup.config.mjs `external`), so a duplicate copy in the
+ *    consumer graph breaks reactivity (Portals in Select/Menu/Modal/Snackbar, stores in
+ *    Form/Table).
+ *  - optimizeDeps.include — pre-bundles the library and its icon barrels with esbuild in dev,
+ *    collapsing each barrel into one cached chunk so dev loads it once instead of raw-serving
+ *    thousands of individual icon modules (slow, especially under `npm link`, where Vite skips
+ *    pre-bundling linked deps unless they're explicitly listed here).
+ *
+ * Vite deep-merges this `config` return into the user's config and concatenates arrays, so any
+ * dedupe/include entries you define yourself are preserved and these are appended.
+ *
+ * This does NOT replace vite-plugin-solid — you still need that to compile Solid JSX.
+ *
+ * @example
+ * import { defineConfig } from 'vite';
+ * import solid from 'vite-plugin-solid';
+ * import colesSolidLibrary from 'coles-solid-library/vite';
+ *
+ * export default defineConfig({
+ *   // Default pre-bundles only the `outlined` icon barrel; add variants you actually import:
+ *   plugins: [solid(), colesSolidLibrary({ iconVariants: ['outlined', 'rounded'] })],
+ * });
+ */
+export declare function colesSolidLibrary(options?: ColesSolidLibraryOptions): Plugin;
+export default colesSolidLibrary;

package/dist/vite.js

@@ -0,0 +1,2 @@
+const o={outlined:"coles-solid-library/icons",rounded:"coles-solid-library/icons/rounded",sharp:"coles-solid-library/icons/sharp"};function s(s={}){const i=s.iconVariants??["outlined"];return{name:"coles-solid-library",config:()=>({optimizeDeps:{include:["coles-solid-library",...i.map(s=>o[s])]},resolve:{dedupe:["solid-js","solid-js/web","solid-js/store"]}})}}export{s as colesSolidLibrary,s as default};
+//# sourceMappingURL=vite.js.map

package/dist/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sources":["../src/vite.ts"],"sourcesContent":["// Type-only import — erased at build time, so `vite` never enters this module's runtime\n// graph (rollup won't bundle or require it). Keep every reference to vite in TYPE position;\n// a value import here would pull the dev-only `vite` into the published artifact.\nimport type { Plugin } from 'vite';\n\n/** Material Symbols style variant. Each maps to a separate icon barrel subpath. */\nexport type IconVariant = 'outlined' | 'rounded' | 'sharp';\n\nconst ICON_SUBPATHS: Record<IconVariant, string> = {\n  outlined: 'coles-solid-library/icons',\n  rounded: 'coles-solid-library/icons/rounded',\n  sharp: 'coles-solid-library/icons/sharp',\n};\n\nexport interface ColesSolidLibraryOptions {\n  /**\n   * Which icon-variant barrels to pre-bundle for dev. Each listed variant's barrel is\n   * collapsed into ONE browser-cached chunk, so dev loads it once instead of raw-serving\n   * thousands of individual icon modules (a slow request waterfall, especially under\n   * `npm link`).\n   *\n   * Note: in dev the pre-bundled chunk is the FULL barrel (~5–7MB of dev cache per variant);\n   * esbuild can't tree-shake a pre-bundle entry against your app's usage. That cache is never\n   * shipped — the production `build` tree-shakes down to only the icons you import.\n   *\n   * Defaults to `['outlined']` — the library's default `/icons` export — so the common case\n   * stays lean (~5MB dev cache) with zero config. Add `'rounded'` / `'sharp'` only if you\n   * import those barrels, e.g. `{ iconVariants: ['outlined', 'rounded'] }`.\n   */\n  iconVariants?: IconVariant[];\n}\n\n/**\n * Vite plugin for consumers of coles-solid-library.\n *\n * Add it to your vite.config plugins array (next to vite-plugin-solid) and it supplies the\n * bundler tuning this library needs, so you don't hand-maintain it yourself:\n *\n *  - resolve.dedupe — forces a SINGLE solid-js instance (core + /web + /store). The library\n *    externalizes solid-js (see rollup.config.mjs `external`), so a duplicate copy in the\n *    consumer graph breaks reactivity (Portals in Select/Menu/Modal/Snackbar, stores in\n *    Form/Table).\n *  - optimizeDeps.include — pre-bundles the library and its icon barrels with esbuild in dev,\n *    collapsing each barrel into one cached chunk so dev loads it once instead of raw-serving\n *    thousands of individual icon modules (slow, especially under `npm link`, where Vite skips\n *    pre-bundling linked deps unless they're explicitly listed here).\n *\n * Vite deep-merges this `config` return into the user's config and concatenates arrays, so any\n * dedupe/include entries you define yourself are preserved and these are appended.\n *\n * This does NOT replace vite-plugin-solid — you still need that to compile Solid JSX.\n *\n * @example\n * import { defineConfig } from 'vite';\n * import solid from 'vite-plugin-solid';\n * import colesSolidLibrary from 'coles-solid-library/vite';\n *\n * export default defineConfig({\n *   // Default pre-bundles only the `outlined` icon barrel; add variants you actually import:\n *   plugins: [solid(), colesSolidLibrary({ iconVariants: ['outlined', 'rounded'] })],\n * });\n */\nexport function colesSolidLibrary(options: ColesSolidLibraryOptions = {}): Plugin {\n  const variants = options.iconVariants ?? ['outlined'];\n  return {\n    name: 'coles-solid-library',\n    config() {\n      return {\n        optimizeDeps: {\n          include: [\n            'coles-solid-library',\n            ...variants.map((variant) => ICON_SUBPATHS[variant]),\n          ],\n        },\n        resolve: {\n          dedupe: ['solid-js', 'solid-js/web', 'solid-js/store'],\n        },\n      };\n    },\n  };\n}\n\nexport default colesSolidLibrary;\n"],"names":["ICON_SUBPATHS","outlined","rounded","sharp","colesSolidLibrary","options","variants","iconVariants","name","config","optimizeDeps","include","map","variant","resolve","dedupe"],"mappings":"AAQA,MAAMA,EAA6C,CACjDC,SAAU,4BACVC,QAAS,oCACTC,MAAO,mCAmDH,SAAUC,EAAkBC,EAAoC,IACpE,MAAMC,EAAWD,EAAQE,cAAgB,CAAC,YAC1C,MAAO,CACLC,KAAM,sBACNC,OAAMA,KACG,CACLC,aAAc,CACZC,QAAS,CACP,yBACGL,EAASM,IAAKC,GAAYb,EAAca,MAG/CC,QAAS,CACPC,OAAQ,CAAC,WAAY,eAAgB,qBAK/C"}

package/package.json

@@ -1,14 +1,140 @@
 {
   "name": "coles-solid-library",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A SolidJS mostly UI library",
-  "module": "dist/index.esm.js",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js"
+      "import": "./dist/index.js"
+    },
+    "./Button": {
+      "types": "./dist/components/Button/Button.d.ts",
+      "import": "./dist/components/Button/Button.js"
+    },
+    "./Carousel": {
+      "types": "./dist/components/Carosel/Carosel.d.ts",
+      "import": "./dist/components/Carosel/Carosel.js"
+    },
+    "./Slide": {
+      "types": "./dist/components/Carosel/Slide.d.ts",
+      "import": "./dist/components/Carosel/Slide.js"
+    },
+    "./Chip": {
+      "types": "./dist/components/Chip/Chip.d.ts",
+      "import": "./dist/components/Chip/Chip.js"
+    },
+    "./Chipbar": {
+      "types": "./dist/components/Chipbar/chipbar.d.ts",
+      "import": "./dist/components/Chipbar/chipbar.js"
+    },
+    "./ComponentBody": {
+      "types": "./dist/components/ComponentBody/body.component.d.ts",
+      "import": "./dist/components/ComponentBody/body.component.js"
+    },
+    "./Input": {
+      "types": "./dist/components/Input/inputV2.d.ts",
+      "import": "./dist/components/Input/inputV2.js"
+    },
+    "./Checkbox": {
+      "types": "./dist/components/Checkbox/checkbox.d.ts",
+      "import": "./dist/components/Checkbox/checkbox.js"
+    },
+    "./Select": {
+      "types": "./dist/components/Select/select.component.d.ts",
+      "import": "./dist/components/Select/select.component.js"
+    },
+    "./Option": {
+      "types": "./dist/components/Select/option.component.d.ts",
+      "import": "./dist/components/Select/option.component.js"
+    },
+    "./TextArea": {
+      "types": "./dist/components/TextArea/TextArea.d.ts",
+      "import": "./dist/components/TextArea/TextArea.js"
+    },
+    "./Modal": {
+      "types": "./dist/components/modal/popup.component.d.ts",
+      "import": "./dist/components/modal/popup.component.js"
+    },
+    "./Expansion": {
+      "types": "./dist/components/expansion/expansion.d.ts",
+      "import": "./dist/components/expansion/expansion.js"
+    },
+    "./Snackbar": {
+      "types": "./dist/components/Snackbar/snackbar.d.ts",
+      "import": "./dist/components/Snackbar/snackbar.js"
+    },
+    "./Container": {
+      "types": "./dist/components/Container/container.d.ts",
+      "import": "./dist/components/Container/container.js"
+    },
+    "./Icon": {
+      "types": "./dist/components/Icon/icon.d.ts",
+      "import": "./dist/components/Icon/icon.js"
+    },
+    "./Menu": {
+      "types": "./dist/components/Menu/menu.d.ts",
+      "import": "./dist/components/Menu/menu.js"
+    },
+    "./MenuItem": {
+      "types": "./dist/components/Menu/menuitem.d.ts",
+      "import": "./dist/components/Menu/menuitem.js"
+    },
+    "./MenuDropdown": {
+      "types": "./dist/components/Menu/menuDropdown.d.ts",
+      "import": "./dist/components/Menu/menuDropdown.js"
+    },
+    "./Radio": {
+      "types": "./dist/components/Radio/radio.d.ts",
+      "import": "./dist/components/Radio/radio.js"
+    },
+    "./RadioGroup": {
+      "types": "./dist/components/Radio/radioGroup.d.ts",
+      "import": "./dist/components/Radio/radioGroup.js"
+    },
+    "./Form": {
+      "types": "./dist/components/Form/form.d.ts",
+      "import": "./dist/components/Form/form.js"
+    },
+    "./FormField": {
+      "types": "./dist/components/FormField/formField.d.ts",
+      "import": "./dist/components/FormField/formField.js"
+    },
+    "./FormGroup": {
+      "types": "./dist/components/Form/formGroup.d.ts",
+      "import": "./dist/components/Form/formGroup.js"
+    },
+    "./FormArray": {
+      "types": "./dist/components/Form/formHelp/formArray.d.ts",
+      "import": "./dist/components/Form/formHelp/formArray.js"
+    },
+    "./Table": {
+      "types": "./dist/components/TableV2/table.d.ts",
+      "import": "./dist/components/TableV2/table.js"
+    },
+    "./Row": {
+      "types": "./dist/components/TableV2/row.d.ts",
+      "import": "./dist/components/TableV2/row.js"
+    },
+    "./Column": {
+      "types": "./dist/components/TableV2/column.d.ts",
+      "import": "./dist/components/TableV2/column.js"
+    },
+    "./Cell": {
+      "types": "./dist/components/TableV2/cell.d.ts",
+      "import": "./dist/components/TableV2/cell.js"
+    },
+    "./Header": {
+      "types": "./dist/components/TableV2/header.d.ts",
+      "import": "./dist/components/TableV2/header.js"
+    },
+    "./TabBar": {
+      "types": "./dist/components/TabV2/tabs.d.ts",
+      "import": "./dist/components/TabV2/tabs.js"
     },
     "./icons": {
       "types": "./dist/generated/outlined.d.ts",
@@ -22,17 +148,16 @@
       "types": "./dist/generated/sharp.d.ts",
       "import": "./dist/generated/sharp.js"
     },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js"
+    },
     "./dist/*": "./dist/*",
     "./themes/*": "./themes/*",
     "./package.json": "./package.json"
   },
   "files": [
-    "dist/styles.css",
-    "dist/index.esm.js",
-    "dist/index.d.ts",
-    "dist/tools.d.ts",
-    "dist/components",
-    "dist/generated",
+    "dist",
     "themes",
     "USAGE.html"
   ],
@@ -46,14 +171,21 @@
     "pretest": "npm run generate:icons",
     "test": "vitest run",
     "test:watch": "vitest",
-    "coverage": "vitest run --coverage"
+    "coverage": "vitest run --coverage",
+    "size": "size-limit"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "peerDependencies": {
     "sass": "^1.85.1",
-    "solid-js": "^1.8.11"
+    "solid-js": "^1.8.11",
+    "vite": "^8.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
@@ -62,6 +194,8 @@
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@size-limit/preset-small-lib": "^12.1.0",
     "@solidjs/testing-library": "^0.8.9",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/jest-dom": "^6.9.1",
@@ -75,6 +209,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-typescript2": "^0.37.0",
+    "size-limit": "^12.1.0",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",

package/readme.md

@@ -34,6 +34,42 @@ and lightTheme and the addTheme() requires it. It will default to light without
   @use 'coles-solid-library/themes/themes.scss';
 ```
 
+## Vite setup
+
+Add the bundled `coles-solid-library/vite` plugin to your `vite.config` (next to
+`vite-plugin-solid`). It supplies the bundler tuning this library needs so you don't
+hand-maintain it: a single `solid-js` instance (`resolve.dedupe`) and dev pre-bundling of
+the library and its icon barrels (`optimizeDeps.include`).
+
+```ts
+import { defineConfig } from 'vite';
+import solid from 'vite-plugin-solid';
+import colesSolidLibrary from 'coles-solid-library/vite';
+
+export default defineConfig({
+  plugins: [solid(), colesSolidLibrary()],
+});
+```
+
+This replaces any hand-written `optimizeDeps.include` / `resolve.dedupe` blocks for the
+library, and complements — does not replace — `vite-plugin-solid` (still required to
+compile Solid JSX).
+
+**Icon variants.** The plugin defaults to pre-bundling only the `outlined` barrel (the
+default `coles-solid-library/icons` export). If you import the `rounded` or `sharp`
+variants, list them so they're pre-bundled too:
+
+```ts
+colesSolidLibrary({ iconVariants: ['outlined', 'rounded'] })
+```
+
+**Dev vs. production note.** In dev, pre-bundling collapses each icon barrel into a single
+browser-cached chunk so the dev server loads it once instead of raw-serving thousands of
+individual icon modules. The dev chunk is the *full* barrel (esbuild can't tree-shake a
+pre-bundle entry against your usage) — so list only the variants you use to keep the dev
+cache lean. This is dev-cache only and is never shipped: your production build tree-shakes
+down to only the icons you actually import.
+
 ## Usage
 
 Here's a basic example of how to use the library:

package/dist/generated/registries/outlined.d.ts

@@ -1,3 +0,0 @@
-// AUTO-GENERATED. Do not edit.
-export declare function has(name: string): boolean;
-export declare function load(name: string): Promise<string> | undefined;