pentatrion-design 1.2.0 → 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/{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/components/fields/altcha/index.d.mts

@@ -1,4 +1,4 @@
-import { n as FieldProps } from "../../../Field-Cpsy6gP5.mjs";
+import { n as FieldProps } from "../../../Field-B_ZFAADd.mjs";
 import "altcha/i18n/en";
 import { FieldName } from "@conform-to/react/future";
 //#region src/components/fields/altcha/Altcha.d.ts

package/dist/components/fields/altcha/index.mjs

@@ -1,5 +1,5 @@
 import { t as useIntersectionObserver } from "../../../hooks-CBijm9RA.mjs";
-import { t as Field } from "../../../Field-C0LPMoF4.mjs";
+import { t as Field } from "../../../Field-BHxm4Nr-.mjs";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/altcha/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["altchaI18nFr","ariaLinkLabel","enterCode","enterCodeAria","error","expired","verificationRequired","footer","getAudioChallenge","label","loading","reload","verify","verified","verifying","waitAlert","useEffect","useRef","altchaI18nFr","AltchaProps","onStateChange","ev","Event","CustomEvent","challengeUrl","name","cssVariables","AltchaWidgetCSSProperties","Altcha","widgetRef","HTMLElement","globalThis","altchaI18n","set","handleStateChange","current","addEventListener","removeEventListener","useField","FieldName","Altcha","Field","FieldProps","useIntersectionObserver","Props","Omit","name","challengeUrl","AltchaField","t0","$","_c","rest","field","t1","Symbol","for","freezeOnceVisible","isIntersecting","ref","altchaContainerRef","t2","t3","t4","errors"],"sources":["../../../../src/components/fields/altcha/locales.fr.ts","../../../../src/components/fields/altcha/Altcha.tsx","../../../../src/components/fields/altcha/AltchaField.tsx"],"sourcesContent":["export const altchaI18nFr = {\n  ariaLinkLabel: \"Visitez Altcha.org\",\n  enterCode: \"Entrez le code\",\n  enterCodeAria: \"Entrez le code que vous entendez. Appuyez sur Espace pour écouter l'audio.\",\n  error: \"Échec de la vérification. Essayez à nouveau plus tard.\",\n  expired: \"La vérification a expiré. Essayez à nouveau.\",\n  verificationRequired: \"Vérification requise !\",\n  footer:\n    'Protégé par <a href=\"https://altcha.org/\" target=\"_blank\" aria-label=\"Visitez Altcha.org\">ALTCHA</a>',\n  getAudioChallenge: \"Obtenir un défi audio\",\n  label: \"Je ne suis pas un robot\",\n  loading: \"Chargement...\",\n  reload: \"Recharger\",\n  verify: \"Vérifier\",\n  verified: \"Vérifié\",\n  verifying: \"Vérification en cours...\",\n  waitAlert: \"Vérification en cours... veuillez patienter.\",\n};\n","import { useEffect, useRef } from \"react\";\nimport \"altcha/i18n/en\";\nimport { altchaI18nFr } from \"./locales.fr\";\n\ninterface AltchaProps {\n  onStateChange?: (ev: Event | CustomEvent) => void;\n  challengeUrl: string;\n  name?: string;\n}\n\nconst cssVariables: AltchaWidgetCSSProperties = {\n  \"--altcha-border-width\": \"0px\",\n  \"--altcha-max-width\": \"100%\",\n};\n\nexport function Altcha({ onStateChange, challengeUrl, name }: AltchaProps) {\n  const widgetRef = useRef<HTMLElement>(null!);\n\n  useEffect(() => {\n    import(\"altcha\");\n    globalThis.altchaI18n.set(\"fr-fr\", altchaI18nFr);\n  }, []);\n\n  useEffect(() => {\n    const handleStateChange = (ev: Event | CustomEvent) => {\n      if (\"detail\" in ev) {\n        onStateChange?.(ev);\n      }\n    };\n\n    const { current } = widgetRef;\n    if (current) {\n      current.addEventListener(\"statechange\", handleStateChange);\n      return () => current.removeEventListener(\"statechange\", handleStateChange);\n    }\n  }, [onStateChange]);\n\n  return (\n    <div className=\"h-6\">\n      <altcha-widget\n        ref={widgetRef}\n        style={cssVariables}\n        debug\n        hidelogo\n        hidefooter\n        challengeurl={challengeUrl}\n        maxnumber={500000}\n        name={name}\n      ></altcha-widget>\n    </div>\n  );\n}\n","import { useField, type FieldName } from \"@conform-to/react/future\";\nimport { Altcha } from \"./Altcha\";\nimport { Field, FieldProps } from \"../Field\";\nimport { useIntersectionObserver } from \"../../../hooks\";\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\"> {\n  name: FieldName<string>;\n  challengeUrl: string;\n}\n\nexport function AltchaField({ name, challengeUrl, ...rest }: Props) {\n  const field = useField(name);\n  const { isIntersecting, ref: altchaContainerRef } = useIntersectionObserver({\n    freezeOnceVisible: true,\n  });\n\n  return (\n    <Field errors={field.errors} data-testid={field.name} {...rest}>\n      <div ref={altchaContainerRef} className=\"h-6\">\n        {isIntersecting && <Altcha name={field.name} challengeUrl={challengeUrl} />}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["altchaI18nFr","ariaLinkLabel","enterCode","enterCodeAria","error","expired","verificationRequired","footer","getAudioChallenge","label","loading","reload","verify","verified","verifying","waitAlert","useEffect","useRef","altchaI18nFr","AltchaProps","onStateChange","ev","Event","CustomEvent","challengeUrl","name","cssVariables","AltchaWidgetCSSProperties","Altcha","widgetRef","HTMLElement","globalThis","altchaI18n","set","handleStateChange","current","addEventListener","removeEventListener","useField","FieldName","Altcha","Field","FieldProps","useIntersectionObserver","Props","Omit","name","challengeUrl","AltchaField","t0","$","_c","rest","field","t1","Symbol","for","freezeOnceVisible","isIntersecting","ref","altchaContainerRef","t2","t3","t4","errors"],"sources":["../../../../src/components/fields/altcha/locales.fr.ts","../../../../src/components/fields/altcha/Altcha.tsx","../../../../src/components/fields/altcha/AltchaField.tsx"],"sourcesContent":["export const altchaI18nFr = {\n  ariaLinkLabel: \"Visitez Altcha.org\",\n  enterCode: \"Entrez le code\",\n  enterCodeAria: \"Entrez le code que vous entendez. Appuyez sur Espace pour écouter l'audio.\",\n  error: \"Échec de la vérification. Essayez à nouveau plus tard.\",\n  expired: \"La vérification a expiré. Essayez à nouveau.\",\n  verificationRequired: \"Vérification requise !\",\n  footer:\n    'Protégé par <a href=\"https://altcha.org/\" target=\"_blank\" aria-label=\"Visitez Altcha.org\">ALTCHA</a>',\n  getAudioChallenge: \"Obtenir un défi audio\",\n  label: \"Je ne suis pas un robot\",\n  loading: \"Chargement...\",\n  reload: \"Recharger\",\n  verify: \"Vérifier\",\n  verified: \"Vérifié\",\n  verifying: \"Vérification en cours...\",\n  waitAlert: \"Vérification en cours... veuillez patienter.\",\n};\n","import { useEffect, useRef } from \"react\";\nimport \"altcha/i18n/en\";\nimport { altchaI18nFr } from \"./locales.fr\";\n\ninterface AltchaProps {\n  onStateChange?: (ev: Event | CustomEvent) => void;\n  challengeUrl: string;\n  name?: string;\n}\n\nconst cssVariables: AltchaWidgetCSSProperties = {\n  \"--altcha-border-width\": \"0px\",\n  \"--altcha-max-width\": \"100%\",\n};\n\nexport function Altcha({ onStateChange, challengeUrl, name }: AltchaProps) {\n  const widgetRef = useRef<HTMLElement>(null!);\n\n  useEffect(() => {\n    import(\"altcha\");\n    globalThis.altchaI18n.set(\"fr-fr\", altchaI18nFr);\n  }, []);\n\n  useEffect(() => {\n    const handleStateChange = (ev: Event | CustomEvent) => {\n      if (\"detail\" in ev) {\n        onStateChange?.(ev);\n      }\n    };\n\n    const { current } = widgetRef;\n    if (current) {\n      current.addEventListener(\"statechange\", handleStateChange);\n      return () => current.removeEventListener(\"statechange\", handleStateChange);\n    }\n  }, [onStateChange]);\n\n  return (\n    <div className=\"h-6\">\n      <altcha-widget\n        ref={widgetRef}\n        style={cssVariables}\n        debug\n        hidelogo\n        hidefooter\n        challengeurl={challengeUrl}\n        maxnumber={500000}\n        name={name}\n      ></altcha-widget>\n    </div>\n  );\n}\n","import { useField, type FieldName } from \"@conform-to/react/future\";\nimport { Altcha } from \"./Altcha\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { useIntersectionObserver } from \"../../../hooks\";\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\"> {\n  name: FieldName<string>;\n  challengeUrl: string;\n}\n\nexport function AltchaField({ name, challengeUrl, ...rest }: Props) {\n  const field = useField(name);\n  const { isIntersecting, ref: altchaContainerRef } = useIntersectionObserver({\n    freezeOnceVisible: true,\n  });\n\n  return (\n    <Field errors={field.errors} data-testid={field.name} {...rest}>\n      <div ref={altchaContainerRef} className=\"h-6\">\n        {isIntersecting && <Altcha name={field.name} challengeUrl={challengeUrl} />}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/checkbox/index.d.mts

@@ -1,7 +1,7 @@
 import { i as ThemeColor } from "../../../types-CbJroQxH.mjs";
 import { n as ButtonProps } from "../../../Button-CVudu6dV.mjs";
 import "../../../index-BG1rgXFb.mjs";
-import { n as FieldProps } from "../../../Field-Cpsy6gP5.mjs";
+import { n as FieldProps } from "../../../Field-B_ZFAADd.mjs";
 import { r as SelectOption } from "../../../types-yqikbbzR.mjs";
 import { ComponentProps, RefObject } from "react";
 import { FieldName } from "@conform-to/react/future";

package/dist/components/fields/checkbox/index.mjs

@@ -1,6 +1,6 @@
 import { n as buttonVariants } from "../../../Button-CL7xvvey.mjs";
 import "../../../button-tAEodFUL.mjs";
-import { t as Field } from "../../../Field-C0LPMoF4.mjs";
+import { t as Field } from "../../../Field-BHxm4Nr-.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";

package/dist/components/fields/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","rest","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","rest","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<boolean>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, ...rest }: Props) {\n  const field = useField(name);\n\n  return (\n    <Field errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<string[]>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, ...rest }: Props) {\n  const field = useField(name);\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAOY,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAV;CAAA,IAAAG;CAAA,IAAAQ;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAJ,OAAAU,IAAAZ,eAAAC,UAAAY,IAAAH,WAAAD,UAAAN,QAAAQ,QAAAL;EAQTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAJ;EAAAI,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAJ,WAAAF,EAAA;EAAAG,YAAAH,EAAA;EAAAP,gBAAAO,EAAA;EAAAJ,MAAAI,EAAA;EAAAI,OAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAPd,MAAAL,QAAAU,OAAAE,KAAAA,IAAA,WAAAF;CAEA,MAAAX,WAAAY,OAAAC,KAAAA,IAAA,QAAAD;CAAgB,IAAAE;CAAA,IAAAR,EAAA,OAAAS,OAAAC,IAAA,2BAAA,GAAA;EAO6BF,KAAAnB,KAAK,kCAAkC;EAACW,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAQ7E,MAAAW,KAAAlB,iBAAA;CAAgC,IAAAmB;CAAA,IAAAZ,EAAA,OAAAG,aAAAH,EAAA,QAAAW,IAAA;EAHvBC,KAAAvB,KACT,sBACA,uIACAsB,IACAR,SACF;EAACH,EAAA,KAAAG;EAAAH,EAAA,MAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAN,UAAA;EACImB,KAAAnB,WAAA,EAAAA,SAA2B,IAA3B,CAA2B;EAACM,EAAA,MAAAN;EAAAM,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAL,SAAAK,EAAA,QAAAJ,OAAAI,EAAA,QAAAI,QAAAJ,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;EAVnCC,KAAA,oBAAA,SAAA;GACcnB,cAAAA;GACPC;GACA,MAAA;GACM,WAAAgB;GAKV,GACIC;GAA4B,GAC7BT;EAAI,CAAA;EACRJ,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAI;EAAAJ,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAE,YAAAF,EAAA,QAAAN,YAAAM,EAAA,QAAAc,IAAA;EAbJC,KAAA,qBAAA,SAAA;GAAsBrB,iBAAAA;GAAqB,WAAAc;aAA3C,CACEM,IAaCZ,QACK;;EAAAF,EAAA,MAAAE;EAAAF,EAAA,MAAAN;EAAAM,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAfRe;AAeQ;AAcZ,SAAOQ,eAAAxB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAkB;CAAA,IAAAzB;CAAA,IAAAQ;CAAA,IAAAkB;CAAA,IAAAH;CAAA,IAAAd;CAAA,IAAAC;CAAA,IAAAE;CAAA,IAAAU;CAAA,IAAAlB,EAAA,OAAAD,IAAA;EAAwB,CAAA,CAAAJ,OAAAU,IAAAX,UAAAY,IAAAc,OAAAZ,IAAAW,MAAAE,MAAAC,WAAAJ,SAAAf,WAAAD,UAAAN,QAAAQ,QAAAL;EAYTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAqB;EAAArB,EAAA,KAAAJ;EAAAI,EAAA,KAAAI;EAAAJ,EAAA,KAAAsB;EAAAtB,EAAA,KAAAmB;EAAAnB,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,MAAAQ;EAAAR,EAAA,MAAAkB;CAAA,OAAA;EAAAhB,WAAAF,EAAA;EAAAG,YAAAH,EAAA;EAAAqB,OAAArB,EAAA;EAAAJ,MAAAI,EAAA;EAAAI,OAAAJ,EAAA;EAAAsB,YAAAtB,EAAA;EAAAmB,OAAAnB,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAQ,KAAAR,EAAA;EAAAkB,UAAAlB,EAAA;CAAA;CAXpB,MAAAL,QAAAU,OAAAE,KAAAA,IAAA,WAAAF;CACA,MAAAX,WAAAY,OAAAC,KAAAA,IAAA,QAAAD;CACA,MAAAc,QAAAZ,OAAAD,KAAAA,IAAA,QAAAC;CAeM,MAAAG,KAAAW,aAAA;CAAwB,IAAAV;CAAA,IAAAZ,EAAA,QAAAG,aAAAH,EAAA,QAAAqB,QAAArB,EAAA,QAAAsB,aAAAtB,EAAA,QAAAmB,QAAAnB,EAAA,QAAAW,MAAAX,EAAA,QAAAkB,WAAAlB,EAAA,QAAAoB,OAAA;EAFfR,KAAAvB,KACTc,WACAQ,IACApB,eAAe;GAAA2B;GAAAC;GAAAE,MAAuBA,QAAAC;GAAiBF;EAAQ,CAAC,CAClE;EAACpB,EAAA,MAAAG;EAAAH,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAW;EAAAX,EAAA,MAAAkB;EAAAlB,EAAA,MAAAoB;EAAApB,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAOG,MAAAa,KAAAS,YAAA,4JAAA;CAEmD,IAAAR;CAAA,IAAAd,EAAA,QAAAG,aAAAH,EAAA,QAAAa,IAAA;EAH1CC,KAAAzB,KACTwB,IAIAV,SACF;EAACH,EAAA,MAAAG;EAAAH,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAN,UAAA;EACIqB,KAAArB,WAAA,EAAAA,SAA2B,IAA3B,CAA2B;EAACM,EAAA,MAAAN;EAAAM,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,QAAAJ,OAAAI,EAAA,QAAAI,QAAAJ,EAAA,QAAAc,MAAAd,EAAA,QAAAe,IAAA;EAVnCS,KAAA,oBAAA,SAAA;GACO5B;GACA,MAAA;GACM,WAAAkB;GAMV,GACIC;GAA4B,GAC7BX;EAAI,CAAA;EACRJ,EAAA,MAAAJ;EAAAI,EAAA,MAAAI;EAAAJ,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAE,YAAAF,EAAA,QAAAL,SAAAK,EAAA,QAAAN,YAAAM,EAAA,QAAAY,MAAAZ,EAAA,QAAAwB,IAAA;EArBJC,MAAA,qBAAA,SAAA;GACiB/B,iBAAAA;GACJ,WAAAkB;GAKCjB,cAAAA;aAPd,CASE6B,IAaCtB,QACK;;EAAAF,EAAA,MAAAE;EAAAF,EAAA,MAAAL;EAAAK,EAAA,MAAAN;EAAAM,EAAA,MAAAY;EAAAZ,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,OAvBRyB;AAuBQ;;;AC/EZ,SAAOU,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAJ;CAAA,IAAAD;CAAA,IAAAM;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAuB,CAAA,CAAAH,MAAAC,kBAAAK,QAAAH;EAAuCC,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAJ;EAAAI,EAAA,KAAAE;CAAA,OAAA;EAAAL,gBAAAG,EAAA;EAAAJ,OAAAI,EAAA;EAAAE,OAAAF,EAAA;CAAA;CACnE,MAAAG,QAAcb,SAASM,IAAI;CAAE,IAAAQ;CAAA,IAAAJ,EAAA,OAAAH,iBAAAG,EAAA,OAAAG,MAAAE,kBAAAL,EAAA,OAAAG,MAAAP,MAAA;EAIzBQ,KAAA,oBAAC,UAAD;GAAgB,MAAAD,MAAKP;GAAuB,gBAAAO,MAAKE;aAC9CR;EADM,CAAA;EAEEG,EAAA,KAAAH;EAAAG,EAAA,KAAAG,MAAAE;EAAAL,EAAA,KAAAG,MAAAP;EAAAI,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAG,MAAAI,UAAAP,EAAA,OAAAJ,QAAAI,EAAA,QAAAE,QAAAF,EAAA,QAAAI,IAAA;EAHbE,KAAA,oBAAC,OAAD;GAAe,QAAAH,MAAKI;GAAsBX,eAAAA;GAAI,GAAMM;aAClDE;EADI,CAAA;EAIEJ,EAAA,KAAAG,MAAAI;EAAAP,EAAA,KAAAJ;EAAAI,EAAA,MAAAE;EAAAF,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAJRM;AAIQ;;;ACPZ,SAAOY,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAL;CAAA,IAAAC;CAAA,IAAAK;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAyB,CAAA,CAAAH,MAAAC,YAAAK,QAAAH;EAAiCC,EAAA,KAAAD;EAAAC,EAAA,KAAAJ;EAAAI,EAAA,KAAAH;EAAAG,EAAA,KAAAE;CAAA,OAAA;EAAAN,OAAAI,EAAA;EAAAH,UAAAG,EAAA;EAAAE,OAAAF,EAAA;CAAA;CAC/D,MAAAG,QAAcd,SAASO,IAAI;CAAE,IAAAQ;CAAA,IAAAJ,EAAA,OAAAG,MAAAE,aAAA;EACVD,KAAAE,OAAMC,OAAQJ,MAAKE,WAAY,CAAC,CAAAG,KAAM;EAACR,EAAA,KAAAG,MAAAE;EAAAL,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAA1D,MAAAS,aAAmBL;CACnB,MAAAM,SAAeP,MAAKO,WAAYD,WAAUE,SAAU,IAApBF,aAAAG,KAAAA;CAAgD,IAAAC;CAAA,IAAAb,EAAA,OAAAG,MAAAW,kBAAAd,EAAA,OAAAJ,QAAAI,EAAA,OAAAH,SAAA;EAAA,IAAAkB;EAAA,IAAAf,EAAA,QAAAG,MAAAW,kBAAAd,EAAA,QAAAJ,MAAA;GAK7DmB,MAAAC,WACX,oBAAC,UAAD;IAEQpB;IACC,OAAAoB,OAAMC;IACG,gBAAAd,MAAKW,gBAAyBI,SAACF,OAAMC,KAAM;cAE1DD,OAAMG;GANA,GACFH,OAAMC,KADJ;GAQVjB,EAAA,MAAAG,MAAAW;GAAAd,EAAA,MAAAJ;GAAAI,EAAA,MAAAe;EAAA,OAAAA,KAAAf,EAAA;EATAa,KAAAhB,QAAOuB,IAAKL,EASZ;EAACf,EAAA,KAAAG,MAAAW;EAAAd,EAAA,KAAAJ;EAAAI,EAAA,KAAAH;EAAAG,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAa,IAAA;EAVJE,KAAA,oBAAA,OAAA;GAAe,WAAA;aACZF;EAUG,CAAA;EAAAb,EAAA,MAAAa;EAAAb,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAqB;CAAA,IAAArB,EAAA,QAAAU,UAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAE,QAAAF,EAAA,QAAAe,IAAA;EAZRM,KAAA,oBAAC,OAAD;GAAeX;GAAqBd,eAAAA;GAAI,GAAMM;aAC5Ca;EADI,CAAA;EAaEf,EAAA,MAAAU;EAAAV,EAAA,MAAAJ;EAAAI,EAAA,MAAAE;EAAAF,EAAA,MAAAe;EAAAf,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,OAbRqB;AAaQ"}
+{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","rest","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","rest","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<boolean>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, ...rest }: Props) {\n  const field = useField(name);\n\n  return (\n    <Field errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\"> {\n  name: FieldName<string[]>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, ...rest }: Props) {\n  const field = useField(name);\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/color/index.d.mts

@@ -1,5 +1,5 @@
 import { i as ThemeColor } from "../../../types-CbJroQxH.mjs";
-import { n as FieldProps } from "../../../Field-Cpsy6gP5.mjs";
+import { n as FieldProps } from "../../../Field-B_ZFAADd.mjs";
 import { ComponentProps, RefObject } from "react";
 import { FieldName } from "@conform-to/react/future";
 //#region src/components/fields/color/Color.d.ts

package/dist/components/fields/color/index.mjs

@@ -1,6 +1,6 @@
 import { g as useRipple } from "../../../hooks-CBijm9RA.mjs";
 import { t as Button } from "../../../Button-CL7xvvey.mjs";
-import { t as Field } from "../../../Field-C0LPMoF4.mjs";
+import { t as Field } from "../../../Field-BHxm4Nr-.mjs";
 import { a as ModalContent, n as ModalFooter, o as Modal, r as ModalHeader, t as ModalDescription } from "../../../modal-DY7p5b0n.mjs";
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef, useState } from "react";
@@ -152,6 +152,7 @@ function ColorField({ name, ...rest }) {
 		...rest,
 		children: /* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsx("input", {
+				hidden: true,
 				type: "text",
 				name: field.name,
 				autoComplete: "off",