pentatrion-design 1.2.0 → 1.2.2

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/ci.yml

@@ -0,0 +1,36 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+permissions:
+  contents: read
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 26.5.0
+
+      - name: "Install JS dependencies"
+        run: "npm ci"
+
+      - name: Format
+        run: npm run check:format
+
+      - name: Typecheck
+        run: npm run check:type
+
+      - name: Lint
+        run: npm run check:lint
+
+      - name: Test
+        run: npm run test-run

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,92 @@
+## 1.2.2
+
+### Patch Changes
+
+- 7f9d59b: update dependencies, fix oxlint errors
+
+## 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-CVudu6dV.d.mts.map

@@ -1 +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"}
+{"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;;;;;;6CAqD1B;iBAEe,SACd,YACA,SACA,SACA,OACA,MACA,WACA,WACA,UACA,UACA,UACA,MACA,SACA,OACA,QACG,SACF,8BAAW,IAAA"}

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

@@ -1,5 +1,5 @@
-import { g as useRipple } from "./hooks-CBijm9RA.mjs";
 import { t as Loader } from "./loader-csj5qb99.mjs";
+import { h as useRipple } from "./hooks-BQw3Dsve.mjs";
 import { t as Slot } from "./slot-D8EJRq72.mjs";
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
@@ -208,4 +208,4 @@ function Button(t0) {
 //#endregion
 export { buttonVariants as n, Button as t };
 
-//# sourceMappingURL=Button-CL7xvvey.mjs.map
+//# sourceMappingURL=Button-Cx5QDjg9.mjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Button-Cx5QDjg9.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/{Field-C0LPMoF4.mjs → Field-BHxm4Nr-.mjs}

@@ -1,25 +1,20 @@
+import { isArrayOfString } from "./lib/index.mjs";
 import { t as Slot } from "./slot-D8EJRq72.mjs";
+import { n as useTranslate } from "./i18n-B57GZqP3.mjs";
 import { c } from "react/compiler-runtime";
-import { createContext, isValidElement, useContext, useId } from "react";
+import { isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/fields/ErrorsFormatterContext.ts
-const ErrorsFormatterContext = createContext(void 0);
-const ErrorsFormatterProvider = ErrorsFormatterContext.Provider;
-function useErrorsFormatter() {
-	return useContext(ErrorsFormatterContext);
-}
-//#endregion
-//#region src/components/fields/Field.tsx
+//#region src/components/fields/field/Field.tsx
 function Field(t0) {
 	const $ = c(46);
 	const { label, hint, description, footerDescription, errors: rawErrors, warning, id: providedId, children, preventLayerShift: t1, "data-testid": dataTestId, className } = t0;
 	const preventLayerShift = t1 === void 0 ? true : t1;
-	const formatErrors = useErrorsFormatter();
+	const translate = useTranslate();
 	let t2;
-	if ($[0] !== formatErrors || $[1] !== rawErrors) {
-		t2 = formatErrors ? formatErrors(rawErrors) : rawErrors;
-		$[0] = formatErrors;
-		$[1] = rawErrors;
+	if ($[0] !== rawErrors || $[1] !== translate) {
+		t2 = isArrayOfString(rawErrors) && translate ? rawErrors.map((k) => translate(k)).join(", ") : rawErrors;
+		$[0] = rawErrors;
+		$[1] = translate;
 		$[2] = t2;
 	} else t2 = $[2];
 	const errors = t2;
@@ -175,6 +170,6 @@ function Field(t0) {
 	return t14;
 }
 //#endregion
-export { ErrorsFormatterProvider as n, useErrorsFormatter as r, Field as t };
+export { Field as t };
 
-//# sourceMappingURL=Field-C0LPMoF4.mjs.map
+//# sourceMappingURL=Field-BHxm4Nr-.mjs.map

package/dist/Field-BHxm4Nr-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-BHxm4Nr-.mjs","names":["isValidElement","ReactNode","useId","ThemeColor","isArrayOfString","Slot","useTranslate","FieldProps","label","hint","description","footerDescription","errors","warning","children","id","preventLayerShift","className","Field","t0","$","_c","rawErrors","providedId","t1","dataTestId","undefined","translate","t2","map","k","join","internalId","t3","props","t4","labelElement","t5","hintElement","t6","errorsElement","t7","warningElement","color","showLabel","showFooter","t8","testIdProp","t9","t10","t11","t12","t13","t14"],"sources":["../src/components/fields/field/Field.tsx"],"sourcesContent":["import { isValidElement, ReactNode, useId } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport { isArrayOfString } from \"../../../lib/arrUtil\";\nimport { Slot } from \"../../slot\";\nimport { useTranslate } from \"../../i18n\";\n\nexport interface FieldProps {\n  label?: ReactNode;\n  hint?: ReactNode;\n  description?: ReactNode;\n  footerDescription?: ReactNode;\n  errors?: ReactNode | boolean;\n  warning?: ReactNode | boolean;\n  children: ReactNode;\n  id?: string;\n  preventLayerShift?: boolean;\n  \"data-testid\"?: string;\n  className?: string;\n}\n\nexport function Field({\n  label,\n  hint,\n  description,\n  footerDescription,\n  errors: rawErrors,\n  warning,\n  id: providedId,\n  children,\n  preventLayerShift = true,\n  \"data-testid\": dataTestId,\n  className,\n}: FieldProps) {\n  const translate = useTranslate();\n  const errors =\n    isArrayOfString(rawErrors) && translate\n      ? rawErrors.map((k) => translate(k)).join(\", \")\n      : rawErrors;\n  const internalId = useId();\n  const id = isValidElement<{ id?: string }>(children)\n    ? children?.props.id\n    : (providedId ?? internalId);\n\n  const labelElement = label && <span>{label}</span>;\n  const hintElement = hint && <span className=\"text-body-sm text-gray-6\">{hint}</span>;\n  const errorsElement = errors && typeof errors !== \"boolean\" && (\n    <span\n      className=\"text-red-4 dark:text-red-2 font-medium\"\n      aria-live=\"polite\"\n      role=\"status\"\n      data-testid={dataTestId ? `input-field/alert/${dataTestId}` : undefined}\n    >\n      <i className=\"fe-circle-exclamation\"></i>\n      <span>{errors}</span>\n    </span>\n  );\n  const warningElement = warning && typeof warning !== \"boolean\" && (\n    <span className=\"text-orange-4 dark:text-orange-2 font-medium\" aria-live=\"polite\" role=\"status\">\n      <i className=\"fe-circle-exclamation\"></i>\n      <span data-testid={dataTestId ? `input-field/warning/${dataTestId}` : undefined}>\n        {warning}\n      </span>\n    </span>\n  );\n\n  const color: ThemeColor = errors ? \"red\" : warning ? \"orange\" : \"yellow\";\n\n  const showLabel = preventLayerShift || label || hint;\n  const showFooter = preventLayerShift || errorsElement || warningElement;\n\n  const testIdProp = dataTestId ? { \"data-testid\": `input-field-${dataTestId}` } : {};\n\n  return (\n    <div role=\"group\" className={className} {...testIdProp}>\n      {showLabel &&\n        (label || hint ? (\n          <label className=\"mb-1 flex flex-wrap items-center justify-between\" htmlFor={id}>\n            {labelElement}\n            {hintElement}\n          </label>\n        ) : (\n          <label htmlFor={id} className=\"invisible\"></label>\n        ))}\n      {description && <div className=\"text-body-sm text-gray-6 mb-2\">{description}</div>}\n      <Slot id={id} color={color}>\n        {children}\n      </Slot>\n      {showFooter && (\n        <div className=\"text-body-sm text-gray-6 mt-1 min-h-5\">\n          {errorsElement || warningElement}\n        </div>\n      )}\n      {footerDescription && (\n        <div className=\"text-body-sm text-gray-6 mb-2\">{footerDescription}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{Field-Cpsy6gP5.d.mts → Field-B_ZFAADd.d.mts}

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-//#region src/components/fields/Field.d.ts
+//#region src/components/fields/field/Field.d.ts
 interface FieldProps {
   label?: ReactNode;
   hint?: ReactNode;
@@ -16,4 +16,4 @@ interface FieldProps {
 declare function Field({ label, hint, description, footerDescription, errors: rawErrors, warning, id: providedId, children, preventLayerShift, "data-testid": dataTestId, className }: FieldProps): import("react").JSX.Element;
 //#endregion
 export { FieldProps as n, Field as t };
-//# sourceMappingURL=Field-Cpsy6gP5.d.mts.map
+//# sourceMappingURL=Field-B_ZFAADd.d.mts.map

package/dist/Field-B_ZFAADd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-B_ZFAADd.d.mts","names":[],"sources":["../src/components/fields/field/Field.tsx"],"mappings":";;UAMiB;EACf,QAAQ;EACR,OAAO;EACP,cAAc;EACd,oBAAoB;EACpB,SAAS;EACT,UAAU;EACV,UAAU;EACV;EACA;EACA;EACA;;iBAGc,QACd,OACA,MACA,aACA,mBACA,QAAQ,WACR,SACA,IAAI,YACJ,UACA,kCACe,YACf,aACC,6BAAU,IAAA"}

package/dist/Input-B9HNBGpq.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input-B9HNBGpq.mjs","names":["ComponentPropsWithRef","ReactNode","clsx","ThemeColor","InputProps","Omit","variant","disabled","prefix","suffix","color","size","flexibleWidth","children","inputClassName","sizeVariant","small","medium","large","custom","inputConfig","container","input","icon","Input","t0","$","_c","className","readOnly","ref","rest","t1","t2","t3","t4","t5","type","undefined","t6","t7","t8","t9","t10","t11","t12","t13","e","target","HTMLInputElement","select","t14","t15","t16","t17"],"sources":["../src/components/fields/text/Input.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport type { ThemeColor } from \"../../../types\";\n\nexport interface InputProps extends Omit<ComponentPropsWithRef<\"input\">, \"prefix\" | \"size\"> {\n  variant?: \"normal\" | \"ghost\";\n  disabled?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  color?: ThemeColor;\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\";\n  flexibleWidth?: boolean;\n  children?: ReactNode;\n  inputClassName?: string;\n}\n\nexport const sizeVariant = {\n  small: \"[--h-input:24px] h-(--h-input)\",\n  medium: \"[--h-input:32px] h-(--h-input)\",\n  large: \"[--h-input:48px] h-(--h-input)\",\n  custom: \"\",\n};\n\nexport const inputConfig = {\n  container: \"p8n-input-text rounded-full flex box-border\",\n  input: \"h-full flex-1 appearance-none outline-hidden filter-none min-w-0 bg-transparent\",\n  icon: \"[--h-icon:calc(var(--h-input)-2px)] h-(--h-icon) w-(--h-icon) inline-flex-center\",\n};\n\nexport function Input({\n  variant = \"normal\",\n  color = \"yellow\",\n  disabled = false,\n  prefix,\n  suffix,\n  className,\n  inputClassName,\n  readOnly,\n  size = \"medium\",\n  flexibleWidth = true,\n  type,\n  children,\n  ref,\n  ...rest\n}: InputProps) {\n  return (\n    <div\n      aria-disabled={disabled}\n      aria-readonly={readOnly}\n      data-color={color}\n      data-variant={variant}\n      className={clsx(inputConfig.container, sizeVariant[size], className)}\n    >\n      {prefix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof prefix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {prefix}\n        </div>\n      )}\n      <input\n        type={type}\n        ref={ref}\n        className={clsx(\n          inputConfig.input,\n          size !== \"custom\" && !prefix && \"pl-4\",\n          size !== \"custom\" && type !== \"date\" && type !== \"datetime-local\"\n            ? !suffix && \"pr-4\"\n            : \"pr-1\",\n          flexibleWidth && \"w-0\",\n          inputClassName,\n        )}\n        readOnly={readOnly}\n        onClick={(e) => {\n          if (readOnly) {\n            (e.target as HTMLInputElement)?.select();\n          }\n        }}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {suffix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof suffix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {suffix}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Input-B9HNBGpq.mjs","names":["ComponentPropsWithRef","ReactNode","clsx","ThemeColor","InputProps","Omit","variant","disabled","prefix","suffix","color","size","flexibleWidth","children","inputClassName","sizeVariant","small","medium","large","custom","inputConfig","container","input","icon","Input","t0","$","_c","className","readOnly","ref","rest","t1","t2","t3","t4","t5","type","undefined","t6","t7","t8","t9","t10","t11","t12","t13","e","target","HTMLInputElement","select","t14","t15","t16","t17"],"sources":["../src/components/fields/text/Input.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport type { ThemeColor } from \"../../../types\";\n\nexport interface InputProps extends Omit<ComponentPropsWithRef<\"input\">, \"prefix\" | \"size\"> {\n  variant?: \"normal\" | \"ghost\";\n  disabled?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  color?: ThemeColor;\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\";\n  flexibleWidth?: boolean;\n  children?: ReactNode;\n  inputClassName?: string;\n}\n\nexport const sizeVariant = {\n  small: \"[--h-input:24px] h-(--h-input)\",\n  medium: \"[--h-input:32px] h-(--h-input)\",\n  large: \"[--h-input:48px] h-(--h-input)\",\n  custom: \"\",\n};\n\nexport const inputConfig = {\n  container: \"p8n-input-text rounded-full flex box-border\",\n  input: \"h-full flex-1 appearance-none outline-hidden filter-none min-w-0 bg-transparent\",\n  icon: \"[--h-icon:calc(var(--h-input)-2px)] h-(--h-icon) w-(--h-icon) inline-flex-center\",\n};\n\nexport function Input({\n  variant = \"normal\",\n  color = \"yellow\",\n  disabled = false,\n  prefix,\n  suffix,\n  className,\n  inputClassName,\n  readOnly,\n  size = \"medium\",\n  flexibleWidth = true,\n  type,\n  children,\n  ref,\n  ...rest\n}: InputProps) {\n  return (\n    <div\n      aria-disabled={disabled}\n      aria-readonly={readOnly}\n      data-color={color}\n      data-variant={variant}\n      className={clsx(inputConfig.container, sizeVariant[size], className)}\n    >\n      {prefix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof prefix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {prefix}\n        </div>\n      )}\n      <input\n        type={type}\n        ref={ref}\n        className={clsx(\n          inputConfig.input,\n          size !== \"custom\" && !prefix && \"pl-4\",\n          size !== \"custom\" && type !== \"date\" && type !== \"datetime-local\"\n            ? !suffix && \"pr-4\"\n            : \"pr-1\",\n          flexibleWidth && \"w-0\",\n          inputClassName,\n        )}\n        readOnly={readOnly}\n        onClick={(e) => {\n          if (readOnly) {\n            (e.target as HTMLInputElement)?.select();\n          }\n        }}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {suffix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof suffix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {suffix}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAgBA,MAAae,cAAc;CACzBC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACPC,QAAQ;AACV;AAEA,MAAaC,cAAc;CACzBC,WAAW;CACXC,OAAO;CACPC,MAAM;AACR;AAEA,SAAOC,MAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAd;CAAA,IAAAe;CAAA,IAAAd;CAAA,IAAAN;CAAA,IAAAqB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAtB;CAAA,IAAAuB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAX,EAAA,OAAAD,IAAA;EAAe,CAAA,CAAAnB,SAAA0B,IAAAtB,OAAAuB,IAAA1B,UAAA2B,IAAA1B,QAAAC,QAAAmB,WAAAd,gBAAAe,UAAAlB,MAAAwB,IAAAvB,eAAAwB,IAAAC,MAAAxB,UAAAiB,QAAAC,QAAAN;EAeTC,EAAA,KAAAD;EAAAC,EAAA,KAAAb;EAAAa,EAAA,KAAAE;EAAAF,EAAA,KAAAZ;EAAAY,EAAA,KAAAlB;EAAAkB,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAjB;EAAAiB,EAAA,KAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;CAAA,OAAA;EAAAxB,WAAAa,EAAA;EAAAE,YAAAF,EAAA;EAAAZ,iBAAAY,EAAA;EAAAlB,SAAAkB,EAAA;EAAAG,WAAAH,EAAA;EAAAI,MAAAJ,EAAA;EAAAK,OAAAL,EAAA;EAAAjB,SAAAiB,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;EAAAU,KAAAV,EAAA;EAAAW,OAAAX,EAAA;CAAA;CAdX,MAAApB,UAAA0B,OAAAM,KAAAA,IAAA,WAAAN;CACA,MAAAtB,QAAAuB,OAAAK,KAAAA,IAAA,WAAAL;CACA,MAAA1B,WAAA2B,OAAAI,KAAAA,IAAA,QAAAJ;CAMA,MAAAvB,OAAAwB,OAAAG,KAAAA,IAAA,WAAAH;CACA,MAAAvB,gBAAAwB,OAAAE,KAAAA,IAAA,OAAAF;CAY2C,MAAAG,KAAAxB,YAAYJ;CAAK,IAAA6B;CAAA,IAAAd,EAAA,QAAAE,aAAAF,EAAA,QAAAa,IAAA;EAA7CC,KAAAtC,KAAKkB,YAAWC,WAAYkB,IAAmBX,SAAS;EAACF,EAAA,MAAAE;EAAAF,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAlB,QAAA;EAEnEiC,KAAAjC,UACC,oBAAA,OAAA;GACa,WAAAN,KAAK,CACd,wBACA,OAAOM,WAAW,YAAlB,8BAA4D,CAC7D;GAEAA,UAAAA;EACG,CAAA;EACPkB,EAAA,MAAAlB;EAAAkB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAMG,MAAAgB,KAAA/B,SAAS,YAAT,CAAsBH,UAAtB;CACA,MAAAmC,MAAAhC,SAAS,YAAY0B,SAAS,UAAUA,SAAS,mBAC7C,CAAC5B,UAAD,SADJ;CAGA,MAAAmC,MAAAhC,iBAAA;CAAsB,IAAAiC;CAAA,IAAAnB,EAAA,QAAAZ,kBAAAY,EAAA,QAAAiB,OAAAjB,EAAA,QAAAkB,OAAAlB,EAAA,QAAAgB,IAAA;EANbG,MAAA3C,KACTkB,YAAWE,OACXoB,IACAC,KAGAC,KACA9B,cACF;EAACY,EAAA,MAAAZ;EAAAY,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAgB;EAAAhB,EAAA,MAAAmB;CAAA,OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,QAAAG,UAAA;EAEQiB,OAAAC,MAAA;GACP,IAAIlB,UACF,EAAEmB,QAAoCE,OAAC;EACxC;EACFxB,EAAA,MAAAG;EAAAH,EAAA,MAAAoB;CAAA,OAAAA,MAAApB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAnB,UAAA;EACI4C,MAAA5C,WAAA,EAAAA,SAA2B,IAA3B,CAA2B;EAACmB,EAAA,MAAAnB;EAAAmB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAG,YAAAH,EAAA,QAAAI,OAAAJ,EAAA,QAAAK,QAAAL,EAAA,QAAAmB,OAAAnB,EAAA,QAAAoB,OAAApB,EAAA,QAAAyB,OAAAzB,EAAA,QAAAW,MAAA;EAlBnCe,MAAA,oBAAA,SAAA;GACQf;GACDP;GACM,WAAAe;GASDhB;GACD,SAAAiB;GAIR,GACIK;GAA4B,GAC7BpB;EAAI,CAAA;EACRL,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAyB;EAAAzB,EAAA,MAAAW;EAAAX,EAAA,MAAA0B;CAAA,OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAjB,QAAA;EACD4C,MAAA5C,UACC,oBAAA,OAAA;GACa,WAAAP,KAAK,CACd,wBACA,OAAOO,WAAW,YAAlB,8BAA4D,CAC7D;GAEAA,UAAAA;EACG,CAAA;EACPiB,EAAA,MAAAjB;EAAAiB,EAAA,MAAA2B;CAAA,OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAb,YAAAa,EAAA,QAAAhB,SAAAgB,EAAA,QAAAnB,YAAAmB,EAAA,QAAAG,YAAAH,EAAA,QAAA0B,OAAA1B,EAAA,QAAA2B,OAAA3B,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAApB,SAAA;EA/CHgD,MAAA,qBAAA,OAAA;GACiB/C,iBAAAA;GACAsB,iBAAAA;GACHnB,cAAAA;GACEJ,gBAAAA;GACH,WAAAkC;GALb,UAAA;IAOGC;IAUDW;IAqBCC;IAUAxC;GACG;;EAAAa,EAAA,MAAAb;EAAAa,EAAA,MAAAhB;EAAAgB,EAAA,MAAAnB;EAAAmB,EAAA,MAAAG;EAAAH,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAApB;EAAAoB,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,OAjDN4B;AAiDM"}