pentatrion-design 1.1.6 → 1.2.1

package/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.4/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.github/workflows/deploy-storybook.yml

@@ -3,8 +3,9 @@ name: Deploy storybook
 on:
   workflow_dispatch:
 
-  push:
-    branches: [gh-pages]
+  workflow_run:
+    workflows: ["Release"]
+    types: [completed]
 
 permissions:
   pages: write
@@ -16,27 +17,28 @@ concurrency:
 
 jobs:
   build:
+    if: github.event_name == 'workflow_dispatch' || github.event.workflow_run.conclusion == 'success'
     runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.workflow_run.head_sha || github.sha }}
 
-      - uses: pnpm/action-setup@v4
-        # pnpm version is specified in the package.json packageManager section
-      - uses: actions/setup-node@v4
+      - name: Setup Node
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
-          cache: pnpm
+          node-version: 26.5.0
 
       - name: Setup Pages
         id: pages
         uses: actions/configure-pages@v5
 
       - name: "Install JS dependencies"
-        run: "pnpm i --frozen-lockfile"
+        run: "npm ci"
 
       - name: Build storybook
-        run: pnpm run storybook-build
+        run: npm run storybook-build
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
@@ -44,11 +46,13 @@ jobs:
           path: "storybook-static"
 
   deploy:
+    needs: build
+    # required by actions/deploy-pages: ties this job to the Pages deployment
+    # history/protection rules and provides the OIDC context it authenticates with
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
-    needs: build
     steps:
       - name: Deploy to GitHub pages
         id: deployment

package/.github/workflows/release.yml

@@ -4,48 +4,71 @@ on:
   workflow_dispatch:
 
   push:
-    tags:
-      - "v*.*.*"
+    branches: [main]
 
 jobs:
-  build:
+  check:
+    runs-on: ubuntu-latest
+    outputs:
+      changed: ${{ steps.check.outputs.changed }}
+      version: ${{ steps.check.outputs.local }}
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Check version change
+        id: check
+        run: |
+          LOCAL_VERSION=$(node -p "require('./package.json').version")
+          PUBLISHED_VERSION=$(npm view pentatrion-design version 2>/dev/null || echo "0.0.0")
+          echo "local=$LOCAL_VERSION" >> "$GITHUB_OUTPUT"
+          if [ "$LOCAL_VERSION" != "$PUBLISHED_VERSION" ]; then
+            echo "changed=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "changed=false" >> "$GITHUB_OUTPUT"
+          fi
+
+  release:
+    needs: check
+    if: needs.check.outputs.changed == 'true'
     runs-on: ubuntu-latest
     permissions:
-      contents: read
+      contents: write
       id-token: write
 
     steps:
-    - uses: actions/checkout@v4
-
-    - uses: pnpm/action-setup@v4
-      # pnpm version is specified in the package.json packageManager section
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 22
-        cache: pnpm
-        registry-url: https://registry.npmjs.org
-
-    - name: "Install JS dependencies"
-      run: "pnpm i --frozen-lockfile"
-
-    - name: Build library
-      run: pnpm run build
-
-    # - name: Release
-    #   uses: softprops/action-gh-release@v2
-    #   if: github.ref_type == 'tag'
-    #   with:
-    #     token: ${{ secrets.DESIGN_RELEASE_GITHUB_TOKEN }}
-
-    # - name: Creating .npmrc
-    #   run: |
-    #     cat << EOF > "./.npmrc"
-    #       //registry.npmjs.org/:_authToken=$NPM_TOKEN
-    #     EOF
-    #   env:
-    #     NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-    # - name: Publish package
-    #   run: npm i -g npm@^11.5.2 && npm publish --provenance --access public
-    #   env:
-    #     NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 26.5.0
+          registry-url: https://registry.npmjs.org
+
+      - name: "Install JS dependencies"
+        run: "npm ci"
+
+      - name: Typecheck / Eslint
+        run: npm run check:type
+
+      - name: Build library
+        run: npm run build
+
+      - name: Update pkg mode
+        run: node update-pkg-mode.mjs dist
+
+      - name: Publish package
+        run: npm i -g npm@^11.5.2 && npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Tag release
+        run: |
+          git tag "v${{ needs.check.outputs.version }}"
+          git push origin "v${{ needs.check.outputs.version }}"
+
+      - name: Create GitHub release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: "v${{ needs.check.outputs.version }}"
+          token: ${{ secrets.GITHUB_TOKEN }}

package/CHANGELOG.md

@@ -1,55 +1,86 @@
+## 1.2.1
+
+### Patch Changes
+
+- 82aed74: reconfigure github workflow
+
 ## 1.1.2
 
-- update dependencies
+### Patch Changes
+
+- 650d02f: update dependencies
 - migrate oxlint / oxfmt
 
 ## 1.1.1
 
-fix hydration mismatch with boolean attributes
+### Patch Changes
+
+- 9cc5fbe: fix hydration mismatch with boolean attributes
 
 ## 0.1.3
 
-autocomplete add autofocus option
+### Patch Changes
+
+- 275ae50: autocomplete add autofocus option
 
 ## 0.1.2
 
-fix file extension for imports and add tsc-alias
+### Patch Changes
+
+- bde366d: fix file extension for imports and add tsc-alias
 
 ## 0.0.14
 
-fix export .d.ts files
+### Patch Changes
+
+- e9075d5: fix export .d.ts files
 
 ## 0.0.13
 
-Pentatrion-design has its own repository !!
+### Patch Changes
+
+- fef7f38: Pentatrion-design has its own repository !!
 
 ## 0.0.12
-fix notificationsConsumer pointer event none
+
+### Patch Changes
+
+- fix notificationsConsumer pointer event none
 
 ## 0.0.11
 
-add input/button color
-fix notificationsProvider pointer event none
+### Patch Changes
+
+- add input/button color
+- fix notificationsProvider pointer event none
 
 ## 0.0.10
 
-add textarea
-modal without size className for more flexibility
-tabs without border-radius for more flexibility
+### Patch Changes
+
+- add textarea
+- modal without size className for more flexibility
+- tabs without border-radius for more flexibility
 
 ## 0.0.9
 
-modal add ComponentProps to parent
-modal fix forwardRef to functional component
+### Patch Changes
+
+- modal add ComponentProps to parent
+- modal fix forwardRef to functional component
 
 ## 0.0.8
 
-Range fix ComponentPropsWithRef import
-tsconfig remove extends from base
+### Patch Changes
+
+- Range fix ComponentPropsWithRef import
+- tsconfig remove extends from base
 
 ## 0.0.3
 
-Range add component
-LinkButton add component
-fix Toggle cursor pointer
-ResizeArea add more Props
+### Patch Changes
+
+- Range add component
+- LinkButton add component
+- fix Toggle cursor pointer
+- ResizeArea add more Props

package/README.md

@@ -9,7 +9,7 @@
 Créez un nouveau projet Vite + React v19 + TailwindCSS v4. [Official doc](https://tailwindcss.com/docs/installation/using-vite)
 
 ```bash
-pnpm create vite my-app
+npm create vite@latest my-app
 
 # 1. React
 # 2. TypeScript + SWC
@@ -17,9 +17,9 @@ pnpm create vite my-app
 cd my-app
 
 # dépendances
-pnpm add -D tailwindcss @tailwindcss/vite prettier-plugin-tailwindcss
+npm i -D tailwindcss @tailwindcss/vite prettier-plugin-tailwindcss
 
-pnpm add pentatrion-design clsx class-variance-authority
+npm i pentatrion-design clsx class-variance-authority
 ```
 Supprimer les fichiers inutiles
 
@@ -52,8 +52,8 @@ Configuration recommandée
 /* src/index.css */
 @import "tailwindcss";
 
-@source "../node_modules/pentatrion-design/dist/components";
-@source "../node_modules/pentatrion-design/dist/hooks";
+@source "./node_modules/pentatrion-design/dist/components";
+@source "./node_modules/pentatrion-design/dist/hooks";
 
 @import "pentatrion-design/tailwind";
 
@@ -77,6 +77,7 @@ si on désire plus de contrôle sur nos imports
 @import "tailwindcss";
 
 @source "./node_modules/pentatrion-design/dist/components";
+@source "./node_modules/pentatrion-design/dist/hooks";
 
 @import "pentatrion-design/tailwind/theme.css";
 @import "pentatrion-design/tailwind/variants.css";
@@ -143,3 +144,47 @@ fichier `tsconfig.json`.
   }
 }
 ```
+
+## Développement et release
+
+### Développement
+
+Pas d'étape de build nécessaire : en mode développement, `package.json` pointe directement vers `src/*.ts` (`update-pkg-mode.mjs` ne bascule vers `dist/*` qu'en CI, juste avant publication).
+
+```bash
+npm run storybook    # storybook dev, pour visualiser/tester les composants isolément
+npm run ci           # lint + types + tests, à lancer avant de proposer une PR
+```
+
+### Changesets
+
+Chaque changement notable (nouveau composant, fix, breaking change) doit s'accompagner d'un changeset :
+
+```bash
+npx changeset add
+```
+
+Répondre au questionnaire (package concerné, type de bump `patch`/`minor`/`major`, résumé du changement). Ça crée un fichier dans `.changeset/` qui sera consommé au moment de la release. Un changeset par changement, autant que nécessaire avant de releaser.
+
+### Release
+
+Quand on est prêt à publier une nouvelle version :
+
+```bash
+npx changeset version   # bump package.json + génère/complète CHANGELOG.md, supprime les changesets consommés
+git add -A
+git commit -m "chore: release"
+git push
+```
+
+Le push sur `main` déclenche `.github/workflows/release.yml`, qui :
+
+1. Compare la version de `package.json` à celle publiée sur npm.
+2. Si elle a changé : typecheck, build, publie sur npm (`--provenance --access public`), pousse un tag `vX.Y.Z`, crée la release GitHub correspondante.
+
+Aucune autre action manuelle n'est nécessaire — pas de tag ni de release GitHub à créer soi-même.
+
+### Storybook
+
+Une fois `release.yml` terminé avec succès, `.github/workflows/deploy-storybook.yml` se déclenche automatiquement (`workflow_run`) et republie [design.pentatrion.com](https://design.pentatrion.com) avec la version tout juste publiée.
+

package/dist/{Button-BH3EFgdP.mjs → Button-CL7xvvey.mjs}

@@ -1,12 +1,11 @@
-import { h as useRipple } from "./hooks-DhLPp5ev.mjs";
-import { t as Loader } from "./loader-YlJGMiNg.mjs";
-import { t as Slot } from "./slot-BRtSsS2H.mjs";
+import { g as useRipple } from "./hooks-CBijm9RA.mjs";
+import { t as Loader } from "./loader-csj5qb99.mjs";
+import { t as Slot } from "./slot-D8EJRq72.mjs";
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { cva } from "class-variance-authority";
-
 //#region src/components/button/Button.tsx
 function loaderColor(color) {
 	switch (color) {
@@ -40,6 +39,14 @@ const buttonVariants = cva("relative box-border inline-flex items-center leading
 			custom: ""
 		},
 		variant: {
+			/**
+			* src/tailwind/plugin.ts
+			*   addVariant("current", [
+			*    `&[aria-checked="true"]`,
+			*    `&[aria-current="page"]`,
+			*    `&:has(:checked)`
+			*   ])
+			*/
 			contained: "shadow-sm hover:shadow-md active:shadow-md-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5",
 			light: "shadow-sm hover:shadow-md has-checked:shadow-md focus:shadow-md active:shadow-md-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4",
 			outlined: "bg-custom-0 hover:shadow-xs active:shadow-xs-active text-gray-7 outline-offset-0 border-1 hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent",
@@ -198,7 +205,7 @@ function Button(t0) {
 	} else t17 = $[41];
 	return t17;
 }
-
 //#endregion
 export { buttonVariants as n, Button as t };
-//# sourceMappingURL=Button-BH3EFgdP.mjs.map
+
+//# sourceMappingURL=Button-CL7xvvey.mjs.map

package/dist/{Button-BH3EFgdP.mjs.map → Button-CL7xvvey.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-BH3EFgdP.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","clsx","Loader","useRipple","Slot","cva","ThemeColor","loaderColor","color","ButtonProps","Omit","withRipple","variant","size","width","loading","disabled","focusable","selected","icon","asChild","ref","HTMLButtonElement","buttonVariants","variants","clickable","true","false","small","medium","large","input","custom","scalable","fit","full","contained","light","outlined","text","ghost","defaultVariants","Button","t0","$","_c","children","className","props","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","undefined","inputRef","t12","Symbol","for","current","rippleEnabled","includes","Comp","t13","t14","t15","t16","t17"],"sources":["../src/components/button/Button.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Loader } from \"../loader\";\nimport { useRipple } from \"../../hooks\";\nimport { Slot } from \"../slot\";\nimport { cva } from \"class-variance-authority\";\nimport { ThemeColor } from \"../../types\";\n\nfunction loaderColor(color: ThemeColor): ThemeColor {\n  switch (color) {\n    case \"yellow-alpha\":\n      return \"yellow\";\n    case \"gray-alpha\":\n      return \"gray\";\n    default:\n      return color;\n  }\n}\n\nexport interface ButtonProps extends Omit<ComponentProps<\"button\">, \"color\"> {\n  withRipple?: boolean;\n\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\" | \"scalable\";\n\n  color?: ThemeColor;\n\n  width?: \"fit\" | \"full\" | \"custom\";\n\n  loading?: boolean;\n\n  disabled?: boolean;\n\n  focusable?: boolean;\n  /**\n   * For a selected item inside a group.\n   */\n  selected?: boolean;\n\n  icon?: boolean;\n\n  asChild?: boolean;\n\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport const buttonVariants = cva(\n  \"relative box-border inline-flex items-center leading-5 no-underline focus-visible-has:outline-2\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer active:translate-y-px focus-visible-has:z-10\",\n        false: \"pointer-events-none\",\n      },\n      size: {\n        small: \"[--h-button:1.5rem] h-(--h-button) truncate\",\n        medium: \"[--h-button:2rem] h-(--h-button) truncate\",\n        large: \"[--h-button:3rem] h-(--h-button) truncate\",\n        input: \"[--h-button:calc(var(--h-input)-2px)] h-(--h-button) truncate\",\n        custom: \"truncate\",\n        scalable: \"\",\n      },\n      icon: {\n        true: \"rounded-[calc(var(--h-button)/2)] min-w-(--h-button) [&_i,&_img,&_svg]:w-(--h-button) justify-center [&_:last-child:not(i,img,svg,strong)]:pr-4\",\n        false: \"rounded-2xl px-4\",\n        custom: \"\",\n      },\n      width: {\n        fit: \"w-full max-w-fit\",\n        full: \"w-full justify-center\",\n        custom: \"\",\n      },\n      variant: {\n        /**\n         * src/tailwind/plugin.ts\n         *   addVariant(\"current\", [\n         *    `&[aria-checked=\"true\"]`,\n         *    `&[aria-current=\"page\"]`,\n         *    `&:has(:checked)`\n         *   ])\n         */\n        contained:\n          \"shadow-sm hover:shadow-md active:shadow-md-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5\",\n        light:\n          \"shadow-sm hover:shadow-md has-checked:shadow-md focus:shadow-md active:shadow-md-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4\",\n        outlined:\n          \"bg-custom-0 hover:shadow-xs active:shadow-xs-active text-gray-7 outline-offset-0 border-1 hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent\",\n        text: \"bg-transparent hover:shadow-xs active:shadow-xs-active outline-offset-0 hover:bg-custom-1 dark:hover:bg-custom-1/50 text-gray-7 hover:text-gray-8 current:bg-custom-3 focus-visible-has:outline-custom-5\",\n        ghost: \"outline-offset-0  current:bg-custom-1 focus-visible-has:outline-custom-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      icon: false,\n      variant: \"contained\",\n      clickable: true,\n      width: \"fit\",\n    },\n  },\n);\n\nexport function Button({\n  withRipple = true,\n  variant = \"contained\",\n  loading = false,\n  color = \"yellow\",\n  size = \"medium\",\n  focusable = true,\n  className,\n  disabled = false,\n  children,\n  selected = false,\n  icon = false,\n  asChild = false,\n  width = \"fit\",\n  ref,\n  ...props\n}: ButtonProps) {\n  const inputRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => inputRef.current,\n  );\n\n  const rippleEnabled = !loading && !disabled && withRipple;\n\n  useRipple(\n    inputRef,\n    [\"text\", \"outlined\", \"ghost\"].includes(variant) ? true : false,\n    rippleEnabled,\n  );\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      tabIndex={focusable ? 0 : -1}\n      role=\"button\"\n      ref={inputRef}\n      className={clsx(\n        buttonVariants({\n          variant,\n          size,\n          width,\n          icon: width === \"custom\" && !icon ? \"custom\" : icon,\n        }),\n        className,\n        loading && !icon && \"text-transparent\",\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      suppressHydrationWarning\n      aria-busy={loading}\n      {...(disabled ? { disabled } : {})}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {/* {!notClickable && withRipple && ripples} */}\n          {children}\n          {loading && (\n            <Loader\n              color={loaderColor(color)}\n              className={clsx(\"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n              position=\"absolute\"\n            />\n          )}\n        </>\n      )}\n    </Comp>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button-CL7xvvey.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","clsx","Loader","useRipple","Slot","cva","ThemeColor","loaderColor","color","ButtonProps","Omit","withRipple","variant","size","width","loading","disabled","focusable","selected","icon","asChild","ref","HTMLButtonElement","buttonVariants","variants","clickable","true","false","small","medium","large","input","custom","scalable","fit","full","contained","light","outlined","text","ghost","defaultVariants","Button","t0","$","_c","children","className","props","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","undefined","inputRef","t12","Symbol","for","current","rippleEnabled","includes","Comp","t13","t14","t15","t16","t17"],"sources":["../src/components/button/Button.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Loader } from \"../loader\";\nimport { useRipple } from \"../../hooks\";\nimport { Slot } from \"../slot\";\nimport { cva } from \"class-variance-authority\";\nimport { ThemeColor } from \"../../types\";\n\nfunction loaderColor(color: ThemeColor): ThemeColor {\n  switch (color) {\n    case \"yellow-alpha\":\n      return \"yellow\";\n    case \"gray-alpha\":\n      return \"gray\";\n    default:\n      return color;\n  }\n}\n\nexport interface ButtonProps extends Omit<ComponentProps<\"button\">, \"color\"> {\n  withRipple?: boolean;\n\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\" | \"scalable\";\n\n  color?: ThemeColor;\n\n  width?: \"fit\" | \"full\" | \"custom\";\n\n  loading?: boolean;\n\n  disabled?: boolean;\n\n  focusable?: boolean;\n  /**\n   * For a selected item inside a group.\n   */\n  selected?: boolean;\n\n  icon?: boolean;\n\n  asChild?: boolean;\n\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport const buttonVariants = cva(\n  \"relative box-border inline-flex items-center leading-5 no-underline focus-visible-has:outline-2\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer active:translate-y-px focus-visible-has:z-10\",\n        false: \"pointer-events-none\",\n      },\n      size: {\n        small: \"[--h-button:1.5rem] h-(--h-button) truncate\",\n        medium: \"[--h-button:2rem] h-(--h-button) truncate\",\n        large: \"[--h-button:3rem] h-(--h-button) truncate\",\n        input: \"[--h-button:calc(var(--h-input)-2px)] h-(--h-button) truncate\",\n        custom: \"truncate\",\n        scalable: \"\",\n      },\n      icon: {\n        true: \"rounded-[calc(var(--h-button)/2)] min-w-(--h-button) [&_i,&_img,&_svg]:w-(--h-button) justify-center [&_:last-child:not(i,img,svg,strong)]:pr-4\",\n        false: \"rounded-2xl px-4\",\n        custom: \"\",\n      },\n      width: {\n        fit: \"w-full max-w-fit\",\n        full: \"w-full justify-center\",\n        custom: \"\",\n      },\n      variant: {\n        /**\n         * src/tailwind/plugin.ts\n         *   addVariant(\"current\", [\n         *    `&[aria-checked=\"true\"]`,\n         *    `&[aria-current=\"page\"]`,\n         *    `&:has(:checked)`\n         *   ])\n         */\n        contained:\n          \"shadow-sm hover:shadow-md active:shadow-md-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5\",\n        light:\n          \"shadow-sm hover:shadow-md has-checked:shadow-md focus:shadow-md active:shadow-md-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4\",\n        outlined:\n          \"bg-custom-0 hover:shadow-xs active:shadow-xs-active text-gray-7 outline-offset-0 border-1 hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent\",\n        text: \"bg-transparent hover:shadow-xs active:shadow-xs-active outline-offset-0 hover:bg-custom-1 dark:hover:bg-custom-1/50 text-gray-7 hover:text-gray-8 current:bg-custom-3 focus-visible-has:outline-custom-5\",\n        ghost: \"outline-offset-0  current:bg-custom-1 focus-visible-has:outline-custom-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      icon: false,\n      variant: \"contained\",\n      clickable: true,\n      width: \"fit\",\n    },\n  },\n);\n\nexport function Button({\n  withRipple = true,\n  variant = \"contained\",\n  loading = false,\n  color = \"yellow\",\n  size = \"medium\",\n  focusable = true,\n  className,\n  disabled = false,\n  children,\n  selected = false,\n  icon = false,\n  asChild = false,\n  width = \"fit\",\n  ref,\n  ...props\n}: ButtonProps) {\n  const inputRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => inputRef.current,\n  );\n\n  const rippleEnabled = !loading && !disabled && withRipple;\n\n  useRipple(\n    inputRef,\n    [\"text\", \"outlined\", \"ghost\"].includes(variant) ? true : false,\n    rippleEnabled,\n  );\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      tabIndex={focusable ? 0 : -1}\n      role=\"button\"\n      ref={inputRef}\n      className={clsx(\n        buttonVariants({\n          variant,\n          size,\n          width,\n          icon: width === \"custom\" && !icon ? \"custom\" : icon,\n        }),\n        className,\n        loading && !icon && \"text-transparent\",\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      suppressHydrationWarning\n      aria-busy={loading}\n      {...(disabled ? { disabled } : {})}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {/* {!notClickable && withRipple && ripples} */}\n          {children}\n          {loading && (\n            <Loader\n              color={loaderColor(color)}\n              className={clsx(\"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n              position=\"absolute\"\n            />\n          )}\n        </>\n      )}\n    </Comp>\n  );\n}\n"],"mappings":"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"}

package/dist/Button-CVudu6dV.d.mts

@@ -0,0 +1,31 @@
+import { i as ThemeColor } from "./types-CbJroQxH.mjs";
+import { ComponentProps, RefObject } from "react";
+//#region src/components/button/Button.d.ts
+interface ButtonProps extends Omit<ComponentProps<"button">, "color"> {
+  withRipple?: boolean;
+  variant?: "contained" | "light" | "outlined" | "text" | "ghost";
+  size?: "small" | "medium" | "large" | "custom" | "input" | "scalable";
+  color?: ThemeColor;
+  width?: "fit" | "full" | "custom";
+  loading?: boolean;
+  disabled?: boolean;
+  focusable?: boolean;
+  /**
+   * For a selected item inside a group.
+   */
+  selected?: boolean;
+  icon?: boolean;
+  asChild?: boolean;
+  ref?: RefObject<HTMLButtonElement>;
+}
+declare const buttonVariants: (props?: ({
+  clickable?: boolean | null | undefined;
+  size?: "custom" | "input" | "large" | "medium" | "scalable" | "small" | null | undefined;
+  icon?: "custom" | boolean | null | undefined;
+  width?: "custom" | "fit" | "full" | null | undefined;
+  variant?: "contained" | "ghost" | "light" | "outlined" | "text" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ withRipple, variant, loading, color, size, focusable, className, disabled, children, selected, icon, asChild, width, ref, ...props }: ButtonProps): import("react").JSX.Element;
+//#endregion
+export { ButtonProps as n, buttonVariants as r, Button as t };
+//# sourceMappingURL=Button-CVudu6dV.d.mts.map

package/dist/Button-CVudu6dV.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-CVudu6dV.d.mts","names":[],"sources":["../src/components/button/Button.tsx"],"mappings":";;;UAmBiB,oBAAoB,KAAK;EACxC;EAEA;EAEA;EAEA,QAAQ;EAER;EAEA;EAEA;EAEA;;;;EAIA;EAEA;EAEA;EAEA,MAAM,UAAU;;cAGL,iBAAc;;;;;;;iBAuDX,SACd,YACA,SACA,SACA,OACA,MACA,WACA,WACA,UACA,UACA,UACA,MACA,SACA,OACA,QACG,SACF,8BAAW,IAAA"}

package/dist/{Dialog-CriZOfkd.mjs → Dialog-DeQv8OeS.mjs}

@@ -2,7 +2,6 @@ import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { cva } from "class-variance-authority";
-
 //#region src/components/dialog/Dialog.tsx
 const dialogVariants = cva("relative", {
 	variants: {
@@ -96,7 +95,7 @@ function Dialog(t0) {
 	} else t4 = $[20];
 	return t4;
 }
-
 //#endregion
 export { dialogVariants as n, Dialog as t };
-//# sourceMappingURL=Dialog-CriZOfkd.mjs.map
+
+//# sourceMappingURL=Dialog-DeQv8OeS.mjs.map

package/dist/{Dialog-CriZOfkd.mjs.map → Dialog-DeQv8OeS.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dialog-CriZOfkd.mjs","names":["Placement","clsx","ComponentProps","ReactNode","ThemeBaseColor","cva","Props","color","shadow","rounded","placement","children","dialogVariants","variants","yellow","gray","red","blue","green","orange","default","true","false","defaultVariants","Dialog","t0","$","_c","className","rest","t1","role","undefined","t2","t3","t4"],"sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Placement } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { ComponentProps, ReactNode } from \"react\";\nimport type { ThemeBaseColor } from \"../../types\";\nimport { cva } from \"class-variance-authority\";\n\ninterface Props extends ComponentProps<\"div\"> {\n  color?: ThemeBaseColor;\n  shadow?: boolean;\n  rounded?: boolean;\n  placement?: Placement;\n  children: ReactNode;\n}\n\nexport const dialogVariants = cva(\"relative\", {\n  variants: {\n    color: {\n      yellow: \"border-t-4 border-t-yellow-3 bg-gray-0\",\n      gray: \"border-t-4 border-t-gray-3 bg-gray-0\",\n      red: \"border-t-4 border-t-red-3 bg-red-1\",\n      blue: \"border-t-4 border-t-blue-3 bg-blue-1\",\n      green: \"border-t-4 border-t-green-3 bg-green-1\",\n      orange: \"border-t-4 border-t-orange-3 bg-orange-1\",\n      default: \"bg-gray-0\",\n    },\n    shadow: {\n      true: \"shadow-sm dark:shadow-dark\",\n      false: \"border border-gray-2\",\n    },\n    rounded: {\n      true: \"rounded-2xl\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n    shadow: true,\n    rounded: true,\n  },\n});\n\nexport function Dialog({\n  placement,\n  color,\n  rounded,\n  shadow,\n  children,\n  className,\n  role = \"dialog\",\n  ...rest\n}: Props) {\n  return (\n    <div\n      role={role}\n      className={clsx(dialogVariants({ color, rounded, shadow }), className)}\n      data-placement={placement}\n      data-color={color ?? \"gray\"}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,MAAaY,iBAAiBP,IAAI,YAAY;CAC5CQ,UAAU;EACRN,OAAO;GACLO,QAAQ;GACRC,MAAM;GACNC,KAAK;GACLC,MAAM;GACNC,OAAO;GACPC,QAAQ;GACRC,SAAS;GACV;EACDZ,QAAQ;GACNa,MAAM;GACNC,OAAO;GACR;EACDb,SAAS;GACPY,MAAM;GACNC,OAAO;GACT;EACD;CACDC,iBAAiB;EACfhB,OAAO;EACPC,QAAQ;EACRC,SAAS;EACX;CACD,CAAC;AAEF,SAAOe,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAhB;CAAA,IAAAiB;CAAA,IAAArB;CAAA,IAAAG;CAAA,IAAAmB;CAAA,IAAApB;CAAA,IAAAD;CAAA,IAAAsB;AAAA,KAAAJ,EAAA,OAAAD,IAAA;AAAgB,GAAA,CAAAf,WAAAH,OAAAE,SAAAD,QAAAG,UAAAiB,WAAAG,MAAAD,OAAAD,QAAAJ;AASfC,IAAA,KAAAD;AAAAC,IAAA,KAAAf;AAAAe,IAAA,KAAAE;AAAAF,IAAA,KAAAnB;AAAAmB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAG;AAAAH,IAAA,KAAAjB;AAAAiB,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;QAAA;AAAAnB,aAAAe,EAAA;AAAAE,cAAAF,EAAA;AAAAnB,UAAAmB,EAAA;AAAAhB,cAAAgB,EAAA;AAAAG,SAAAH,EAAA;AAAAjB,YAAAiB,EAAA;AAAAlB,WAAAkB,EAAA;AAAAI,OAAAJ,EAAA;;CAFN,MAAAK,OAAAD,OAAAE,SAAA,WAAAF;CAAe,IAAAG;AAAA,KAAAP,EAAA,OAAAE,aAAAF,EAAA,QAAAnB,SAAAmB,EAAA,QAAAjB,WAAAiB,EAAA,QAAAlB,QAAA;AAMAyB,OAAAhC,KAAKW,eAAe;GAAAL;GAAAE;GAAAD;GAA0B,CAAC,EAAEoB,UAAU;AAAAF,IAAA,KAAAE;AAAAF,IAAA,MAAAnB;AAAAmB,IAAA,MAAAjB;AAAAiB,IAAA,MAAAlB;AAAAkB,IAAA,MAAAO;OAAAA,MAAAP,EAAA;CAE1D,MAAAQ,KAAA3B,SAAA;CAAe,IAAA4B;AAAA,KAAAT,EAAA,QAAAf,YAAAe,EAAA,QAAAhB,aAAAgB,EAAA,QAAAG,QAAAH,EAAA,QAAAK,QAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;AAJ7BC,OAAA,oBAAA;GACQJ;GACK,WAAAE;GACKvB,kBAAAA;GACJ,cAAAwB;GAAe,GACvBL;GAEHlB;IACG;AAAAe,IAAA,MAAAf;AAAAe,IAAA,MAAAhB;AAAAgB,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;OAAAA,MAAAT,EAAA;AAAA,QARNS"}
+{"version":3,"file":"Dialog-DeQv8OeS.mjs","names":["Placement","clsx","ComponentProps","ReactNode","ThemeBaseColor","cva","Props","color","shadow","rounded","placement","children","dialogVariants","variants","yellow","gray","red","blue","green","orange","default","true","false","defaultVariants","Dialog","t0","$","_c","className","rest","t1","role","undefined","t2","t3","t4"],"sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Placement } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { ComponentProps, ReactNode } from \"react\";\nimport type { ThemeBaseColor } from \"../../types\";\nimport { cva } from \"class-variance-authority\";\n\ninterface Props extends ComponentProps<\"div\"> {\n  color?: ThemeBaseColor;\n  shadow?: boolean;\n  rounded?: boolean;\n  placement?: Placement;\n  children: ReactNode;\n}\n\nexport const dialogVariants = cva(\"relative\", {\n  variants: {\n    color: {\n      yellow: \"border-t-4 border-t-yellow-3 bg-gray-0\",\n      gray: \"border-t-4 border-t-gray-3 bg-gray-0\",\n      red: \"border-t-4 border-t-red-3 bg-red-1\",\n      blue: \"border-t-4 border-t-blue-3 bg-blue-1\",\n      green: \"border-t-4 border-t-green-3 bg-green-1\",\n      orange: \"border-t-4 border-t-orange-3 bg-orange-1\",\n      default: \"bg-gray-0\",\n    },\n    shadow: {\n      true: \"shadow-sm dark:shadow-dark\",\n      false: \"border border-gray-2\",\n    },\n    rounded: {\n      true: \"rounded-2xl\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n    shadow: true,\n    rounded: true,\n  },\n});\n\nexport function Dialog({\n  placement,\n  color,\n  rounded,\n  shadow,\n  children,\n  className,\n  role = \"dialog\",\n  ...rest\n}: Props) {\n  return (\n    <div\n      role={role}\n      className={clsx(dialogVariants({ color, rounded, shadow }), className)}\n      data-placement={placement}\n      data-color={color ?? \"gray\"}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,MAAaY,iBAAiBP,IAAI,YAAY;CAC5CQ,UAAU;EACRN,OAAO;GACLO,QAAQ;GACRC,MAAM;GACNC,KAAK;GACLC,MAAM;GACNC,OAAO;GACPC,QAAQ;GACRC,SAAS;EACX;EACAZ,QAAQ;GACNa,MAAM;GACNC,OAAO;EACT;EACAb,SAAS;GACPY,MAAM;GACNC,OAAO;EACT;CACF;CACAC,iBAAiB;EACfhB,OAAO;EACPC,QAAQ;EACRC,SAAS;CACX;AACF,CAAC;AAED,SAAOe,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAhB;CAAA,IAAAiB;CAAA,IAAArB;CAAA,IAAAG;CAAA,IAAAmB;CAAA,IAAApB;CAAA,IAAAD;CAAA,IAAAsB;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAgB,CAAA,CAAAf,WAAAH,OAAAE,SAAAD,QAAAG,UAAAiB,WAAAG,MAAAD,OAAAD,QAAAJ;EASfC,EAAA,KAAAD;EAAAC,EAAA,KAAAf;EAAAe,EAAA,KAAAE;EAAAF,EAAA,KAAAnB;EAAAmB,EAAA,KAAAhB;EAAAgB,EAAA,KAAAG;EAAAH,EAAA,KAAAjB;EAAAiB,EAAA,KAAAlB;EAAAkB,EAAA,KAAAI;CAAA,OAAA;EAAAnB,WAAAe,EAAA;EAAAE,YAAAF,EAAA;EAAAnB,QAAAmB,EAAA;EAAAhB,YAAAgB,EAAA;EAAAG,OAAAH,EAAA;EAAAjB,UAAAiB,EAAA;EAAAlB,SAAAkB,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAFN,MAAAK,OAAAD,OAAAE,KAAAA,IAAA,WAAAF;CAAe,IAAAG;CAAA,IAAAP,EAAA,OAAAE,aAAAF,EAAA,QAAAnB,SAAAmB,EAAA,QAAAjB,WAAAiB,EAAA,QAAAlB,QAAA;EAMAyB,KAAAhC,KAAKW,eAAe;GAAAL;GAAAE;GAAAD;EAAyB,CAAC,GAAGoB,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,MAAAnB;EAAAmB,EAAA,MAAAjB;EAAAiB,EAAA,MAAAlB;EAAAkB,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAE1D,MAAAQ,KAAA3B,SAAA;CAAe,IAAA4B;CAAA,IAAAT,EAAA,QAAAf,YAAAe,EAAA,QAAAhB,aAAAgB,EAAA,QAAAG,QAAAH,EAAA,QAAAK,QAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;EAJ7BC,KAAA,oBAAA,OAAA;GACQJ;GACK,WAAAE;GACKvB,kBAAAA;GACJ,cAAAwB;GAAe,GACvBL;GAEHlB;EACG,CAAA;EAAAe,EAAA,MAAAf;EAAAe,EAAA,MAAAhB;EAAAgB,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OARNS;AAQM"}