@douglasneuroinformatics/libui 2.11.0 → 3.0.0

package/dist/tailwind/config.cjs

@@ -0,0 +1,159 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/tailwind/config.cts
+var fs = require("fs");
+var path = require("path");
+var animate = require("tailwindcss-animate");
+var containerQueries = require("@tailwindcss/container-queries");
+var headlessui = require("@headlessui/tailwindcss");
+var plugin = require("tailwindcss/plugin");
+var packageRoot = path.dirname(require.resolve("@douglasneuroinformatics/libui/package.json"));
+var isDev = fs.existsSync(path.resolve(packageRoot, "src"));
+var config = ({ content = [], include = [], root = void 0, plugins = [] } = {}) => {
+  if (isDev) {
+    content.push(path.resolve(packageRoot, "src/**/*.{js,jsx,ts,tsx}"));
+  } else {
+    content.push(path.resolve(packageRoot, "dist/**/*.js"));
+  }
+  for (const id of include) {
+    const baseDir = path.dirname(require.resolve(`${id}/package.json`, { paths: root ? [root] : void 0 }));
+    content.push(path.resolve(baseDir, "src/**/*.{js,ts,jsx,tsx}"));
+  }
+  return {
+    content,
+    darkMode: ["class", '[data-mode="dark"]'],
+    plugins: [
+      animate,
+      containerQueries,
+      headlessui,
+      plugin((api) => {
+        api.addUtilities({
+          ".scrollbar-none": {
+            "&::-webkit-scrollbar": {
+              display: "none"
+            },
+            "-ms-overflow-style": "none",
+            "scrollbar-width": "none"
+          }
+        });
+      }),
+      ...plugins
+    ],
+    theme: {
+      container: {
+        center: true,
+        padding: {
+          DEFAULT: "1rem",
+          md: "2rem",
+          xl: "3rem"
+        }
+      },
+      extend: {
+        animation: {
+          "accordion-down": "accordion-down 0.2s ease-out",
+          "accordion-up": "accordion-up 0.2s ease-out",
+          spinner: "spinner-spin 1.7s infinite ease, round 1.7s infinite ease"
+        },
+        borderRadius: {
+          lg: `var(--radius)`,
+          md: `calc(var(--radius) - 2px)`,
+          sm: "calc(var(--radius) - 4px)"
+        },
+        colors: {
+          accent: {
+            DEFAULT: "var(--accent)",
+            foreground: "var(--accent-foreground)"
+          },
+          background: "var(--background)",
+          border: "var(--border)",
+          card: {
+            DEFAULT: "var(--card)",
+            foreground: "var(--card-foreground)"
+          },
+          destructive: {
+            DEFAULT: "var(--destructive)",
+            foreground: "var(--destructive-foreground)"
+          },
+          foreground: "var(--foreground)",
+          input: "var(--input)",
+          muted: {
+            DEFAULT: "var(--muted)",
+            foreground: "var(--muted-foreground)"
+          },
+          popover: {
+            DEFAULT: "var(--popover)",
+            foreground: "var(--popover-foreground)"
+          },
+          primary: {
+            DEFAULT: "var(--primary)",
+            foreground: "var(--primary-foreground)"
+          },
+          ring: "var(--ring)",
+          secondary: {
+            DEFAULT: "var(--secondary)",
+            foreground: "var(--secondary-foreground)"
+          }
+        },
+        keyframes: {
+          "accordion-down": {
+            from: { height: "0" },
+            to: { height: "var(--radix-accordion-content-height)" }
+          },
+          "accordion-up": {
+            from: { height: "var(--radix-accordion-content-height)" },
+            to: { height: "0" }
+          },
+          round: {
+            "0%": {
+              transform: "rotate(0deg)"
+            },
+            "100%": {
+              transform: "rotate(360deg)"
+            }
+          },
+          "spinner-spin": {
+            "0%, 5%, 95%, 100%": {
+              boxShadow: `0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em`
+            },
+            "10%, 59%": {
+              boxShadow: `0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em`
+            },
+            "20%": {
+              boxShadow: `0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em`
+            },
+            "38%": {
+              boxShadow: `0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em`
+            }
+          }
+        },
+        screens: {
+          "2xl": "1400px"
+        }
+      }
+    }
+  };
+};
+module.exports = config;
+//# sourceMappingURL=config.cjs.map

package/dist/tailwind/config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tailwind/config.cts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport type { PluginsConfig } from 'tailwindcss/types/config';\n\nimport fs = require('node:fs');\nimport path = require('node:path');\n\nimport animate = require('tailwindcss-animate');\nimport containerQueries = require('@tailwindcss/container-queries');\nimport headlessui = require('@headlessui/tailwindcss');\nimport plugin = require('tailwindcss/plugin');\n\nconst packageRoot = path.dirname(require.resolve('@douglasneuroinformatics/libui/package.json'));\n\nconst isDev = fs.existsSync(path.resolve(packageRoot, 'src'));\n\ntype ConfigOptions = {\n  content?: string[];\n  include?: string[];\n  plugins?: PluginsConfig;\n  root?: string;\n};\n\nconst config = ({ content = [], include = [], root = undefined, plugins = [] }: ConfigOptions = {}): Config => {\n  if (isDev) {\n    content.push(path.resolve(packageRoot, 'src/**/*.{js,jsx,ts,tsx}'));\n  } else {\n    content.push(path.resolve(packageRoot, 'dist/**/*.js'));\n  }\n\n  for (const id of include) {\n    const baseDir = path.dirname(require.resolve(`${id}/package.json`, { paths: root ? [root] : undefined }));\n    content.push(path.resolve(baseDir, 'src/**/*.{js,ts,jsx,tsx}'));\n  }\n\n  return {\n    content,\n    darkMode: ['class', '[data-mode=\"dark\"]'],\n    plugins: [\n      animate,\n      containerQueries,\n      headlessui,\n      plugin((api) => {\n        api.addUtilities({\n          '.scrollbar-none': {\n            '&::-webkit-scrollbar': {\n              display: 'none'\n            },\n            '-ms-overflow-style': 'none',\n            'scrollbar-width': 'none'\n          }\n        });\n      }),\n      ...plugins\n    ],\n    theme: {\n      container: {\n        center: true,\n        padding: {\n          DEFAULT: '1rem',\n          md: '2rem',\n          xl: '3rem'\n        }\n      },\n      extend: {\n        animation: {\n          'accordion-down': 'accordion-down 0.2s ease-out',\n          'accordion-up': 'accordion-up 0.2s ease-out',\n          spinner: 'spinner-spin 1.7s infinite ease, round 1.7s infinite ease'\n        },\n        borderRadius: {\n          lg: `var(--radius)`,\n          md: `calc(var(--radius) - 2px)`,\n          sm: 'calc(var(--radius) - 4px)'\n        },\n        colors: {\n          accent: {\n            DEFAULT: 'var(--accent)',\n            foreground: 'var(--accent-foreground)'\n          },\n          background: 'var(--background)',\n          border: 'var(--border)',\n          card: {\n            DEFAULT: 'var(--card)',\n            foreground: 'var(--card-foreground)'\n          },\n          destructive: {\n            DEFAULT: 'var(--destructive)',\n            foreground: 'var(--destructive-foreground)'\n          },\n          foreground: 'var(--foreground)',\n          input: 'var(--input)',\n          muted: {\n            DEFAULT: 'var(--muted)',\n            foreground: 'var(--muted-foreground)'\n          },\n          popover: {\n            DEFAULT: 'var(--popover)',\n            foreground: 'var(--popover-foreground)'\n          },\n          primary: {\n            DEFAULT: 'var(--primary)',\n            foreground: 'var(--primary-foreground)'\n          },\n          ring: 'var(--ring)',\n          secondary: {\n            DEFAULT: 'var(--secondary)',\n            foreground: 'var(--secondary-foreground)'\n          }\n        },\n        keyframes: {\n          'accordion-down': {\n            from: { height: '0' },\n            to: { height: 'var(--radix-accordion-content-height)' }\n          },\n          'accordion-up': {\n            from: { height: 'var(--radix-accordion-content-height)' },\n            to: { height: '0' }\n          },\n          round: {\n            '0%': {\n              transform: 'rotate(0deg)'\n            },\n            '100%': {\n              transform: 'rotate(360deg)'\n            }\n          },\n          'spinner-spin': {\n            '0%, 5%, 95%, 100%': {\n              boxShadow: `0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em`\n            },\n            '10%, 59%': {\n              boxShadow: `0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em`\n            },\n            '20%': {\n              boxShadow: `0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em`\n            },\n            '38%': {\n              boxShadow: `0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em`\n            }\n          }\n        },\n        screens: {\n          '2xl': '1400px'\n        }\n      }\n    }\n  };\n};\n\nexport = config;\n"],"mappings":"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","names":[]}

package/dist/tailwind/config.d.cts

@@ -0,0 +1,12 @@
+import { Config } from 'tailwindcss';
+import { PluginsConfig } from 'tailwindcss/types/config';
+
+type ConfigOptions = {
+    content?: string[];
+    include?: string[];
+    plugins?: PluginsConfig;
+    root?: string;
+};
+declare const config: ({ content, include, root, plugins }?: ConfigOptions) => Config;
+
+export = config;

package/dist/types-CjAJvRys.d.ts

@@ -0,0 +1,200 @@
+import { Simplify, OmitIndexSignature } from 'type-fest';
+
+var days = {
+	friday: {
+		en: "Friday",
+		fr: "Vendredi"
+	},
+	monday: {
+		en: "Monday",
+		fr: "Lundi"
+	},
+	saturday: {
+		en: "Saturday",
+		fr: "Samedi"
+	},
+	sunday: {
+		en: "Sunday",
+		fr: "Dimanche"
+	},
+	thursday: {
+		en: "Thursday",
+		fr: "Jeudi"
+	},
+	tuesday: {
+		en: "Tuesday",
+		fr: "Mardi"
+	},
+	wednesday: {
+		en: "Wednesday",
+		fr: "Mercredi"
+	}
+};
+var form = {
+	append: {
+		en: "Append",
+		fr: "Ajouter"
+	},
+	radioLabels: {
+		"false": {
+			en: "False",
+			fr: "Faux"
+		},
+		"true": {
+			en: "True",
+			fr: "Vrai"
+		}
+	},
+	remove: {
+		en: "Remove",
+		fr: "Supprimer"
+	},
+	required: {
+		en: "This field is required",
+		fr: "Ce champ est obligatoire"
+	},
+	reset: {
+		en: "Reset",
+		fr: "Réinitialiser"
+	},
+	submit: {
+		en: "Submit",
+		fr: "Soumettre"
+	}
+};
+var months = {
+	april: {
+		en: "April",
+		fr: "Avril"
+	},
+	august: {
+		en: "August",
+		fr: "Août"
+	},
+	december: {
+		en: "December",
+		fr: "Décembre"
+	},
+	february: {
+		en: "February",
+		fr: "Février"
+	},
+	january: {
+		en: "January",
+		fr: "Janvier"
+	},
+	july: {
+		en: "July",
+		fr: "Juillet"
+	},
+	june: {
+		en: "June",
+		fr: "Juin"
+	},
+	march: {
+		en: "March",
+		fr: "Mars"
+	},
+	may: {
+		en: "May",
+		fr: "Mai"
+	},
+	november: {
+		en: "November",
+		fr: "Novembre"
+	},
+	october: {
+		en: "October",
+		fr: "Octobre"
+	},
+	september: {
+		en: "September",
+		fr: "Septembre"
+	}
+};
+var notifications = {
+	types: {
+		error: {
+			en: "Error",
+			fr: "Erreur"
+		},
+		info: {
+			en: "Info",
+			fr: "Attention"
+		},
+		success: {
+			en: "Success",
+			fr: "Succès"
+		},
+		warning: {
+			en: "Warning",
+			fr: "Avertissement"
+		}
+	}
+};
+var pagination = {
+	info: {
+		en: "Showing {{first}} to {{last}} of {{total}} results",
+		fr: "Affichage de {{first}} à {{last}} sur {{total}} résultats"
+	},
+	next: {
+		en: "Next",
+		fr: "Suivant"
+	},
+	previous: {
+		en: "Previous",
+		fr: "Précédent"
+	}
+};
+var searchBar = {
+	placeholder: {
+		en: "Search...",
+		fr: "Rechercher..."
+	}
+};
+var libuiTranslations = {
+	days: days,
+	form: form,
+	months: months,
+	notifications: notifications,
+	pagination: pagination,
+	searchBar: searchBar
+};
+
+declare namespace UserConfig {
+    interface LanguageOptions {
+        [key: string]: boolean;
+    }
+    interface Translations {
+        [key: string]: {
+            [L in Language]?: string;
+        } | Translations;
+    }
+}
+type LanguageOptions = {
+    en: true;
+    fr: true;
+} & UserConfig.LanguageOptions;
+type Language = keyof {
+    [L in keyof LanguageOptions as LanguageOptions[L] extends true ? L : never]: any;
+};
+type Translations = Simplify<{
+    libui: typeof libuiTranslations;
+} & OmitIndexSignature<UserConfig.Translations>>;
+type ExtractTranslationKey<T extends {
+    [key: string]: any;
+}, Key = keyof T> = Key extends string ? T[Key] extends {
+    [key: string]: any;
+} ? T[Key] extends {
+    [K in Language]?: string;
+} ? Key : `${Key}.${ExtractTranslationKey<T[Key]>}` : `${Key}` : never;
+type TranslationNamespace = Extract<keyof Translations, string>;
+type TranslationKey<TNamespace> = TNamespace extends TranslationNamespace ? ExtractTranslationKey<Translations[TNamespace]> : ExtractTranslationKey<Translations>;
+interface TranslateFunction<TNamespace> {
+    (key: TranslationKey<TNamespace>): string;
+    (translations: {
+        [L in Language]: string;
+    }): string;
+}
+
+export { type ExtractTranslationKey as E, type Language as L, type TranslationNamespace as T, UserConfig as U, type TranslateFunction as a, type Translations as b, type LanguageOptions as c, type TranslationKey as d };

package/dist/utils.d.ts

@@ -1,4 +1,6 @@
-import { type ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-export declare function isBrowser(): boolean;
-//# sourceMappingURL=utils.d.ts.map
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+declare function isBrowser(): boolean;
+
+export { cn, isBrowser };

package/dist/utils.js

@@ -1,8 +1,9 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}
-export function isBrowser() {
-    return typeof window !== 'undefined';
-}
+import {
+  cn,
+  isBrowser
+} from "./chunk-IX6RFIQL.js";
+export {
+  cn,
+  isBrowser
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "2.11.0",
+  "version": "3.0.0",
   "packageManager": "pnpm@9.3.0",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",
@@ -31,8 +31,12 @@
       "types": "./dist/i18n.d.ts",
       "import": "./dist/i18n.js"
     },
-    "./styles/*": "./dist/styles/*",
-    "./tailwind.config.cjs": "./tailwind.config.cjs",
+    "./package.json": "./package.json",
+    "./tailwind/config": {
+      "types": "./dist/tailwind/config.d.cts",
+      "require": "./dist/tailwind/config.cjs"
+    },
+    "./tailwind/globals.css": "./dist/tailwind/globals.css",
     "./utils": {
       "types": "./dist/utils.d.ts",
       "import": "./dist/utils.js"
@@ -48,7 +52,7 @@
     "/tailwind.config.d.cts"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsc -b tsconfig.build.json && cp -r src/styles dist",
+    "build": "rm -rf dist && tsup --config tsup.config.mts",
     "format": "prettier --write src",
     "format:translations": "find src/translations -name '*.json' -exec pnpm exec sort-json {} \\;",
     "lint": "tsc && eslint --fix src",
@@ -61,6 +65,7 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.10",
     "zod": "^3.23.6"
   },
   "dependencies": {
@@ -95,12 +100,9 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "framer-motion": "^11.5.2",
-    "i18next": "23.x",
-    "i18next-browser-languagedetector": "^8.0.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.438.0",
     "react-error-boundary": "^4.0.13",
-    "react-i18next": "^14.1.2",
     "react-resizable-panels": "^2.1.2",
     "recharts": "^2.12.7",
     "tailwind-merge": "^2.5.2",
@@ -113,7 +115,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.4.1",
     "@commitlint/config-conventional": "^19.4.1",
-    "@douglasneuroinformatics/eslint-config": "^5.1.2",
+    "@douglasneuroinformatics/eslint-config": "^5.1.7",
     "@douglasneuroinformatics/prettier-config": "^0.0.1",
     "@douglasneuroinformatics/semantic-release": "^0.0.1",
     "@douglasneuroinformatics/tsconfig": "^1.0.2",
@@ -147,8 +149,7 @@
     "prettier-plugin-tailwindcss": "^0.6.6",
     "sort-json": "^2.0.1",
     "storybook": "^8.2.9",
-    "storybook-react-i18next": "^3.1.7",
-    "tailwindcss": "^3.4.10",
+    "tsup": "^8.2.4",
     "typescript": "~5.5.4",
     "vite": "5.4.3",
     "vitest": "^2.0.5"

package/src/components/Accordion/Accordion.spec.tsx

@@ -1,9 +1,7 @@
-import React from 'react';
-
 import { fireEvent, render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
 
-import { Accordion } from './Accordion.js';
+import { Accordion } from './Accordion';
 
 const TEST_ID = 'accordion';
 

package/src/components/Accordion/Accordion.stories.tsx

@@ -1,8 +1,6 @@
-import React from 'react';
-
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Accordion } from './Accordion.js';
+import { Accordion } from './Accordion';
 
 type Story = StoryObj<typeof Accordion>;
 

package/src/components/Accordion/Accordion.tsx

@@ -1,7 +1,7 @@
-import { AccordionContent } from './AccordionContent.js';
-import { AccordionItem } from './AccordionItem.js';
-import { AccordionRoot } from './AccordionRoot.js';
-import { AccordionTrigger } from './AccordionTrigger.js';
+import { AccordionContent } from './AccordionContent';
+import { AccordionItem } from './AccordionItem';
+import { AccordionRoot } from './AccordionRoot';
+import { AccordionTrigger } from './AccordionTrigger';
 
 export const Accordion = Object.assign(AccordionRoot, {
   Content: AccordionContent,

package/src/components/Accordion/AccordionContent.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
+import { forwardRef } from 'react';
 
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 
-import { cn } from '../../utils.js';
+import { cn } from '@/utils';
 
-export const AccordionContent = React.forwardRef<
+export const AccordionContent = forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
 >(function AccordionContent({ children, className, ...props }, ref) {

package/src/components/Accordion/AccordionItem.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
+import { forwardRef } from 'react';
 
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 
-import { cn } from '../../utils.js';
+import { cn } from '@/utils';
 
-export const AccordionItem = React.forwardRef<
+export const AccordionItem = forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(function AccordionItem({ className, ...props }, ref) {

package/src/components/Accordion/AccordionRoot.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import { forwardRef } from 'react';
 
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 
-export const AccordionRoot = React.forwardRef<
+export const AccordionRoot = forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>
 >(function AccordionRoot(props, ref) {

package/src/components/Accordion/AccordionTrigger.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
+import { forwardRef } from 'react';
 
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from 'lucide-react';
 
-import { cn } from '../../utils.js';
+import { cn } from '@/utils';
 
-export const AccordionTrigger = React.forwardRef<
+export const AccordionTrigger = forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
 >(function AccordionTrigger({ children, className, ...props }, ref) {

package/src/components/Accordion/index.ts

@@ -0,0 +1 @@
+export * from './Accordion';

package/src/components/ActionDropdown/ActionDropdown.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { ActionDropdown } from './ActionDropdown.js';
+import { ActionDropdown } from './ActionDropdown';
 
 type Story = StoryObj<typeof ActionDropdown>;
 

package/src/components/ActionDropdown/ActionDropdown.tsx

@@ -1,9 +1,7 @@
-import React from 'react';
+import { DropdownButton } from '../DropdownButton';
+import { DropdownMenu } from '../DropdownMenu';
 
-import { DropdownButton } from '../DropdownButton/DropdownButton.js';
-import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
-
-import type { DropdownMenuContentProps } from '../DropdownMenu/DropdownMenuContent.js';
+import type { DropdownMenuContentProps } from '../DropdownMenu/DropdownMenuContent';
 
 type ActionDropdownOptions = { [key: string]: string } | readonly string[];
 

package/src/components/ActionDropdown/index.ts

@@ -0,0 +1 @@
+export * from './ActionDropdown';

package/src/components/AlertDialog/AlertDialog.stories.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
+import { Fragment } from 'react';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Button } from '../Button/Button.js';
-import { AlertDialog } from './AlertDialog.js';
+import { Button } from '../Button';
+import { AlertDialog } from './AlertDialog';
 
 type Story = StoryObj<typeof AlertDialog>;
 
@@ -12,7 +12,7 @@ export default { component: AlertDialog } as Meta<typeof AlertDialog>;
 export const Default: Story = {
   args: {
     children: (
-      <React.Fragment>
+      <Fragment>
         <AlertDialog.Trigger asChild>
           <Button variant="outline">Show Dialog</Button>
         </AlertDialog.Trigger>
@@ -29,7 +29,7 @@ export const Default: Story = {
             <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
           </AlertDialog.Footer>
         </AlertDialog.Content>
-      </React.Fragment>
+      </Fragment>
     )
   }
 };

package/src/components/AlertDialog/AlertDialog.tsx

@@ -1,13 +1,13 @@
 import { Root, Trigger } from '@radix-ui/react-alert-dialog';
 
-import { AlertDialogAction } from './AlertDialogAction.js';
-import { AlertDialogCancel } from './AlertDialogCancel.js';
-import { AlertDialogContent } from './AlertDialogContent.js';
-import { AlertDialogDescription } from './AlertDialogDescription.js';
-import { AlertDialogFooter } from './AlertDialogFooter.js';
-import { AlertDialogHeader } from './AlertDialogHeader.js';
-import { AlertDialogOverlay } from './AlertDialogOverlay.js';
-import { AlertDialogTitle } from './AlertDialogTitle.js';
+import { AlertDialogAction } from './AlertDialogAction';
+import { AlertDialogCancel } from './AlertDialogCancel';
+import { AlertDialogContent } from './AlertDialogContent';
+import { AlertDialogDescription } from './AlertDialogDescription';
+import { AlertDialogFooter } from './AlertDialogFooter';
+import { AlertDialogHeader } from './AlertDialogHeader';
+import { AlertDialogOverlay } from './AlertDialogOverlay';
+import { AlertDialogTitle } from './AlertDialogTitle';
 
 export const AlertDialog = Object.assign(Root.bind(null), {
   Action: AlertDialogAction,