@televet/kibble-ui 4.0.0-beta.38 → 4.0.0-beta.4

package/package.json

@@ -1,132 +1,50 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.38",
+  "version": "4.0.0-beta.4",
   "type": "module",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
-  "bin": {
-    "kibble-generate-theme": "./dist/esm/cli/generate-theme-types.js",
-    "kibble-postinstall": "./dist/esm/cli/postinstall.js"
-  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "dist/esm/cli"
+    "dist"
   ],
-  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./*": {
+      "types": "./dist/*/index.d.ts",
+      "import": "./dist/*/index.es.js",
+      "require": "./dist/*/index.cjs.js"
+    },
+    "./*/*": {
+      "types": "./dist/*/*/index.d.ts",
+      "import": "./dist/*/*/index.es.js",
+      "require": "./dist/*/*/index.cjs.js"
+    }
+  },
   "scripts": {
-    "build": "npm run generate:theme && npm run generate:icons && npm run generate:logos && npm run build:documentation && tsc -b && tsc -p tsconfig.cli.json && vite build && chmod +x ./dist/esm/cli/*.js",
+    "build": "npm run generate:theme && npm run generate:icons && npm run build:documentation && tsc -b && vite build",
     "build:documentation": "storybook build -o docs --quiet",
-    "build-storybook": "npm run generate:icons && npm run generate:logos && storybook build",
+    "build-storybook": "npm run generate:icons && storybook build",
     "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
     "create:component": "npx plop component",
-    "deploy": "gh-pages -d dist",
+    "deploy": "gh-pages -d build",
     "format": "npx prettier --write --parser typescript '**/*.{ts,tsx}'",
     "generate:icons": "npx rimraf src/components/Icon/generated && npx @svgr/cli src/assets/icons --config-file svgr.config.mjs",
-    "generate:logos": "npx rimraf src/components/Logo/generated && npx @svgr/cli src/assets/logos --config-file svgr-logo.config.mjs",
     "generate:theme": "npx @chakra-ui/cli typegen ./src/theme/theme.config.ts",
     "lint": "eslint --fix ./src/",
     "predeploy": "npm run build",
     "prepare": "husky",
     "publishBeta": "npm run build && npm publish --tag beta",
-    "start": "npm run generate:icons & npm run generate:logos & npm run theme:watch & storybook dev -p 6006",
-    "test-storybook": "npm run generate:icons && npm run generate:logos && vitest --project=storybook",
+    "start": "npm run generate:icons & npm run theme:watch & storybook dev -p 6006",
+    "test-storybook": "test-storybook",
+    "test:watch": "test-storybook --watch",
     "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
   },
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/cjs/index.cjs"
-      }
-    },
-    "./theme": {
-      "import": {
-        "types": "./dist/types/theme/index.d.ts",
-        "default": "./dist/esm/theme/index.js"
-      },
-      "require": {
-        "types": "./dist/types/theme/index.d.ts",
-        "default": "./dist/cjs/theme/index.cjs"
-      }
-    },
-    "./theme/*": {
-      "import": {
-        "types": "./dist/types/theme/*.d.ts",
-        "default": "./dist/esm/theme/*.js"
-      },
-      "require": {
-        "types": "./dist/types/theme/*.d.ts",
-        "default": "./dist/cjs/theme/*.cjs"
-      }
-    },
-    "./chakra": {
-      "import": {
-        "types": "./dist/types/chakra/index.d.ts",
-        "default": "./dist/esm/chakra/index.js"
-      },
-      "require": {
-        "types": "./dist/types/chakra/index.d.ts",
-        "default": "./dist/cjs/chakra/index.cjs"
-      }
-    },
-    "./*": {
-      "import": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/esm/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/cjs/components/*/index.cjs"
-      }
-    },
-    "./components/*": {
-      "import": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/esm/components/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/components/*/index.d.ts",
-        "default": "./dist/cjs/components/*/index.cjs"
-      }
-    },
-    "./hocs/*": {
-      "import": {
-        "types": "./dist/types/hocs/*/index.d.ts",
-        "default": "./dist/esm/hocs/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/hocs/*/index.d.ts",
-        "default": "./dist/cjs/hocs/*/index.cjs"
-      }
-    },
-    "./hooks/*": {
-      "import": {
-        "types": "./dist/types/hooks/*/index.d.ts",
-        "default": "./dist/esm/hooks/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/hooks/*/index.d.ts",
-        "default": "./dist/cjs/hooks/*/index.cjs"
-      }
-    },
-    "./shared/*": {
-      "import": {
-        "types": "./dist/types/shared/*/index.d.ts",
-        "default": "./dist/esm/shared/*/index.js"
-      },
-      "require": {
-        "types": "./dist/types/shared/*/index.d.ts",
-        "default": "./dist/cjs/shared/*/index.cjs"
-      }
-    },
-    "./package.json": "./package.json"
-  },
   "lint-staged": {
     "*.{ts,tsx}": [
       "npm run format",
@@ -139,57 +57,57 @@
     ]
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^3.19.2",
-    "@chromatic-com/storybook": "^4.0.0",
-    "@emotion/react": "^11.14.0",
+    "@chakra-ui/cli": "^3.14.2",
+    "@chromatic-com/storybook": "^3.2.6",
     "@eslint/js": "^9.21.0",
-    "@storybook/addon-a11y": "^9.0.1",
-    "@storybook/addon-docs": "^9.0.1",
-    "@storybook/addon-onboarding": "^9.0.1",
-    "@storybook/addon-themes": "^9.0.1",
-    "@storybook/addon-vitest": "^9.0.1",
-    "@storybook/react-vite": "^9.0.1",
+    "@storybook/addon-a11y": "^8.6.11",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-docs": "^8.6.11",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.11",
+    "@storybook/addon-themes": "^8.6.11",
+    "@storybook/blocks": "^8.6.11",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-vite": "^8.6.11",
+    "@storybook/test": "^8.6.11",
     "@storybook/test-runner": "^0.22.0",
     "@televet/prettier-config": "^1.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.10",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-v8": "^3.1.4",
     "chromatic": "^11.27.0",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.1",
+    "eslint-plugin-storybook": "^0.12.0",
     "gh-pages": "^6.3.0",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.5.0",
-    "playwright": "^1.52.0",
     "plop": "^4.0.1",
     "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^9.0.1",
+    "storybook": "^8.6.11",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.4"
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.14.0",
     "date-fns": "^4.1.0",
     "lodash-es": "^4.17.21",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.14.2",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@emotion/react": "^11.14.0",
     "next-themes": "^0.4.6"
   }
 }

package/dist/chunks/IconLogo-C4aZqkn1.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./jsx-runtime-BjDatQAs.js"),t=require("react"),x=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 200 71",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"})]}),i=t.forwardRef(x),w=({color:o="currentColor",height:e="100%",width:n="100%",title:s,titleId:r},l)=>c.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 59 60",height:e,width:n,ref:l,"aria-labelledby":r,children:[s?c.jsxRuntimeExports.jsx("title",{id:r,children:s}):null,c.jsxRuntimeExports.jsx("path",{fill:o,d:"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"})]}),a=t.forwardRef(w);exports.ForwardRef=i;exports.ForwardRef$1=a;
-//# sourceMappingURL=IconLogo-C4aZqkn1.js.map

package/dist/chunks/IconLogo-C4aZqkn1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconLogo-C4aZqkn1.js","sources":["../../src/components/Logo/generated/FullLogo.tsx","../../src/components/Logo/generated/IconLogo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgFullLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 200 71\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgFullLogo);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgIconLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 59 60\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgIconLogo);\nexport default ForwardRef;\n"],"names":["SvgFullLogo","color","height","width","title","titleId","ref","jsxs","jsx","ForwardRef","forwardRef","SvgIconLogo"],"mappings":"6EASMA,EAAc,CAClB,CACE,MAAAC,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,aACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,wsEAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWV,CAAW,EC1BnCW,EAAc,CAClB,CACE,MAAAV,EAAQ,eACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,MAAAC,EACA,QAAAC,CACF,EACAC,IAEAC,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,OAAAL,EACA,MAAAC,EACA,IAAAG,EACA,kBAAiBD,EAEhB,SAAA,CAAAD,EAASI,EAAAA,kBAAAA,IAAA,QAAA,CAAM,GAAIH,EAAU,UAAM,CAAA,EAAW,KAC/CG,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMP,EACN,EAAE,g+BAAA,CAAA,CACJ,CAAA,CACF,EAEIQ,EAAaC,aAAWC,CAAW"}

package/dist/chunks/IconLogo-D8EHZ4Is.js

@@ -1,62 +0,0 @@
-import { j as c } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as a } from "react";
-const i = ({
-  color: l = "currentColor",
-  height: r = "100%",
-  width: n = "100%",
-  title: o,
-  titleId: s
-}, e) => /* @__PURE__ */ c.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 200 71",
-    height: r,
-    width: n,
-    ref: e,
-    "aria-labelledby": s,
-    children: [
-      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
-      /* @__PURE__ */ c.jsx(
-        "path",
-        {
-          fill: l,
-          d: "M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566"
-        }
-      )
-    ]
-  }
-), M = a(i), t = ({
-  color: l = "currentColor",
-  height: r = "100%",
-  width: n = "100%",
-  title: o,
-  titleId: s
-}, e) => /* @__PURE__ */ c.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 59 60",
-    height: r,
-    width: n,
-    ref: e,
-    "aria-labelledby": s,
-    children: [
-      o ? /* @__PURE__ */ c.jsx("title", { id: s, children: o }) : null,
-      /* @__PURE__ */ c.jsx(
-        "path",
-        {
-          fill: l,
-          d: "M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49"
-        }
-      )
-    ]
-  }
-), d = a(t);
-export {
-  M as F,
-  d as a
-};
-//# sourceMappingURL=IconLogo-D8EHZ4Is.js.map

package/dist/chunks/IconLogo-D8EHZ4Is.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconLogo-D8EHZ4Is.js","sources":["../../src/components/Logo/generated/FullLogo.tsx","../../src/components/Logo/generated/IconLogo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgFullLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 200 71\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M190.836 24.686c-3.569 3.67-9.07 5.107-13.026-.616-2-2.94-1-7.774 1.978-10.42 4.706-4.195 12.548-5.768 14.208.799.932 3.67-1.023 8.048-3.16 10.237M147.122 19.556c-5.024.023-7.365-2.645-6.865-8.436.341-3.967 2.819-7.798 7.206-7.593 4.319-.182 6.706 5.381 6.706 8.984 0 3.739-2.296 7.182-7.047 7.045M199.951 37.773c-.545 4.56-4.228 7.342-7.979 7.798-4 .502-7.979-1.642-8.024-7.228-.091-4.377 3.933-7.045 7.979-7.364 4.069-.32 8.593 2.234 8.024 6.794M167.308.085c-4.615.866-7.501 5.472-8.365 9.097-.978 4.104.454 8.322 6.069 9.69 3.455.82 8.025-1.756 8.979-5.609 1.91-6.43-1.477-14.159-6.683-13.178M24.596 22.497c-7.16 0-13.32 2.326-17.776 6.703C2.364 33.6 0 39.643 0 46.71c0 7.023 2.364 13.042 6.82 17.42 4.455 4.378 10.616 6.703 17.776 6.703 7.138 0 13.276-2.325 17.754-6.703 4.478-4.377 6.865-10.42 6.865-17.42 0-7.044-2.364-13.11-6.865-17.51-4.478-4.4-10.616-6.703-17.754-6.703m12.957 24.191c0 8.048-5.205 13.475-12.957 13.475-7.751 0-12.957-5.426-12.957-13.475 0-8.117 5.206-13.566 12.957-13.566s12.957 5.45 12.957 13.566M84.768 54.258c-1.796 0-3.364.889-4.41 2.508-1.387 2.211-3.5 3.397-6.138 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.729-2.074 5.729-5.266 0-3.306-2.182-5.358-5.729-5.358H67.423V14.29c0-3.762-2.182-6.11-5.728-6.11s-5.729 2.348-5.729 6.11V52.16c0 11.697 6.638 18.673 17.777 18.673 7.41 0 12.98-2.918 15.662-8.185.319-.661.728-1.71.728-2.987 0-3.237-2.16-5.403-5.365-5.403M123.003 54.258c-1.796 0-3.364.889-4.41 2.508-1.386 2.211-3.5 3.397-6.137 3.397-4.319 0-6.797-2.827-6.797-7.752V34.26h14.935c3.478 0 5.728-2.074 5.728-5.266 0-3.306-2.182-5.358-5.728-5.358h-14.935V14.29c0-3.762-2.183-6.11-5.729-6.11s-5.728 2.348-5.728 6.11V52.16c0 11.697 6.638 18.673 17.776 18.673 7.411 0 12.98-2.918 15.663-8.185.318-.661.727-1.71.727-2.987-.023-3.237-2.159-5.403-5.365-5.403M173.65 29.2c-4.478-4.377-10.615-6.703-17.753-6.703-7.161 0-13.321 2.326-17.777 6.703-4.455 4.4-6.819 10.443-6.819 17.51 0 7.023 2.364 13.042 6.819 17.42 4.456 4.378 10.616 6.703 17.777 6.703 7.138 0 13.275-2.325 17.753-6.703 4.479-4.377 6.865-10.42 6.865-17.42-.022-7.067-2.386-13.11-6.865-17.51m-4.773 17.488c0 8.048-5.206 13.475-12.958 13.475s-12.957-5.426-12.957-13.475c0-8.117 5.206-13.566 12.957-13.566 7.729 0 12.958 5.45 12.958 13.566\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgFullLogo);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { Ref, forwardRef } from \"react\";\ninterface SVGRProps {\n  color?: string;\n  height?: string;\n  width?: string;\n  title?: string;\n  titleId?: string;\n}\nconst SvgIconLogo = (\n  {\n    color = \"currentColor\",\n    height = \"100%\",\n    width = \"100%\",\n    title,\n    titleId,\n  }: SVGRProps,\n  ref: Ref<SVGSVGElement>\n): React.JSX.Element => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 59 60\"\n    height={height}\n    width={width}\n    ref={ref}\n    aria-labelledby={titleId}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={color}\n      d=\"M50.58 20.91c-3.032 3.11-7.705 4.327-11.066-.521-1.7-2.491-.85-6.586 1.68-8.826 3.998-3.554 10.661-4.886 12.071.676.792 3.11-.869 6.817-2.684 8.671M13.442 16.565c-4.268.02-6.257-2.24-5.833-7.146.29-3.36 2.395-6.605 6.123-6.431 3.67-.155 5.697 4.558 5.697 7.61 0 3.167-1.95 6.083-5.987 5.967M58.326 31.996c-.464 3.863-3.593 6.219-6.78 6.605-3.398.425-6.778-1.39-6.817-6.122-.077-3.708 3.341-5.968 6.779-6.238 3.457-.27 7.3 1.893 6.817 5.755M30.592.072c-3.92.734-6.373 4.635-7.107 7.706-.83 3.476.386 7.049 5.157 8.208 2.935.695 6.817-1.488 7.628-4.751C37.892 5.788 35.015-.76 30.592.072M35.98 24.734c-3.804-3.708-9.019-5.678-15.083-5.678-6.084 0-11.318 1.97-15.103 5.678C2.009 28.462 0 33.58 0 39.567c0 5.948 2.009 11.047 5.794 14.755S14.814 60 20.897 60c6.064 0 11.279-1.97 15.083-5.678s5.833-8.826 5.833-14.755c-.02-5.987-2.028-11.105-5.833-14.833m-4.056 14.813c0 6.818-4.422 11.415-11.008 11.415S9.908 46.365 9.908 39.547c0-6.875 4.422-11.49 11.008-11.49 6.566 0 11.008 4.615 11.008 11.49\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SvgIconLogo);\nexport default ForwardRef;\n"],"names":["SvgFullLogo","color","height","width","title","titleId","ref","jsxs","jsx","ForwardRef","forwardRef","SvgIconLogo"],"mappings":";;AASA,MAAMA,IAAc,CAClB;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,SAAAC;AACF,GACAC,MAEAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAAC;AAAA,IACA,KAAAG;AAAA,IACA,mBAAiBD;AAAA,IAEhB,UAAA;AAAA,MAAAD,IAASI,gBAAAA,EAAAA,IAAA,SAAA,EAAM,IAAIH,GAAU,YAAM,CAAA,IAAW;AAAA,MAC/CG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMP;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAEIQ,IAAaC,EAAWV,CAAW,GC1BnCW,IAAc,CAClB;AAAA,EACE,OAAAV,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,SAAAC;AACF,GACAC,MAEAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAAC;AAAA,IACA,KAAAG;AAAA,IACA,mBAAiBD;AAAA,IAEhB,UAAA;AAAA,MAAAD,IAASI,gBAAAA,EAAAA,IAAA,SAAA,EAAM,IAAIH,GAAU,YAAM,CAAA,IAAW;AAAA,MAC/CG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMP;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAEIQ,IAAaC,EAAWC,CAAW;"}

package/dist/chunks/alert.component-BKzdx_cY.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),j=require("react"),E=require("./heading.component--ic7O4CR.js"),_=require("./icon.component-4aaCABoX.js"),b=require("./text.component-nwRL3NcQ.js"),R=require("./button.component-ytAmAAJg.js"),v=require("./box-ca2FvcWF.js"),w=require("./flex-DKWxn8hO.js"),h=require("./factory-CkTX_WOU.js"),k=require("./create-slot-recipe-context-D-pJ8fgs.js"),c=require("./icons-BVYVhH49.js"),C=t=>t&&t.__esModule?t:{default:t},I=C(j),[S,q]=h.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:y,withContext:p,useStyles:N}=k.createSlotRecipeContext({key:"alert"}),B=y("div","root",{forwardAsChild:!0,wrapElement(t,n){return e.jsxRuntimeExports.jsx(S,{value:{status:n.status||"info"},children:t})}}),W=p("div","title"),z=p("div","description"),T=p("div","content"),D={info:c.InfoIcon,warning:c.WarningIcon,success:c.CheckCircleIcon,error:c.WarningIcon,neutral:c.InfoIcon},F=j.forwardRef(function(n,o){const i=q(),a=N(),l=typeof i.status=="string"?D[i.status]:j.Fragment,{children:x=e.jsxRuntimeExports.jsx(l,{}),...s}=n;return e.jsxRuntimeExports.jsx(h.chakra.span,{ref:o,...s,css:[a.indicator,n.css],children:x})}),L={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},M={default:"default",error:"danger",info:"info",success:"success",warning:"warning"},m=({buttonPosition:t="topRight",buttonText:n,status:o,...i})=>e.jsxRuntimeExports.jsx(v.Box,{className:"Alert__Button","data-testid":"kibble-alert-button",...t==="bottomLeft"&&{pt:2,pb:1},children:e.jsxRuntimeExports.jsx(R.Button,{size:"xs",variant:o==="default"?"primary":"secondary",w:"max-content",...i,children:n})}),H=({buttonProps:t,description:n,descriptionProps:o,hideCloseButton:i=!1,hideIcon:a=!1,iconProps:l,onClose:x,onContrast:s=!1,status:r="success",title:u,titleProps:g,...A})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const d=t&&t.buttonPosition==="topRight",f=d?w.Flex:I.default.Fragment;return e.jsxRuntimeExports.jsxs(B,{className:"Alert","data-testid":"kibble-alert",...A,variant:r,hideIcon:a,onContrast:s,children:[!a&&e.jsxRuntimeExports.jsx(F,{className:"Alert__Icon","data-testid":"kibble-alert-icon",children:e.jsxRuntimeExports.jsx(_.Icon,{variant:s?"onContrast":M[r],name:l?.name||L[r],size:"lg",...l})}),e.jsxRuntimeExports.jsxs(T,{className:"Alert__Content","data-testid":"kibble-alert-content",children:[u&&e.jsxRuntimeExports.jsxs(f,{...d&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(W,{className:"Alert__Title","data-testid":"kibble-alert-title",children:e.jsxRuntimeExports.jsx(E.WrappedHeading,{size:"sm",variant:s?"onContrast":"default",...g,children:u})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:s,...t})]}),n&&e.jsxRuntimeExports.jsxs(f,{...d&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(z,{className:"Alert__Description","data-testid":"kibble-alert-description",children:typeof n=="string"?e.jsxRuntimeExports.jsx(b.WrappedText,{size:"md",variant:s?"onContrast":"default",...o,children:n}):n}),t&&t.buttonPosition==="topRight"&&!u&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:s,...t})]}),t?.buttonPosition==="bottomLeft"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:s,...t})]}),!i&&e.jsxRuntimeExports.jsx(R.Button,{iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:s,onClick:x})]})};exports.Alert=H;
-//# sourceMappingURL=alert.component-BKzdx_cY.js.map

package/dist/chunks/alert.component-BKzdx_cY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.component-BKzdx_cY.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/alert.records.ts","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import { IconName } from \"components/Icon/icon.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { Status } from \"shared/types/status\";\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n  error: \"warningSign\",\n  warning: \"warningSign\",\n  success: \"checkmark\",\n  info: \"infoCircle\",\n  default: \"infoCircle\",\n};\n\nexport const AlertStatusToIconVariant: Record<Status, TypographyVariant> = {\n  default: \"default\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n","import React from \"react\";\nimport { AlertButtonPosition } from \"components/Alert/alert.types\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Status } from \"shared/types/status\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface AlertButtonProps extends Omit<ButtonProps, \"children\"> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = \"topRight\",\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === \"bottomLeft\" && { pt: 2, pb: 1 })}\n    >\n      <Button\n        size=\"xs\"\n        variant={status === \"default\" ? \"primary\" : \"secondary\"}\n        w=\"max-content\"\n        {...rest}\n      >\n        {buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport { Alert as CAlert } from \"@chakra-ui/react/alert\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { Status } from \"shared/types/status\";\nimport { Button } from \"components/Button/button.component\";\nimport { AlertStatusIcon, AlertStatusToIconVariant } from \"./alert.records\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport {\n  AlertButton,\n  AlertButtonProps,\n} from \"./components/AlertButton/alertButton.component\";\n\nexport interface AlertProps\n  extends Omit<\n    CAlert.RootProps,\n    \"title\" | \"status\" | \"children\" | \"variant\" | \"size\"\n  > {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = \"success\",\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = \"topRight\";\n  }\n  const isTopRightButton =\n    buttonProps && buttonProps.buttonPosition === \"topRight\";\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator\n          className=\"Alert__Icon\"\n          data-testid=\"kibble-alert-icon\"\n        >\n          <Icon\n            variant={\n              onContrast ? \"onContrast\" : AlertStatusToIconVariant[status]\n            }\n            name={iconProps?.name || AlertStatusIcon[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content\n        className=\"Alert__Content\"\n        data-testid=\"kibble-alert-content\"\n      >\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Title\n              className=\"Alert__Title\"\n              data-testid=\"kibble-alert-title\"\n            >\n              <Heading\n                size=\"sm\"\n                variant={onContrast ? \"onContrast\" : \"default\"}\n                {...titleProps}\n              >\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === \"topRight\" && (\n              <AlertButton\n                status={status}\n                onContrast={onContrast}\n                {...buttonProps}\n              />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper\n            {...(isTopRightButton && { justifyContent: \"space-between\" })}\n          >\n            <CAlert.Description\n              className=\"Alert__Description\"\n              data-testid=\"kibble-alert-description\"\n            >\n              {typeof description === \"string\" ? (\n                <Text\n                  size=\"md\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                  {...descriptionProps}\n                >\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps &&\n              buttonProps.buttonPosition === \"topRight\" &&\n              !title && (\n                <AlertButton\n                  status={status}\n                  onContrast={onContrast}\n                  {...buttonProps}\n                />\n              )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === \"bottomLeft\" && (\n          <AlertButton\n            status={status}\n            onContrast={onContrast}\n            {...buttonProps}\n          />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertStatusIcon","AlertStatusToIconVariant","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/alert.component-Dz9izFQV.js

@@ -1,223 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import v, { forwardRef as w, Fragment as k } from "react";
-import { W as b } from "./heading.component-E5shs3Uo.js";
-import { I as C } from "./icon.component-BmcWaysM.js";
-import { W as I } from "./text.component-DHUP6rVA.js";
-import { B as A } from "./button.component-BWlRjD5a.js";
-import { B as _ } from "./box-y05hq0PT.js";
-import { F as R } from "./flex-C2d2LH-K.js";
-import { a as S, c as y } from "./factory-gZxMesut.js";
-import { c as N } from "./create-slot-recipe-context-DJkLYvCT.js";
-import { I as h, W as p, a as B } from "./icons-grAfs3Oz.js";
-const [W, z] = S({
-  name: "AlertStatusContext",
-  hookName: "useAlertStatusContext",
-  providerName: "<Alert />"
-}), {
-  withProvider: T,
-  withContext: x,
-  useStyles: F
-} = N({ key: "alert" }), D = T(
-  "div",
-  "root",
-  {
-    forwardAsChild: !0,
-    wrapElement(e, s) {
-      return (
-        // @ts-ignore fix later
-        /* @__PURE__ */ t.jsx(W, { value: { status: s.status || "info" }, children: e })
-      );
-    }
-  }
-), E = x(
-  "div",
-  "title"
-), L = x("div", "description"), H = x(
-  "div",
-  "content"
-), M = {
-  info: h,
-  warning: p,
-  success: B,
-  error: p,
-  neutral: h
-}, V = w(
-  function(s, a) {
-    const r = z(), o = F(), c = typeof r.status == "string" ? M[r.status] : k, { children: l = /* @__PURE__ */ t.jsx(c, {}), ...i } = s;
-    return /* @__PURE__ */ t.jsx(y.span, { ref: a, ...i, css: [o.indicator, s.css], children: l });
-  }
-), q = {
-  error: "warningSign",
-  warning: "warningSign",
-  success: "checkmark",
-  info: "infoCircle",
-  default: "infoCircle"
-}, G = {
-  default: "default",
-  error: "danger",
-  info: "info",
-  success: "success",
-  warning: "warning"
-}, f = ({
-  buttonPosition: e = "topRight",
-  buttonText: s,
-  status: a,
-  ...r
-}) => /* @__PURE__ */ t.jsx(
-  _,
-  {
-    className: "Alert__Button",
-    "data-testid": "kibble-alert-button",
-    ...e === "bottomLeft" && { pt: 2, pb: 1 },
-    children: /* @__PURE__ */ t.jsx(
-      A,
-      {
-        size: "xs",
-        variant: a === "default" ? "primary" : "secondary",
-        w: "max-content",
-        ...r,
-        children: s
-      }
-    )
-  }
-), et = ({
-  buttonProps: e,
-  description: s,
-  descriptionProps: a,
-  hideCloseButton: r = !1,
-  hideIcon: o = !1,
-  iconProps: c,
-  onClose: l,
-  onContrast: i = !1,
-  status: n = "success",
-  title: d,
-  titleProps: g,
-  ...j
-}) => {
-  e && !e.buttonPosition && (e.buttonPosition = "topRight");
-  const m = e && e.buttonPosition === "topRight", u = m ? R : v.Fragment;
-  return /* @__PURE__ */ t.jsxs(
-    D,
-    {
-      className: "Alert",
-      "data-testid": "kibble-alert",
-      ...j,
-      variant: n,
-      hideIcon: o,
-      onContrast: i,
-      children: [
-        !o && /* @__PURE__ */ t.jsx(
-          V,
-          {
-            className: "Alert__Icon",
-            "data-testid": "kibble-alert-icon",
-            children: /* @__PURE__ */ t.jsx(
-              C,
-              {
-                variant: i ? "onContrast" : G[n],
-                name: c?.name || q[n],
-                size: "lg",
-                ...c
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          H,
-          {
-            className: "Alert__Content",
-            "data-testid": "kibble-alert-content",
-            children: [
-              d && /* @__PURE__ */ t.jsxs(
-                u,
-                {
-                  ...m && { justifyContent: "space-between" },
-                  children: [
-                    /* @__PURE__ */ t.jsx(
-                      E,
-                      {
-                        className: "Alert__Title",
-                        "data-testid": "kibble-alert-title",
-                        children: /* @__PURE__ */ t.jsx(
-                          b,
-                          {
-                            size: "sm",
-                            variant: i ? "onContrast" : "default",
-                            ...g,
-                            children: d
-                          }
-                        )
-                      }
-                    ),
-                    e && e.buttonPosition === "topRight" && /* @__PURE__ */ t.jsx(
-                      f,
-                      {
-                        status: n,
-                        onContrast: i,
-                        ...e
-                      }
-                    )
-                  ]
-                }
-              ),
-              s && /* @__PURE__ */ t.jsxs(
-                u,
-                {
-                  ...m && { justifyContent: "space-between" },
-                  children: [
-                    /* @__PURE__ */ t.jsx(
-                      L,
-                      {
-                        className: "Alert__Description",
-                        "data-testid": "kibble-alert-description",
-                        children: typeof s == "string" ? /* @__PURE__ */ t.jsx(
-                          I,
-                          {
-                            size: "md",
-                            variant: i ? "onContrast" : "default",
-                            ...a,
-                            children: s
-                          }
-                        ) : s
-                      }
-                    ),
-                    e && e.buttonPosition === "topRight" && !d && /* @__PURE__ */ t.jsx(
-                      f,
-                      {
-                        status: n,
-                        onContrast: i,
-                        ...e
-                      }
-                    )
-                  ]
-                }
-              ),
-              e?.buttonPosition === "bottomLeft" && /* @__PURE__ */ t.jsx(
-                f,
-                {
-                  status: n,
-                  onContrast: i,
-                  ...e
-                }
-              )
-            ]
-          }
-        ),
-        !r && /* @__PURE__ */ t.jsx(
-          A,
-          {
-            iconName: "close",
-            size: "xs",
-            variant: "ghostNeutral",
-            onContrast: i,
-            onClick: l
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  et as A
-};
-//# sourceMappingURL=alert.component-Dz9izFQV.js.map