@reshape-biotech/design-system 2.7.44 → 2.7.46

package/dist/safelist-source.d.ts

@@ -0,0 +1 @@
+export const safelist: "-rotate-90 [&>*>.control-button]:flex-col [&>*]:flex-1 [&>*]:flex-none [&>*]:rounded-md! [&>*]:rounded-xl [&>svg]:h-4 [&>svg]:h-5 [&>svg]:w-4 [&>svg]:w-5 badge-error badge-md badge-neutral badge-progress badge-sm badge-success badge-warning bg-accent bg-accent-hover bg-accent-inverse bg-accent-inverse-hover bg-base bg-base-inverse bg-blue bg-blue-hover bg-blue-inverse bg-blue-inverse-hover bg-danger bg-danger-hover bg-danger-inverse bg-danger-inverse-hover bg-dark-accent bg-dark-accent-hover bg-dark-accent-inverse bg-dark-accent-inverse-hover bg-dark-base bg-dark-base-inverse bg-dark-blue bg-dark-blue-hover bg-dark-danger bg-dark-danger-hover bg-dark-danger-inverse bg-dark-danger-inverse-hover bg-dark-lilac bg-dark-lilac-hover bg-dark-lime bg-dark-lime-hover bg-dark-neutral bg-dark-neutral-darker bg-dark-neutral-darker-hover bg-dark-neutral-hover bg-dark-orange bg-dark-orange-hover bg-dark-overlay bg-dark-pear bg-dark-pear-hover bg-dark-pink bg-dark-pink-hover bg-dark-plum bg-dark-plum-hover bg-dark-primary bg-dark-secondary bg-dark-sky bg-dark-sky-hover bg-dark-success bg-dark-success-hover bg-dark-success-inverse bg-dark-success-inverse-hover bg-dark-warning bg-dark-warning-hover bg-dark-warning-inverse bg-dark-warning-inverse-hover bg-lilac bg-lilac-hover bg-lilac-inverse bg-lilac-inverse-hover bg-lime bg-lime-hover bg-lime-inverse bg-lime-inverse-hover bg-neutral bg-neutral-darker bg-neutral-darker-hover bg-neutral-hover bg-neutral-inverse bg-neutral-inverse-hover bg-orange bg-orange-hover bg-orange-inverse bg-orange-inverse-hover bg-overlay bg-pear bg-pear-hover bg-pear-inverse bg-pear-inverse-hover bg-pink bg-pink-hover bg-pink-inverse bg-pink-inverse-hover bg-plum bg-plum-hover bg-plum-inverse bg-plum-inverse-hover bg-sky bg-sky-hover bg-sky-inverse bg-sky-inverse-hover bg-success bg-success-hover bg-success-inverse bg-success-inverse-hover bg-surface bg-surface-secondary bg-warning bg-warning-hover bg-warning-inverse bg-warning-inverse-hover border-axis border-blue-inverse border-danger border-dark-danger border-dark-focus border-dark-hover border-dark-input border-dark-interactive border-dark-static border-focus border-hover border-input border-interactive border-interactive-inverse border-lime-inverse border-orange-inverse border-pink-inverse border-static border-static-inverse border-white data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground group-first:invisible group-last:invisible h-[calc(100%-26px)] hover:bg-accent-hover hover:bg-accent-inverse-hover hover:bg-blue-hover hover:bg-blue-inverse-hover hover:bg-danger-hover hover:bg-danger-inverse-hover hover:bg-dark-accent-hover hover:bg-dark-accent-inverse-hover hover:bg-dark-blue-hover hover:bg-dark-danger-hover hover:bg-dark-danger-inverse-hover hover:bg-dark-lilac-hover hover:bg-dark-lime-hover hover:bg-dark-neutral-darker-hover hover:bg-dark-neutral-hover hover:bg-dark-orange-hover hover:bg-dark-pear-hover hover:bg-dark-pink-hover hover:bg-dark-plum-hover hover:bg-dark-sky-hover hover:bg-dark-success-hover hover:bg-dark-success-inverse-hover hover:bg-dark-warning-hover hover:bg-dark-warning-inverse-hover hover:bg-lilac-hover hover:bg-lilac-inverse-hover hover:bg-lime-hover hover:bg-lime-inverse-hover hover:bg-neutral-darker-hover hover:bg-neutral-hover hover:bg-neutral-inverse-hover hover:bg-orange-hover hover:bg-orange-inverse-hover hover:bg-pear-hover hover:bg-pear-inverse-hover hover:bg-pink-hover hover:bg-pink-inverse-hover hover:bg-plum-hover hover:bg-plum-inverse-hover hover:bg-sky-hover hover:bg-sky-inverse-hover hover:bg-success-hover hover:bg-success-inverse-hover hover:bg-warning-hover hover:bg-warning-inverse-hover leading-4 leading-5 leading-6 leading-7 lg:block md:flex outline-dark-focus outline-dark-hover outline-dark-input outline-dark-interactive outline-dark-static outline-focus outline-hover outline-input outline-interactive outline-static ring-1 ring-[#12192a1a] ring-axis ring-blue-inverse ring-danger ring-dark-danger ring-dark-focus ring-dark-hover ring-dark-input ring-dark-interactive ring-dark-static ring-focus ring-hover ring-input ring-interactive ring-interactive-inverse ring-lime-inverse ring-orange-inverse ring-pink-inverse ring-static ring-static-inverse ring-white shadow-container shadow-focus shadow-hover shadow-input shadow-menu sm:gap-2 sm:w-[460px] table-auto table-fixed text-accent text-blue text-danger text-dark-accent text-dark-blue text-dark-danger text-dark-lilac text-dark-lime text-dark-orange text-dark-pear text-dark-pink text-dark-plum text-dark-primary text-dark-primary-inverse text-dark-secondary text-dark-secondary-inverse text-dark-sky text-dark-success text-dark-tertiary text-dark-tertiary-inverse text-dark-warning text-icon-accent text-icon-blue text-icon-danger text-icon-lilac text-icon-lime text-icon-orange text-icon-pear text-icon-pink text-icon-plum text-icon-primary text-icon-primary-inverse text-icon-secondary text-icon-secondary-inverse text-icon-sky text-icon-success text-icon-tertiary text-icon-warning text-icon-white text-lilac text-lime text-orange text-pear text-pink text-plum text-primary text-primary-inverse text-secondary text-secondary-inverse text-sky text-success text-tertiary text-tertiary-inverse text-warning tooltip-bottom tooltip-left tooltip-right tooltip-top transform translate-y-[2px] w-[calc(100%-72px-72px)]";

package/dist/safelist-source.js

@@ -0,0 +1,10 @@
+// Auto-generated safelist — do not edit manually.
+// Token-derived: 254, Manual: 43 → Total: 297
+//
+// Consumer usage (one line in your main CSS):
+//   @source "../node_modules/@reshape-biotech/design-system/dist";
+//
+// TW4 scans compiled components for utility classes automatically.
+// This file adds token-derived classes (bg-*, text-*, border-*, etc.)
+// that consumers can use even if no component references them.
+export const safelist = "-rotate-90 [&>*>.control-button]:flex-col [&>*]:flex-1 [&>*]:flex-none [&>*]:rounded-md! [&>*]:rounded-xl [&>svg]:h-4 [&>svg]:h-5 [&>svg]:w-4 [&>svg]:w-5 badge-error badge-md badge-neutral badge-progress badge-sm badge-success badge-warning bg-accent bg-accent-hover bg-accent-inverse bg-accent-inverse-hover bg-base bg-base-inverse bg-blue bg-blue-hover bg-blue-inverse bg-blue-inverse-hover bg-danger bg-danger-hover bg-danger-inverse bg-danger-inverse-hover bg-dark-accent bg-dark-accent-hover bg-dark-accent-inverse bg-dark-accent-inverse-hover bg-dark-base bg-dark-base-inverse bg-dark-blue bg-dark-blue-hover bg-dark-danger bg-dark-danger-hover bg-dark-danger-inverse bg-dark-danger-inverse-hover bg-dark-lilac bg-dark-lilac-hover bg-dark-lime bg-dark-lime-hover bg-dark-neutral bg-dark-neutral-darker bg-dark-neutral-darker-hover bg-dark-neutral-hover bg-dark-orange bg-dark-orange-hover bg-dark-overlay bg-dark-pear bg-dark-pear-hover bg-dark-pink bg-dark-pink-hover bg-dark-plum bg-dark-plum-hover bg-dark-primary bg-dark-secondary bg-dark-sky bg-dark-sky-hover bg-dark-success bg-dark-success-hover bg-dark-success-inverse bg-dark-success-inverse-hover bg-dark-warning bg-dark-warning-hover bg-dark-warning-inverse bg-dark-warning-inverse-hover bg-lilac bg-lilac-hover bg-lilac-inverse bg-lilac-inverse-hover bg-lime bg-lime-hover bg-lime-inverse bg-lime-inverse-hover bg-neutral bg-neutral-darker bg-neutral-darker-hover bg-neutral-hover bg-neutral-inverse bg-neutral-inverse-hover bg-orange bg-orange-hover bg-orange-inverse bg-orange-inverse-hover bg-overlay bg-pear bg-pear-hover bg-pear-inverse bg-pear-inverse-hover bg-pink bg-pink-hover bg-pink-inverse bg-pink-inverse-hover bg-plum bg-plum-hover bg-plum-inverse bg-plum-inverse-hover bg-sky bg-sky-hover bg-sky-inverse bg-sky-inverse-hover bg-success bg-success-hover bg-success-inverse bg-success-inverse-hover bg-surface bg-surface-secondary bg-warning bg-warning-hover bg-warning-inverse bg-warning-inverse-hover border-axis border-blue-inverse border-danger border-dark-danger border-dark-focus border-dark-hover border-dark-input border-dark-interactive border-dark-static border-focus border-hover border-input border-interactive border-interactive-inverse border-lime-inverse border-orange-inverse border-pink-inverse border-static border-static-inverse border-white data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground group-first:invisible group-last:invisible h-[calc(100%-26px)] hover:bg-accent-hover hover:bg-accent-inverse-hover hover:bg-blue-hover hover:bg-blue-inverse-hover hover:bg-danger-hover hover:bg-danger-inverse-hover hover:bg-dark-accent-hover hover:bg-dark-accent-inverse-hover hover:bg-dark-blue-hover hover:bg-dark-danger-hover hover:bg-dark-danger-inverse-hover hover:bg-dark-lilac-hover hover:bg-dark-lime-hover hover:bg-dark-neutral-darker-hover hover:bg-dark-neutral-hover hover:bg-dark-orange-hover hover:bg-dark-pear-hover hover:bg-dark-pink-hover hover:bg-dark-plum-hover hover:bg-dark-sky-hover hover:bg-dark-success-hover hover:bg-dark-success-inverse-hover hover:bg-dark-warning-hover hover:bg-dark-warning-inverse-hover hover:bg-lilac-hover hover:bg-lilac-inverse-hover hover:bg-lime-hover hover:bg-lime-inverse-hover hover:bg-neutral-darker-hover hover:bg-neutral-hover hover:bg-neutral-inverse-hover hover:bg-orange-hover hover:bg-orange-inverse-hover hover:bg-pear-hover hover:bg-pear-inverse-hover hover:bg-pink-hover hover:bg-pink-inverse-hover hover:bg-plum-hover hover:bg-plum-inverse-hover hover:bg-sky-hover hover:bg-sky-inverse-hover hover:bg-success-hover hover:bg-success-inverse-hover hover:bg-warning-hover hover:bg-warning-inverse-hover leading-4 leading-5 leading-6 leading-7 lg:block md:flex outline-dark-focus outline-dark-hover outline-dark-input outline-dark-interactive outline-dark-static outline-focus outline-hover outline-input outline-interactive outline-static ring-1 ring-[#12192a1a] ring-axis ring-blue-inverse ring-danger ring-dark-danger ring-dark-focus ring-dark-hover ring-dark-input ring-dark-interactive ring-dark-static ring-focus ring-hover ring-input ring-interactive ring-interactive-inverse ring-lime-inverse ring-orange-inverse ring-pink-inverse ring-static ring-static-inverse ring-white shadow-container shadow-focus shadow-hover shadow-input shadow-menu sm:gap-2 sm:w-[460px] table-auto table-fixed text-accent text-blue text-danger text-dark-accent text-dark-blue text-dark-danger text-dark-lilac text-dark-lime text-dark-orange text-dark-pear text-dark-pink text-dark-plum text-dark-primary text-dark-primary-inverse text-dark-secondary text-dark-secondary-inverse text-dark-sky text-dark-success text-dark-tertiary text-dark-tertiary-inverse text-dark-warning text-icon-accent text-icon-blue text-icon-danger text-icon-lilac text-icon-lime text-icon-orange text-icon-pear text-icon-pink text-icon-plum text-icon-primary text-icon-primary-inverse text-icon-secondary text-icon-secondary-inverse text-icon-sky text-icon-success text-icon-tertiary text-icon-warning text-icon-white text-lilac text-lime text-orange text-pear text-pink text-plum text-primary text-primary-inverse text-secondary text-secondary-inverse text-sky text-success text-tertiary text-tertiary-inverse text-warning tooltip-bottom tooltip-left tooltip-right tooltip-top transform translate-y-[2px] w-[calc(100%-72px-72px)]";

package/dist/tailwind-safelist.d.ts

@@ -1,27 +1,8 @@
-export const textColors: string[];
-export const iconColors: string[];
-export const backgroundColors: string[];
-export const borders: string[];
-export const shadows: string[];
-export const textSizes: string[];
-export const fonts: string[];
 export const badges: string[];
 export const tooltips: string[];
-export const sizes: string[];
-export const display: string[];
-export const rounded: string[];
 export const tables: string[];
 export const leading: string[];
-export const flexLayout: string[];
-export const spacing: string[];
-export const sizing: string[];
-export const positioning: string[];
-export const cursors: string[];
 export const misc: string[];
-export const hoverVariants: string[];
-export const focusVariants: string[];
-export const disabledVariants: string[];
-export const activeVariants: string[];
 export const groupVariants: string[];
-export const safelist: string[];
 export const responsive: string[];
+export const safelist: string[];

package/dist/tailwind-safelist.js

@@ -1,121 +1,5 @@
-// Used to safelist classnames so we can add styles dynamic.
-// This should include all the values used in the design system.
-// Read more here: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
-
-export const textColors = [
-  'text-primary',
-  'text-primary-inverse',
-  'text-secondary',
-  'text-secondary-inverse',
-  'text-tertiary',
-  'text-tertiary-inverse',
-  'text-accent',
-  'text-success',
-  'text-warning',
-  'text-danger',
-];
-
-export const iconColors = [
-  'text-icon-primary',
-  'text-icon-primary-inverse',
-  'text-icon-secondary',
-  'text-icon-tertiary',
-  'text-icon-accent',
-  'text-icon-success',
-  'text-icon-warning',
-  'text-icon-danger',
-  'text-icon-blue',
-  'text-icon-orange',
-  'text-icon-sky',
-];
-
-export const backgroundColors = [
-  'bg-surface',
-  'bg-surface-secondary',
-  'bg-base',
-  'bg-base-inverse',
-  'bg-neutral',
-  'bg-neutral-hover',
-  'bg-neutral-darker',
-  'bg-neutral-darker-hover',
-  'bg-neutral-inverse',
-  'bg-neutral-inverse-hover',
-  'bg-accent',
-  'bg-accent-hover',
-  'bg-accent-inverse',
-  'bg-accent-inverse-hover',
-  'bg-success',
-  'bg-success-hover',
-  'bg-success-inverse',
-  'bg-success-inverse-hover',
-  'bg-warning',
-  'bg-warning-hover',
-  'bg-warning-inverse',
-  'bg-warning-inverse-hover',
-  'bg-danger',
-  'bg-danger-hover',
-  'bg-danger-inverse',
-  'bg-danger-inverse-hover',
-  'bg-blue',
-  'bg-blue-hover',
-  'bg-blue-inverse',
-  'bg-orange',
-  'bg-orange-hover',
-  'bg-orange-inverse',
-  'bg-orange-inverse-hover',
-  'bg-sky',
-  'bg-sky-hover',
-  'bg-sky-inverse',
-  'bg-sky-inverse-hover',
-  'bg-pink-inverse',
-  'bg-lime-inverse',
-];
-
-export const borders = [
-  'border-static',
-  'border-interactive',
-  'border-hover',
-  'border-focus',
-  'border-danger',
-  'border-input',
-  'border-transparent',
-  'border-blue-inverse',
-  'border-orange-inverse',
-  'border-pink-inverse',
-  'border-lime-inverse',
-  'border-neutral-light',
-];
-
-export const shadows = [
-  'shadow',
-  'shadow-none',
-  'shadow-menu',
-  'shadow-nav',
-  'shadow-calendar',
-  'shadow-container',
-  'shadow-panel',
-  'shadow-input',
-  'shadow-outline',
-  'shadow-focus',
-  'shadow-sm',
-  'shadow-md',
-  'shadow-lg',
-  'shadow-2xl',
-];
-
-export const textSizes = [
-  'text-xxs',
-  'text-xs',
-  'text-sm',
-  'text-base',
-  'text-lg',
-  'text-xl',
-  'text-2xl',
-  'text-3xl',
-  'text-4xl',
-];
-
-export const fonts = ['font-medium', 'font-semibold', 'font-bold', 'font-normal'];
+// Manual supplement for classes that cannot be auto-generated from tokens or component scanning.
+// Read more: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
 
 export const badges = [
   'badge-neutral',
@@ -129,143 +13,11 @@ export const badges = [
 
 export const tooltips = ['tooltip-top', 'tooltip-right', 'tooltip-bottom', 'tooltip-left'];
 
-export const sizes = ['h-5', 'w-5', 'min-w-5', 'h-7', 'w-7', 'min-w-7'];
-
-export const display = [
-  'flex',
-  'grow',
-  'items-center',
-  'justify-center',
-  'flex-row',
-  'flex-col',
-  'px-0.5',
-  'px-2',
-  'py-1',
-];
-
-export const rounded = [
-  'rounded',
-  'rounded-full',
-  'rounded-lg',
-  'rounded-lg!',
-  'rounded-xl',
-  'rounded-2xl',
-  'rounded-md',
-];
-
 export const tables = ['table-fixed', 'table-auto'];
 
 export const leading = ['leading-4', 'leading-5', 'leading-6', 'leading-7'];
 
-export const flexLayout = [
-  'flex',
-  'inline-flex',
-  'block',
-  'inline-block',
-  'items-center',
-  'items-start',
-  'items-end',
-  'justify-center',
-  'justify-between',
-  'justify-start',
-  'justify-end',
-  'flex-1',
-  'flex-row',
-  'flex-col',
-  'text-left',
-  'text-right',
-  'text-center',
-  'text-base',
-  'gap-1',
-  'gap-1.5',
-  'gap-2',
-  'gap-3',
-  'gap-4',
-  'space-x-1',
-  'space-x-2',
-  'space-x-3',
-  'space-x-4',
-  'space-y-1',
-  'space-y-2',
-  'space-y-3',
-  'space-y-4',
-];
-
-export const spacing = [
-  'p-1',
-  'p-1.5',
-  'p-2',
-  'p-3',
-  'p-4',
-  'px-0',
-  'px-2',
-  'px-3',
-  'px-5',
-  'px-6',
-  'py-0',
-  'py-1',
-  'py-2',
-  'py-3',
-  'py-4',
-  'py-12',
-  'mb-2',
-];
-
-export const sizing = [
-  'h-2.5',
-  'h-4',
-  'h-5',
-  'h-6',
-  'h-6!',
-  'h-7',
-  'h-8',
-  'h-10',
-  'h-11',
-  'h-12',
-  'h-16',
-  'h-28',
-  'h-screen',
-  'h-full',
-  'h-full!',
-  'h-1.5',
-  'w-0.5',
-  'w-1.5',
-  'w-2.5',
-  'w-4',
-  'w-5',
-  'w-6',
-  'w-6!',
-  'w-7',
-  'w-8',
-  'w-10',
-  'w-full',
-  'min-w-5',
-  'min-w-7',
-  'size-4',
-  'size-5',
-  'size-6',
-  'sm:w-[460px]',
-];
-
-export const positioning = [
-  'absolute',
-  'relative',
-  'top-20',
-  'left-18',
-  'z-10',
-  'z-50',
-  'z-[1]',
-  'w-[var(--bits-select-anchor-width)]',
-];
-
-export const cursors = ['cursor-pointer', 'cursor-wait', 'cursor-default'];
-
 export const misc = [
-  'overflow-hidden',
-  'overflow-x-auto',
-  'duration-150',
-  'active:bg-neutral',
-  'active:bg-neutral-inverse',
   '[&>*]:flex-1',
   '[&>*]:flex-none',
   '[&>*]:rounded-md!',
@@ -288,83 +40,15 @@ export const misc = [
   'h-[calc(100%-26px)]',
 ];
 
-// Add hover variants
-export const hoverVariants = [
-  'hover:bg-neutral',
-  'hover:bg-neutral-hover',
-  'hover:bg-neutral-darker-hover',
-  'hover:bg-neutral-inverse-hover',
-  'hover:bg-accent-hover',
-  'hover:bg-accent-inverse-hover',
-  'hover:bg-success-hover',
-  'hover:bg-success-inverse-hover',
-  'hover:bg-warning-hover',
-  'hover:bg-warning-inverse-hover',
-  'hover:bg-danger-hover',
-  'hover:bg-danger-inverse-hover',
-  'hover:bg-blue-hover',
-  'hover:bg-orange-hover',
-  'hover:bg-orange-inverse-hover',
-  'hover:bg-sky-hover',
-  'hover:bg-sky-inverse-hover',
-];
-
-// Add focus variants
-export const focusVariants = [
-  'focus:outline-none',
-  'focus:ring-2',
-  'focus:ring-offset-2',
-  'focus:border-focus',
-  'focus-visible:outline-none',
-  'focus-visible:ring-2',
-];
-
-// Add disabled variants
-export const disabledVariants = [
-  'disabled:bg-neutral',
-  'disabled:opacity-50',
-  'disabled:cursor-not-allowed',
-  'disabled:text-tertiary',
-  'disabled:border-none',
-];
-
-// Add active variants
-export const activeVariants = [
-  'active:bg-neutral',
-  'active:bg-neutral-inverse',
-  'active:scale-95',
-  'active:transform',
-];
-
-// Add group variants
 export const groupVariants = ['group-first:invisible', 'group-last:invisible'];
 
-// Export all arrays as a single safelist
+export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];
+
 export const safelist = [
-  ...textColors,
-  ...iconColors,
-  ...backgroundColors,
-  ...borders,
-  ...shadows,
-  ...textSizes,
-  ...fonts,
   ...badges,
   ...tooltips,
-  ...sizes,
-  ...display,
-  ...rounded,
   ...tables,
-  ...flexLayout,
-  ...spacing,
-  ...sizing,
-  ...positioning,
-  ...cursors,
+  ...leading,
   ...misc,
-  ...hoverVariants,
-  ...focusVariants,
-  ...disabledVariants,
-  ...activeVariants,
   ...groupVariants,
 ];
-
-export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@reshape-biotech/design-system",
-  "version": "2.7.44",
+  "version": "2.7.46",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
     "build:analyze": "ANALYZE=true vite build",
-    "package": "svelte-package --input ./src/lib --output ./dist",
+    "package": "bun scripts/generate-safelist.js && svelte-package --input ./src/lib --output ./dist",
     "package:analyze": "ANALYZE=true bun run package",
     "check": "svelte-check",
     "test": "vitest run",
@@ -19,13 +19,11 @@
     "dist",
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*",
-    "safelist.css",
     "base.css"
   ],
   "sideEffects": [
     "**/*.css",
     "./dist/app.css",
-    "./dist/safelist.css",
     "./dist/base.css"
   ],
   "svelte": "./dist/index.js",
@@ -351,11 +349,6 @@
       "import": "./dist/app.css",
       "default": "./dist/app.css"
     },
-    "./safelist.css": {
-      "style": "./dist/safelist.css",
-      "import": "./dist/safelist.css",
-      "default": "./dist/safelist.css"
-    },
     "./base.css": {
       "style": "./dist/base.css",
       "import": "./dist/base.css",
@@ -375,6 +368,10 @@
       "types": "./dist/tailwind-safelist.d.ts",
       "import": "./dist/tailwind-safelist.js",
       "default": "./dist/tailwind-safelist.js"
+    },
+    "./safelist-source": {
+      "import": "./dist/safelist-source.js",
+      "default": "./dist/safelist-source.js"
     }
   },
   "peerDependencies": {

package/dist/safelist.css

@@ -1,3 +0,0 @@
-/* Design-system safelist: points TW4 scanner at dynamically-used classes */
-/* To add new classes, update tailwind-safelist.js — they're picked up automatically */
-@source "./tailwind-safelist";

package/safelist.css

@@ -1 +0,0 @@
-@import './dist/safelist.css';