@techsio/ui-kit 0.41.0 → 0.41.2

package/dist/stories/molecules/popover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from "@storybook/react";
-import { type PopoverTemplateProps } from "../../src/templates/popover";
+import { type PopoverTemplateProps } from "../../src/templates/popover.js";
 type PopoverStoryArgs = PopoverTemplateProps;
 declare function PopoverStory(args: PopoverStoryArgs): import("react/jsx-runtime").JSX.Element;
 declare const meta: {

package/dist/stories/molecules/product-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ProductCard } from '../../src/molecules/product-card';
+import { ProductCard } from '../../src/molecules/product-card.js';
 declare const productImages: {
     tshirt: string;
     shoes: string;

package/dist/stories/molecules/radio-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { RadioCard } from "../../src/molecules/radio-card";
+import { RadioCard } from "../../src/molecules/radio-card.js";
 declare const meta: Meta<typeof RadioCard>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/radio-group.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "../../src/molecules/radio-group";
+import { RadioGroup } from "../../src/molecules/radio-group.js";
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/search-form.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { SearchForm } from "../../src/molecules/search-form";
+import { SearchForm } from "../../src/molecules/search-form.js";
 declare const meta: Meta<typeof SearchForm>;
 export default meta;
 type Story = StoryObj<typeof SearchForm>;

package/dist/stories/molecules/select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Select } from '../../src/molecules/select';
+import { Select } from '../../src/molecules/select.js';
 declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/slider.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Slider } from '../../src/molecules/slider';
+import { Slider } from '../../src/molecules/slider.js';
 declare const meta: Meta<typeof Slider>;
 export default meta;
 type Story = StoryObj<typeof Slider>;

package/dist/stories/molecules/steps.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Steps } from '../../src/molecules/steps';
+import { Steps } from '../../src/molecules/steps.js';
 declare const meta: Meta<typeof Steps>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/switch.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Switch } from '../../src/molecules/switch';
+import { Switch } from '../../src/molecules/switch.js';
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;

package/dist/stories/molecules/tabs.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Tabs } from '../../src/molecules/tabs';
+import { Tabs } from '../../src/molecules/tabs.js';
 declare const meta: Meta<typeof Tabs>;
 export default meta;
 type Story = StoryObj<typeof Tabs>;

package/dist/stories/molecules/tree-view.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { TreeView } from '../../src/molecules/tree-view';
+import { TreeView } from '../../src/molecules/tree-view.js';
 declare const meta: Meta<typeof TreeView>;
 export default meta;
 type Story = StoryObj<typeof TreeView>;

package/dist/stories/organisms/data-table.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import { type ComponentType } from "react";
-import { type DataTableProps } from "../../src/organisms/data-table";
+import { type DataTableProps } from "../../src/organisms/data-table.js";
 type Person = {
     id: string;
     firstName: string;

package/dist/stories/organisms/footer.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Footer } from '../../src/organisms/footer';
+import { Footer } from '../../src/organisms/footer.js';
 declare const meta: Meta<typeof Footer>;
 export default meta;
 type Story = StoryObj<typeof Footer>;

package/dist/stories/organisms/gallery.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react';
-import { type GalleryItem } from '../../src/organisms/gallery';
-import { GalleryTemplate } from '../../src/templates/gallery';
+import { type GalleryItem } from '../../src/organisms/gallery.js';
+import { GalleryTemplate } from '../../src/templates/gallery.js';
 declare const meta: {
     title: string;
     component: typeof GalleryTemplate;

package/dist/stories/organisms/header.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Header } from '../../src/organisms/header';
+import { Header } from '../../src/organisms/header.js';
 declare const meta: Meta<typeof Header>;
 export default meta;
 type Story = StoryObj<typeof Header>;

package/dist/stories/organisms/table.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { Table } from '../../src/organisms/table';
+import { Table } from '../../src/organisms/table.js';
 declare const meta: {
     title: string;
     component: typeof Table;

package/dist/stories/templates/accordion.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { AccordionTemplate } from '../../src/templates/accordion';
+import { AccordionTemplate } from '../../src/templates/accordion.js';
 declare const meta: Meta<typeof AccordionTemplate>;
 export default meta;
 type Story = StoryObj<typeof AccordionTemplate>;

package/dist/stories/templates/breadcrumb.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { BreadcrumbTemplate } from '../../src/templates/breadcrumb';
+import { BreadcrumbTemplate } from '../../src/templates/breadcrumb.js';
 declare const meta: Meta<typeof BreadcrumbTemplate>;
 export default meta;
 type Story = StoryObj<typeof BreadcrumbTemplate>;

package/dist/stories/templates/carousel.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { CarouselTemplate } from '../../src/templates/carousel';
+import { CarouselTemplate } from '../../src/templates/carousel.js';
 declare const meta: Meta<typeof CarouselTemplate>;
 export default meta;
 type Story = StoryObj<typeof CarouselTemplate>;

package/dist/stories/templates/gallery.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { GalleryTemplate } from '../../src/templates/gallery';
+import { GalleryTemplate } from '../../src/templates/gallery.js';
 declare const meta: Meta<typeof GalleryTemplate>;
 export default meta;
 type Story = StoryObj<typeof GalleryTemplate>;

package/dist/stories/templates/numeric-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { NumericInputTemplate } from '../../src/templates/numeric-input';
+import { NumericInputTemplate } from '../../src/templates/numeric-input.js';
 declare const meta: Meta<typeof NumericInputTemplate>;
 export default meta;
 type Story = StoryObj<typeof NumericInputTemplate>;

package/dist/stories/templates/popover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from "@storybook/react";
-import { PopoverTemplate } from "../../src/templates/popover";
+import { PopoverTemplate } from "../../src/templates/popover.js";
 declare const meta: {
     title: string;
     component: typeof PopoverTemplate;

package/dist/stories/templates/product-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ProductCardTemplate } from '../../src/templates/product-card';
+import { ProductCardTemplate } from '../../src/templates/product-card.js';
 declare const meta: Meta<typeof ProductCardTemplate>;
 export default meta;
 type Story = StoryObj<typeof ProductCardTemplate>;

package/dist/stories/templates/select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { SelectTemplate } from '../../src/templates/select';
+import { SelectTemplate } from '../../src/templates/select.js';
 declare const meta: Meta<typeof SelectTemplate>;
 export default meta;
 type Story = StoryObj<typeof SelectTemplate>;

package/dist/stories/templates/tabs.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { TabsTemplate } from '../../src/templates/tabs';
+import { TabsTemplate } from '../../src/templates/tabs.js';
 declare const meta: Meta<typeof TabsTemplate>;
 export default meta;
 type Story = StoryObj<typeof TabsTemplate>;

package/dist/theme/theme-provider.js

@@ -1,10 +1,10 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { ThemeProvider, useTheme } from "better-themes";
 import { createContext, useContext, useEffect, useState } from "react";
 import { BRAND_STORAGE_KEY, DEFAULT_BRAND, DEFAULT_MODE, MODE_STORAGE_KEY, availableModeSettings, brandAttr, brandKeys, brandSupportsDark, isBrandKey } from "./theme-config.js";
 function readStoredBrand() {
-    if ("undefined" == typeof window) return null;
+    if ("u" < typeof window) return null;
     try {
         const value = window.localStorage.getItem(BRAND_STORAGE_KEY);
         return value && isBrandKey(value) ? value : null;
@@ -13,13 +13,13 @@ function readStoredBrand() {
     }
 }
 function persistBrand(brand) {
-    if ("undefined" == typeof window) return;
+    if ("u" < typeof window) return;
     try {
         window.localStorage.setItem(BRAND_STORAGE_KEY, brand);
     } catch  {}
 }
 function applyBrandAttr(brand) {
-    if ("undefined" == typeof document) return;
+    if ("u" < typeof document) return;
     const attr = brandAttr(brand);
     const root = document.documentElement;
     if (attr) root.setAttribute("data-theme", attr);

package/dist/theme/theme-toggle.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "../atoms/button.js";
 import { tv } from "../utils.js";

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.41.0",
+  "version": "0.41.2",
+  "license": "MIT",
   "type": "module",
   "repository": {
     "type": "git",
@@ -13,18 +14,22 @@
       "import": "./dist/types/zag.js"
     },
     "./tokens": {
+      "types": "./src/tokens/styles.d.ts",
       "style": "./src/tokens/tokens-only.css",
       "default": "./src/tokens/tokens-only.css"
     },
     "./tokens-with-tailwind": {
+      "types": "./src/tokens/styles.d.ts",
       "style": "./src/tokens/index.css",
       "default": "./src/tokens/index.css"
     },
     "./theme.css": {
+      "types": "./src/tokens/styles.d.ts",
       "style": "./src/tokens/theme.css",
       "default": "./src/tokens/theme.css"
     },
     "./tokens/*": {
+      "types": "./src/tokens/styles.d.ts",
       "style": "./src/tokens/*.css",
       "default": "./src/tokens/*.css"
     },
@@ -59,6 +64,7 @@
   ],
   "scripts": {
     "build": "rslib build",
+    "check:package": "cross-env RSLIB_CHECK_OUTPUT=true rslib build && node scripts/validate-package-exports.mjs",
     "build:storybook": "storybook build",
     "dev": "rslib build --watch",
     "storybook": "storybook dev",
@@ -70,7 +76,7 @@
     "test:components:update": "node scripts/run-component-tests.mjs --update-snapshots",
     "lint:tailwind": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js",
     "lint:tailwind:fix": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js --fix",
-    "prepare": "pnpm build",
+    "prepare": "node -e \"if (!process.env.RSLIB_CHECK_OUTPUT) require('node:child_process').execSync('pnpm build', { stdio: 'inherit' })\"",
     "check:unused-tokens": "bun scripts/check-unused-tokens.js",
     "validate:tokens": "bun scripts/validate-token-usage.js && bun scripts/validate-token-definitions.js",
     "validate:token-usage": "bun scripts/validate-token-usage.js",
@@ -124,18 +130,18 @@
     "@eslint/js": "^9.39.1",
     "@figma/code-connect": "^2.0.0",
     "@iconify/json": "^2.2.409",
-    "@rsbuild/core": "1.6.7",
-    "@rsbuild/plugin-react": "^1.4.1",
-    "@rslib/core": "^0.18.0",
+    "@rsbuild/core": "2.2.2",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^1.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^12.0.2",
     "@semantic-release/npm": "^13.1.2",
     "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.4.4",
-    "@storybook/addon-themes": "^10.4.4",
-    "@storybook/react": "^10.4.4",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-themes": "^10.6.0",
+    "@storybook/react": "^10.6.0",
     "@storybook/test-runner": "^0.24.4",
     "@tailwindcss/postcss": "^4.1.17",
     "@techsio/storybook-a11y-reporter": "0.1.3",
@@ -143,15 +149,17 @@
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",
     "@typescript-eslint/parser": "^8.47.0",
+    "cross-env": "^7.0.3",
     "eslint": "^9.39.1",
     "eslint-plugin-tailwindcss": "beta",
     "glob": "^11.0.2",
     "postcss": "^8.5.6",
-    "rsbuild-plugin-publint": "^0.3.3",
+    "rsbuild-plugin-arethetypeswrong": "0.3.1",
+    "rsbuild-plugin-publint": "^1.0.0",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.4.4",
-    "storybook-addon-rslib": "^3.3.4",
-    "storybook-react-rsbuild": "^3.3.4",
+    "storybook": "^10.6.0",
+    "storybook-addon-rslib": "^3.4.2",
+    "storybook-react-rsbuild": "^3.4.2",
     "tailwindcss": "^4.1.17",
     "typescript": "^5.9.3"
   },

package/src/tokens/styles.d.ts

@@ -0,0 +1,3 @@
+declare const stylesheet: string
+
+export default stylesheet