@anoki/fse-ui 1.0.594 → 1.0.595

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Col, Region, Row } from \"@/components\";\r\n\r\nexport type DelegateCardProps = {\r\n  id: string;\r\n  isSelected: boolean;\r\n  title: string;\r\n  subtitle: string;\r\n  relation: string;\r\n  isMe?: boolean;\r\n  setSelectedCard: (id: string) => void;\r\n  className?: string;\r\n  showRegion?: boolean;\r\n  region?: Region;\r\n};\r\n\r\nexport const DelegateCard = ({\r\n  id,\r\n  isSelected,\r\n  title,\r\n  subtitle,\r\n  region,\r\n  relation,\r\n  isMe = false,\r\n  showRegion = false,\r\n  setSelectedCard = () => {},\r\n  className,\r\n}: DelegateCardProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const firstLetterUppercase = (str: string) => {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  };\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedCard(id);\r\n      }}\r\n      style={{ width: \"100%\" }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isSelected}\r\n        className={\"ui-checkbox-filter\"}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Row\r\n        alignItems={\"flex-start\"}\r\n        style={{ width: \"100%\" }}\r\n        justifyContent={\"space-between\"}\r\n      >\r\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\r\n          <Col\r\n            gap={\"x4\"}\r\n            pb={\r\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\r\n            }\r\n          >\r\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n              {title}\r\n            </h3>\r\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\r\n          </Col>\r\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\r\n            {!isMe && relation && (\r\n              <Col gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\r\n                <p className={\"fw-normal\"}>{relation}</p>\r\n              </Col>\r\n            )}\r\n            {showRegion && region && (\r\n              <Col pr={\"x104\"} gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\r\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\r\n              </Col>\r\n            )}\r\n          </Row>\r\n        </Col>\r\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}

package/package.json

@@ -1,112 +1,112 @@
-{
-  "name": "@anoki/fse-ui",
-  "version": "1.0.594",
-  "description": "FSE UI components library",
-  "type": "module",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist"
-  ],
-  "scripts": {
-    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
-    "lint": "eslint .",
-    "build": "tsc && vite build",
-    "test": "vitest run",
-    "test-watch": "vitest",
-    "test:ui": "vitest --ui",
-    "sb": "storybook dev -p 6006",
-    "release": "npm run build && npm publish --access public",
-    "build-storybook": "storybook build",
-    "prepare": "husky",
-    "patch": "npm version patch"
-  },
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "author": "Anoki <developer@anoki.it>",
-  "keywords": [
-    "anoki",
-    "fse",
-    "ui",
-    "components",
-    "library"
-  ],
-  "license": "ISC",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
-    "@eslint/js": "^9.22.0",
-    "@storybook/addon-a11y": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-onboarding": "^8.5.2",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-vite": "^8.5.2",
-    "@storybook/test": "^8.5.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/html-to-text": "^9.0.4",
-    "@types/lodash": "^4.17.14",
-    "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.8",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
-    "@typescript-eslint/parser": "^8.21.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.19.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^0.11.4",
-    "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
-    "lint-staged": "^15.4.3",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
-    "sass": "^1.83.4",
-    "storybook": "^8.5.2",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.26.1",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-lib-inject-css": "^2.2.1",
-    "vitest": "^3.0.4"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "engines": {
-    "node": ">=18.18.0",
-    "yarn": ">=1.22.19"
-  },
-  "packageManager": "yarn@4.2.2",
-  "dependencies": {
-    "@anoki/fse-common": "^1.0.92",
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/themes": "^3.2.1",
-    "@types/node": "^22.10.10",
-    "clsx": "^2.1.1",
-    "isomorphic-dompurify": "^2.24.0",
-    "lodash": "^4.17.21",
-    "luxon": "^3.5.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "swiper": "^11.2.6",
-    "usehooks-ts": "^3.1.1"
-  }
-}
+{
+  "name": "@anoki/fse-ui",
+  "version": "1.0.595",
+  "description": "FSE UI components library",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
+    "lint": "eslint .",
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "test:ui": "vitest --ui",
+    "sb": "storybook dev -p 6006",
+    "release": "npm run build && npm publish --access public",
+    "build-storybook": "storybook build",
+    "prepare": "husky",
+    "patch": "npm version patch"
+  },
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "author": "Anoki <developer@anoki.it>",
+  "keywords": [
+    "anoki",
+    "fse",
+    "ui",
+    "components",
+    "library"
+  ],
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@eslint/js": "^9.22.0",
+    "@storybook/addon-a11y": "^8.5.2",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
+    "@storybook/addon-onboarding": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test": "^8.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/html-to-text": "^9.0.4",
+    "@types/lodash": "^4.17.14",
+    "@types/luxon": "^3.4.2",
+    "@types/react": "^19.0.8",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^0.11.4",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "sass": "^1.83.4",
+    "storybook": "^8.5.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vitest": "^3.0.4"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "engines": {
+    "node": ">=18.18.0",
+    "yarn": ">=1.22.19"
+  },
+  "packageManager": "yarn@4.2.2",
+  "dependencies": {
+    "@anoki/fse-common": "^1.0.92",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/themes": "^3.2.1",
+    "@types/node": "^22.10.10",
+    "clsx": "^2.1.1",
+    "isomorphic-dompurify": "^2.24.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.5.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "swiper": "^11.2.6",
+    "usehooks-ts": "^3.1.1"
+  }
+}

package/readme.md

@@ -1,42 +1,42 @@
-# This is the UI Library for the [FSE Marche]
-
-Use npm to install the dependencies [Not yarn]
-
-```bash
-npm install
-```
-
-Run storybook
-
-```bash
-npm run sb
-```
-
-Use npm release to build the library and publish the package to npm:
-
-```bash
-npm run release
-```
-
-Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-patch
-```
-
-Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
-
-```bash
-npm run bump-minor
-```
-
-Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-major
-```
-
-The structure of the library is as follows:
-src/
-├── components/ # Reusable components
-├── styles/ # Global styles
+# This is the UI Library for the [FSE Marche]
+
+Use npm to install the dependencies [Not yarn]
+
+```bash
+npm install
+```
+
+Run storybook
+
+```bash
+npm run sb
+```
+
+Use npm release to build the library and publish the package to npm:
+
+```bash
+npm run release
+```
+
+Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-patch
+```
+
+Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
+
+```bash
+npm run bump-minor
+```
+
+Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-major
+```
+
+The structure of the library is as follows:
+src/
+├── components/ # Reusable components
+├── styles/ # Global styles

package/dist/index.cjs365.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs365.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":"yGAEaA,EAAe,CAC1BC,EACAC,IACG,CACHC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACD,GAAY,CAACD,EAAI,QAAS,OAEzB,MAAAG,EAAoBH,EAAI,QAAQ,iBACpC,0EACF,EACMI,EAAwBD,EAAkB,CAAC,EAC3CE,EAAuBF,EAC3BA,EAAkB,OAAS,CAC7B,EAEMG,EAAiB,GAAqB,CACtC,EAAE,MAAQ,QAEV,EAAE,SACA,SAAS,gBAAkBF,IAC7BC,EAAqB,MAAM,EAC3B,EAAE,eAAe,GAGf,SAAS,gBAAkBA,IAC7BD,EAAsB,MAAM,EAC5B,EAAE,eAAe,GAGvB,EAEMG,EAAwB,SAAS,cAEvC,OAAAH,EAAsB,MAAM,EAEnB,SAAA,iBAAiB,UAAWE,CAAa,EAE3C,IAAM,CACF,SAAA,oBAAoB,UAAWA,CAAa,EAEjDL,IACFM,GAAA,MAAAA,EAAuB,QAE3B,CAAA,EACC,CAACN,EAAUD,CAAG,CAAC,CACpB"}

package/dist/index.cjs374.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("react-dom"),f=require("./index.cjs361.js"),p=require("./index.cjs401.js"),m=require("./index.cjs196.js");function P(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=P(l);var b="Portal",i=c.forwardRef((e,r)=>{var a;const{container:t,...o}=e,[u,s]=c.useState(!1);p.useLayoutEffect(()=>s(!0),[]);const n=t||u&&((a=globalThis==null?void 0:globalThis.document)==null?void 0:a.body);return n?d.createPortal(m.jsxRuntimeExports.jsx(f.Primitive.div,{...o,ref:r}),n):null});i.displayName=b;exports.Portal=i;
-//# sourceMappingURL=index.cjs374.js.map

package/dist/index.cjs374.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs374.js","sources":["../node_modules/@radix-ui/react-portal/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/portal/src/portal.tsx\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { jsx } from \"react/jsx-runtime\";\nvar PORTAL_NAME = \"Portal\";\nvar Portal = React.forwardRef((props, forwardedRef) => {\n  const { container: containerProp, ...portalProps } = props;\n  const [mounted, setMounted] = React.useState(false);\n  useLayoutEffect(() => setMounted(true), []);\n  const container = containerProp || mounted && globalThis?.document?.body;\n  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;\n});\nPortal.displayName = PORTAL_NAME;\nvar Root = Portal;\nexport {\n  Portal,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["PORTAL_NAME","Portal","React","props","forwardedRef","containerProp","portalProps","mounted","setMounted","useLayoutEffect","container","_a","ReactDOM","jsx","Primitive"],"mappings":"ufAQA,IAAIA,EAAc,SACdC,EAASC,EAAM,WAAW,CAACC,EAAOC,IAAiB,OACrD,KAAM,CAAE,UAAWC,EAAe,GAAGC,CAAa,EAAGH,EAC/C,CAACI,EAASC,CAAU,EAAIN,EAAM,SAAS,EAAK,EAClDO,EAAAA,gBAAgB,IAAMD,EAAW,EAAI,EAAG,CAAA,CAAE,EAC1C,MAAME,EAAYL,GAAiBE,KAAWI,EAAA,mCAAY,WAAZ,YAAAA,EAAsB,MACpE,OAAOD,EAAYE,EAAS,aAA6BC,EAAG,kBAAA,IAACC,EAAS,UAAC,IAAK,CAAE,GAAGR,EAAa,IAAKF,CAAc,CAAA,EAAGM,CAAS,EAAI,IACnI,CAAC,EACDT,EAAO,YAAcD","x_google_ignoreList":[0]}

package/dist/index.cjs375.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=a(c);var r=0;function d(){s.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??u()),document.body.insertAdjacentElement("beforeend",e[1]??u()),r++,()=>{r===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),r--}},[])}function u(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}exports.useFocusGuards=d;
-//# sourceMappingURL=index.cjs375.js.map

package/dist/index.cjs375.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs375.js","sources":["../node_modules/@radix-ui/react-focus-guards/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/focus-guards/src/focus-guards.tsx\nimport * as React from \"react\";\nvar count = 0;\nfunction FocusGuards(props) {\n  useFocusGuards();\n  return props.children;\n}\nfunction useFocusGuards() {\n  React.useEffect(() => {\n    const edgeGuards = document.querySelectorAll(\"[data-radix-focus-guard]\");\n    document.body.insertAdjacentElement(\"afterbegin\", edgeGuards[0] ?? createFocusGuard());\n    document.body.insertAdjacentElement(\"beforeend\", edgeGuards[1] ?? createFocusGuard());\n    count++;\n    return () => {\n      if (count === 1) {\n        document.querySelectorAll(\"[data-radix-focus-guard]\").forEach((node) => node.remove());\n      }\n      count--;\n    };\n  }, []);\n}\nfunction createFocusGuard() {\n  const element = document.createElement(\"span\");\n  element.setAttribute(\"data-radix-focus-guard\", \"\");\n  element.tabIndex = 0;\n  element.style.outline = \"none\";\n  element.style.opacity = \"0\";\n  element.style.position = \"fixed\";\n  element.style.pointerEvents = \"none\";\n  return element;\n}\nvar Root = FocusGuards;\nexport {\n  FocusGuards,\n  Root,\n  useFocusGuards\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["count","useFocusGuards","React","edgeGuards","createFocusGuard","node","element"],"mappings":"mYAIA,IAAIA,EAAQ,EAKZ,SAASC,GAAiB,CACxBC,EAAM,UAAU,IAAM,CACpB,MAAMC,EAAa,SAAS,iBAAiB,0BAA0B,EACvE,gBAAS,KAAK,sBAAsB,aAAcA,EAAW,CAAC,GAAKC,GAAkB,EACrF,SAAS,KAAK,sBAAsB,YAAaD,EAAW,CAAC,GAAKC,GAAkB,EACpFJ,IACO,IAAM,CACPA,IAAU,GACZ,SAAS,iBAAiB,0BAA0B,EAAE,QAASK,GAASA,EAAK,QAAQ,EAEvFL,GACD,CACF,EAAE,EAAE,CACP,CACA,SAASI,GAAmB,CAC1B,MAAME,EAAU,SAAS,cAAc,MAAM,EAC7C,OAAAA,EAAQ,aAAa,yBAA0B,EAAE,EACjDA,EAAQ,SAAW,EACnBA,EAAQ,MAAM,QAAU,OACxBA,EAAQ,MAAM,QAAU,IACxBA,EAAQ,MAAM,SAAW,QACzBA,EAAQ,MAAM,cAAgB,OACvBA,CACT","x_google_ignoreList":[0]}

package/dist/index.es365.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es365.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es374.js

@@ -1,17 +0,0 @@
-import * as r from "react";
-import f from "react-dom";
-import { Primitive as u } from "./index.es361.js";
-import { useLayoutEffect as c } from "./index.es401.js";
-import { j as l } from "./index.es196.js";
-var p = "Portal", d = r.forwardRef((e, a) => {
-  var o;
-  const { container: s, ...i } = e, [m, n] = r.useState(!1);
-  c(() => n(!0), []);
-  const t = s || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
-  return t ? f.createPortal(/* @__PURE__ */ l.jsx(u.div, { ...i, ref: a }), t) : null;
-});
-d.displayName = p;
-export {
-  d as Portal
-};
-//# sourceMappingURL=index.es374.js.map

package/dist/index.es374.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es374.js","sources":["../node_modules/@radix-ui/react-portal/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/portal/src/portal.tsx\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { jsx } from \"react/jsx-runtime\";\nvar PORTAL_NAME = \"Portal\";\nvar Portal = React.forwardRef((props, forwardedRef) => {\n  const { container: containerProp, ...portalProps } = props;\n  const [mounted, setMounted] = React.useState(false);\n  useLayoutEffect(() => setMounted(true), []);\n  const container = containerProp || mounted && globalThis?.document?.body;\n  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;\n});\nPortal.displayName = PORTAL_NAME;\nvar Root = Portal;\nexport {\n  Portal,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["PORTAL_NAME","Portal","React","props","forwardedRef","containerProp","portalProps","mounted","setMounted","useLayoutEffect","container","_a","ReactDOM","jsx","Primitive"],"mappings":";;;;;AAQA,IAAIA,IAAc,UACdC,IAASC,EAAM,WAAW,CAACC,GAAOC,MAAiB;;AACrD,QAAM,EAAE,WAAWC,GAAe,GAAGC,EAAa,IAAGH,GAC/C,CAACI,GAASC,CAAU,IAAIN,EAAM,SAAS,EAAK;AAClDO,EAAAA,EAAgB,MAAMD,EAAW,EAAI,GAAG,CAAA,CAAE;AAC1C,QAAME,IAAYL,KAAiBE,OAAWI,IAAA,yCAAY,aAAZ,gBAAAA,EAAsB;AACpE,SAAOD,IAAYE,EAAS,aAA6BC,gBAAAA,EAAG,IAACC,EAAU,KAAK,EAAE,GAAGR,GAAa,KAAKF,EAAc,CAAA,GAAGM,CAAS,IAAI;AACnI,CAAC;AACDT,EAAO,cAAcD;","x_google_ignoreList":[0]}

package/dist/index.es375.js

@@ -1,18 +0,0 @@
-import * as r from "react";
-var t = 0;
-function a() {
-  r.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
-      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
-    };
-  }, []);
-}
-function n() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
-}
-export {
-  a as useFocusGuards
-};
-//# sourceMappingURL=index.es375.js.map

package/dist/index.es375.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es375.js","sources":["../node_modules/@radix-ui/react-focus-guards/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/focus-guards/src/focus-guards.tsx\nimport * as React from \"react\";\nvar count = 0;\nfunction FocusGuards(props) {\n  useFocusGuards();\n  return props.children;\n}\nfunction useFocusGuards() {\n  React.useEffect(() => {\n    const edgeGuards = document.querySelectorAll(\"[data-radix-focus-guard]\");\n    document.body.insertAdjacentElement(\"afterbegin\", edgeGuards[0] ?? createFocusGuard());\n    document.body.insertAdjacentElement(\"beforeend\", edgeGuards[1] ?? createFocusGuard());\n    count++;\n    return () => {\n      if (count === 1) {\n        document.querySelectorAll(\"[data-radix-focus-guard]\").forEach((node) => node.remove());\n      }\n      count--;\n    };\n  }, []);\n}\nfunction createFocusGuard() {\n  const element = document.createElement(\"span\");\n  element.setAttribute(\"data-radix-focus-guard\", \"\");\n  element.tabIndex = 0;\n  element.style.outline = \"none\";\n  element.style.opacity = \"0\";\n  element.style.position = \"fixed\";\n  element.style.pointerEvents = \"none\";\n  return element;\n}\nvar Root = FocusGuards;\nexport {\n  FocusGuards,\n  Root,\n  useFocusGuards\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["count","useFocusGuards","React","edgeGuards","createFocusGuard","node","element"],"mappings":";AAIA,IAAIA,IAAQ;AAKZ,SAASC,IAAiB;AACxB,EAAAC,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAa,SAAS,iBAAiB,0BAA0B;AACvE,oBAAS,KAAK,sBAAsB,cAAcA,EAAW,CAAC,KAAKC,GAAkB,GACrF,SAAS,KAAK,sBAAsB,aAAaD,EAAW,CAAC,KAAKC,GAAkB,GACpFJ,KACO,MAAM;AACX,MAAIA,MAAU,KACZ,SAAS,iBAAiB,0BAA0B,EAAE,QAAQ,CAACK,MAASA,EAAK,QAAQ,GAEvFL;AAAA,IACD;AAAA,EACF,GAAE,EAAE;AACP;AACA,SAASI,IAAmB;AAC1B,QAAME,IAAU,SAAS,cAAc,MAAM;AAC7C,SAAAA,EAAQ,aAAa,0BAA0B,EAAE,GACjDA,EAAQ,WAAW,GACnBA,EAAQ,MAAM,UAAU,QACxBA,EAAQ,MAAM,UAAU,KACxBA,EAAQ,MAAM,WAAW,SACzBA,EAAQ,MAAM,gBAAgB,QACvBA;AACT;","x_google_ignoreList":[0]}