@thunderid/react 0.11.2 → 0.11.4

package/dist/components/primitives/Icons/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","names":["Info: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/Info.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * Info icon component.\n */\nconst Info: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n);\n\nexport default Info;\n"],"mappings":";;;;;;AAuBA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC;GAAO,IAAG;GAAK,IAAG;GAAK,GAAE;IAAO;EACjC,oBAAC,UAAK,GAAE,cAAc;EACtB,oBAAC,UAAK,GAAE,cAAc;;EAClB;AAGR,mBAAe"}
+{"version":3,"file":"Info.js","names":["Info: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/Info.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * Info icon component.\n */\nconst Info: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n);\n\nexport default Info;\n"],"mappings":";;;;;;AAQA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC;GAAO,IAAG;GAAK,IAAG;GAAK,GAAE;IAAO;EACjC,oBAAC,UAAK,GAAE,cAAc;EACtB,oBAAC,UAAK,GAAE,cAAc;;EAClB;AAGR,mBAAe"}

package/dist/components/primitives/Icons/LogOut.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC, SVGProps } from 'react';
 /**
  * LogOut icon component.

package/dist/components/primitives/Icons/LogOut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogOut.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/LogOut.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAiBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"LogOut.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/LogOut.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAiBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/primitives/Icons/LogOut.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogOut.js","names":["LogOut: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/LogOut.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * LogOut icon component.\n */\nconst LogOut: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m16 17 5-5-5-5\" />\n    <path d=\"M21 12H9\" />\n    <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n  </svg>\n);\n\nexport default LogOut;\n"],"mappings":";;;;;;AAuBA,MAAMA,UAAuC,UAC3C,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC,UAAK,GAAE,mBAAmB;EAC3B,oBAAC,UAAK,GAAE,aAAa;EACrB,oBAAC,UAAK,GAAE,4CAA4C;;EAChD;AAGR,qBAAe"}
+{"version":3,"file":"LogOut.js","names":["LogOut: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/LogOut.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * LogOut icon component.\n */\nconst LogOut: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m16 17 5-5-5-5\" />\n    <path d=\"M21 12H9\" />\n    <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n  </svg>\n);\n\nexport default LogOut;\n"],"mappings":";;;;;;AAQA,MAAMA,UAAuC,UAC3C,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC,UAAK,GAAE,mBAAmB;EAC3B,oBAAC,UAAK,GAAE,aAAa;EACrB,oBAAC,UAAK,GAAE,4CAA4C;;EAChD;AAGR,qBAAe"}

package/dist/components/primitives/Icons/Plus.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC, SVGProps } from 'react';
 /**
  * Plus (add) icon component.

package/dist/components/primitives/Icons/Plus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/Plus.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/Plus.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/primitives/Icons/Plus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plus.js","names":["Plus: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/Plus.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * Plus (add) icon component.\n */\nconst Plus: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M5 12h14\" />\n    <path d=\"M12 5v14\" />\n  </svg>\n);\n\nexport default Plus;\n"],"mappings":";;;;;;AAuBA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,aAAa,EACrB,oBAAC,UAAK,GAAE,aAAa;EACjB;AAGR,mBAAe"}
+{"version":3,"file":"Plus.js","names":["Plus: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/Plus.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * Plus (add) icon component.\n */\nconst Plus: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M5 12h14\" />\n    <path d=\"M12 5v14\" />\n  </svg>\n);\n\nexport default Plus;\n"],"mappings":";;;;;;AAQA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,aAAa,EACrB,oBAAC,UAAK,GAAE,aAAa;EACjB;AAGR,mBAAe"}

package/dist/components/primitives/Icons/TriangleAlert.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC, SVGProps } from 'react';
 /**
  * TriangleAlert icon component.

package/dist/components/primitives/Icons/TriangleAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriangleAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/TriangleAlert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriangleAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/TriangleAlert.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/primitives/Icons/TriangleAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriangleAlert.js","names":["TriangleAlert: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/TriangleAlert.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * TriangleAlert icon component.\n */\nconst TriangleAlert: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n);\n\nexport default TriangleAlert;\n"],"mappings":";;;;;;AAuBA,MAAMA,iBAA8C,UAClD,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC,UAAK,GAAE,6EAA6E;EACrF,oBAAC,UAAK,GAAE,YAAY;EACpB,oBAAC,UAAK,GAAE,eAAe;;EACnB;AAGR,4BAAe"}
+{"version":3,"file":"TriangleAlert.js","names":["TriangleAlert: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/TriangleAlert.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * TriangleAlert icon component.\n */\nconst TriangleAlert: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n);\n\nexport default TriangleAlert;\n"],"mappings":";;;;;;AAQA,MAAMA,iBAA8C,UAClD,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,oBAAC,UAAK,GAAE,6EAA6E;EACrF,oBAAC,UAAK,GAAE,YAAY;EACpB,oBAAC,UAAK,GAAE,eAAe;;EACnB;AAGR,4BAAe"}

package/dist/components/primitives/Icons/User.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC, SVGProps } from 'react';
 /**
  * User icon component.

package/dist/components/primitives/Icons/User.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/User.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/User.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/primitives/Icons/User.js.map

@@ -1 +1 @@
-{"version":3,"file":"User.js","names":["User: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/User.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * User icon component.\n */\nconst User: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" />\n    <circle cx=\"12\" cy=\"7\" r=\"4\" />\n  </svg>\n);\n\nexport default User;\n"],"mappings":";;;;;;AAuBA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,8CAA8C,EACtD,oBAAC;EAAO,IAAG;EAAK,IAAG;EAAI,GAAE;GAAM;EAC3B;AAGR,mBAAe"}
+{"version":3,"file":"User.js","names":["User: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/User.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * User icon component.\n */\nconst User: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\" />\n    <circle cx=\"12\" cy=\"7\" r=\"4\" />\n  </svg>\n);\n\nexport default User;\n"],"mappings":";;;;;;AAQA,MAAMA,QAAqC,UACzC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,8CAA8C,EACtD,oBAAC;EAAO,IAAG;EAAK,IAAG;EAAI,GAAE;GAAM;EAC3B;AAGR,mBAAe"}

package/dist/components/primitives/Icons/X.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC, SVGProps } from 'react';
 /**
  * X (close) icon component.

package/dist/components/primitives/Icons/X.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"X.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/X.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBlC,CAAC;AAEF,eAAe,CAAC,CAAC"}
+{"version":3,"file":"X.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/X.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEnC;;GAEG;AACH,QAAA,MAAM,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAgBlC,CAAC;AAEF,eAAe,CAAC,CAAC"}

package/dist/components/primitives/Icons/X.js.map

@@ -1 +1 @@
-{"version":3,"file":"X.js","names":["X: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/X.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * X (close) icon component.\n */\nconst X: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M18 6 6 18\" />\n    <path d=\"m6 6 12 12\" />\n  </svg>\n);\n\nexport default X;\n"],"mappings":";;;;;;AAuBA,MAAMA,KAAkC,UACtC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,eAAe,EACvB,oBAAC,UAAK,GAAE,eAAe;EACnB;AAGR,gBAAe"}
+{"version":3,"file":"X.js","names":["X: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../src/components/primitives/Icons/X.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, SVGProps} from 'react';\n\n/**\n * X (close) icon component.\n */\nconst X: FC<SVGProps<SVGSVGElement>> = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M18 6 6 18\" />\n    <path d=\"m6 6 12 12\" />\n  </svg>\n);\n\nexport default X;\n"],"mappings":";;;;;;AAQA,MAAMA,KAAkC,UACtC,qBAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,oBAAC,UAAK,GAAE,eAAe,EACvB,oBAAC,UAAK,GAAE,eAAe;EACnB;AAGR,gBAAe"}

package/dist/components/primitives/Icons/flowIconRegistry.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC } from 'react';
 export interface FlowIconProps {
     color?: string;

package/dist/components/primitives/Icons/flowIconRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowIconRegistry.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/flowIconRegistry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,QAAA,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,CAGvD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"flowIconRegistry.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/flowIconRegistry.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,QAAA,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,CAGvD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/primitives/Icons/flowIconRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"flowIconRegistry.js","names":["flowIconRegistry: Record<string, FC<FlowIconProps>>"],"sources":["../../../../src/components/primitives/Icons/flowIconRegistry.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC} from 'react';\nimport ArrowLeftRight from './ArrowLeftRight';\nimport ArrowRightLeft from './ArrowRightLeft';\n\nexport interface FlowIconProps {\n  color?: string;\n  size?: number;\n}\n\n/**\n * Registry of icon components keyed by their lucide-compatible name.\n * Add new icons here as needed by flow definitions.\n */\nconst flowIconRegistry: Record<string, FC<FlowIconProps>> = {\n  ArrowLeftRight,\n  ArrowRightLeft,\n};\n\nexport default flowIconRegistry;\n"],"mappings":";;;;;;;;AA+BA,MAAMA,mBAAsD;CAC1D;CACA;CACD;AAED,+BAAe"}
+{"version":3,"file":"flowIconRegistry.js","names":["flowIconRegistry: Record<string, FC<FlowIconProps>>"],"sources":["../../../../src/components/primitives/Icons/flowIconRegistry.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC} from 'react';\nimport ArrowLeftRight from './ArrowLeftRight';\nimport ArrowRightLeft from './ArrowRightLeft';\n\nexport interface FlowIconProps {\n  color?: string;\n  size?: number;\n}\n\n/**\n * Registry of icon components keyed by their lucide-compatible name.\n * Add new icons here as needed by flow definitions.\n */\nconst flowIconRegistry: Record<string, FC<FlowIconProps>> = {\n  ArrowLeftRight,\n  ArrowRightLeft,\n};\n\nexport default flowIconRegistry;\n"],"mappings":";;;;;;;;AAgBA,MAAMA,mBAAsD;CAC1D;CACA;CACD;AAED,+BAAe"}

package/dist/components/primitives/Icons/index.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 export { default as ArrowLeftRight } from './ArrowLeftRight';
 export { default as CircleAlert } from './CircleAlert';
 export { default as CircleCheck } from './CircleCheck';

package/dist/components/primitives/Icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,GAAG,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,CAAC,EAAC,MAAM,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Icons/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,GAAG,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,CAAC,EAAC,MAAM,KAAK,CAAC"}

package/dist/components/primitives/InputLabel/InputLabel.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { CSSProperties, FC, LabelHTMLAttributes, ReactNode } from 'react';
 export type InputLabelVariant = 'block' | 'inline';
 export interface InputLabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'style'> {

package/dist/components/primitives/InputLabel/InputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/InputLabel/InputLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,aAAa,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAIxE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3F;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqCnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/InputLabel/InputLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,aAAa,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAIxE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3F;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqCnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/primitives/InputLabel/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","names":["InputLabel: FC<InputLabelProps>","useTheme","styles: Record<string, string>","useStyles"],"sources":["../../../../src/components/primitives/InputLabel/InputLabel.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {CSSProperties, FC, LabelHTMLAttributes, ReactNode} from 'react';\nimport useStyles from './InputLabel.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\n\nexport type InputLabelVariant = 'block' | 'inline';\n\nexport interface InputLabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'style'> {\n  /**\n   * Label text or content\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Whether there's an error state\n   */\n  error?: boolean;\n  /**\n   * Custom margin bottom (useful for different form layouts)\n   */\n  marginBottom?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Custom style overrides\n   */\n  style?: CSSProperties;\n  /**\n   * Display type for label positioning\n   */\n  variant?: InputLabelVariant;\n}\n\nconst InputLabel: FC<InputLabelProps> = ({\n  children,\n  required = false,\n  error = false,\n  variant = 'block',\n  marginBottom,\n  className,\n  style = {},\n  ...rest\n}: InputLabelProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, variant, error, marginBottom);\n\n  return (\n    <label\n      className={cx(\n        withVendorCSSClassPrefix(bem('input-label')),\n        withVendorCSSClassPrefix(bem('input-label', variant)),\n        styles['label'],\n        variant === 'block' ? styles['block'] : styles['inline'],\n        {\n          [withVendorCSSClassPrefix(bem('input-label', 'error'))]: error,\n          [styles['error']]: error,\n        },\n        className,\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n      {required && (\n        <span className={cx(withVendorCSSClassPrefix(bem('input-label', 'required')), styles['requiredIndicator'])}>\n          {' *'}\n        </span>\n      )}\n    </label>\n  );\n};\n\nexport default InputLabel;\n"],"mappings":";;;;;;;AAyDA,MAAMA,cAAmC,EACvC,UACA,WAAW,OACX,QAAQ,OACR,UAAU,SACV,cACA,WACA,QAAQ,EAAE,CACV,GAAG,WACkB;CACrB,MAAM,EAAC,OAAO,gBAA4CC,kBAAU;CACpE,MAAMC,SAAiCC,0BAAU,OAAO,aAAa,SAAS,OAAO,aAAa;AAElG,QACE,qBAAC;EACC,WAAW,GACT,yBAAyB,IAAI,cAAc,CAAC,EAC5C,yBAAyB,IAAI,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,YAAY,UAAU,OAAO,WAAW,OAAO,WAC/C;IACG,yBAAyB,IAAI,eAAe,QAAQ,CAAC,GAAG;IACxD,OAAO,WAAW;GACpB,EACD,UACD;EACM;EACP,GAAI;aAEH,UACA,YACC,oBAAC;GAAK,WAAW,GAAG,yBAAyB,IAAI,eAAe,WAAW,CAAC,EAAE,OAAO,qBAAqB;aACvG;IACI;GAEH;;AAIZ,yBAAe"}
+{"version":3,"file":"InputLabel.js","names":["InputLabel: FC<InputLabelProps>","useTheme","styles: Record<string, string>","useStyles"],"sources":["../../../../src/components/primitives/InputLabel/InputLabel.tsx"],"sourcesContent":["// Copyright 2024 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {cx} from '@emotion/css';\nimport {bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {CSSProperties, FC, LabelHTMLAttributes, ReactNode} from 'react';\nimport useStyles from './InputLabel.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\n\nexport type InputLabelVariant = 'block' | 'inline';\n\nexport interface InputLabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'style'> {\n  /**\n   * Label text or content\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Whether there's an error state\n   */\n  error?: boolean;\n  /**\n   * Custom margin bottom (useful for different form layouts)\n   */\n  marginBottom?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n  /**\n   * Custom style overrides\n   */\n  style?: CSSProperties;\n  /**\n   * Display type for label positioning\n   */\n  variant?: InputLabelVariant;\n}\n\nconst InputLabel: FC<InputLabelProps> = ({\n  children,\n  required = false,\n  error = false,\n  variant = 'block',\n  marginBottom,\n  className,\n  style = {},\n  ...rest\n}: InputLabelProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, variant, error, marginBottom);\n\n  return (\n    <label\n      className={cx(\n        withVendorCSSClassPrefix(bem('input-label')),\n        withVendorCSSClassPrefix(bem('input-label', variant)),\n        styles['label'],\n        variant === 'block' ? styles['block'] : styles['inline'],\n        {\n          [withVendorCSSClassPrefix(bem('input-label', 'error'))]: error,\n          [styles['error']]: error,\n        },\n        className,\n      )}\n      style={style}\n      {...rest}\n    >\n      {children}\n      {required && (\n        <span className={cx(withVendorCSSClassPrefix(bem('input-label', 'required')), styles['requiredIndicator'])}>\n          {' *'}\n        </span>\n      )}\n    </label>\n  );\n};\n\nexport default InputLabel;\n"],"mappings":";;;;;;;AA0CA,MAAMA,cAAmC,EACvC,UACA,WAAW,OACX,QAAQ,OACR,UAAU,SACV,cACA,WACA,QAAQ,EAAE,CACV,GAAG,WACkB;CACrB,MAAM,EAAC,OAAO,gBAA4CC,kBAAU;CACpE,MAAMC,SAAiCC,0BAAU,OAAO,aAAa,SAAS,OAAO,aAAa;AAElG,QACE,qBAAC;EACC,WAAW,GACT,yBAAyB,IAAI,cAAc,CAAC,EAC5C,yBAAyB,IAAI,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,YAAY,UAAU,OAAO,WAAW,OAAO,WAC/C;IACG,yBAAyB,IAAI,eAAe,QAAQ,CAAC,GAAG;IACxD,OAAO,WAAW;GACpB,EACD,UACD;EACM;EACP,GAAI;aAEH,UACA,YACC,oBAAC;GAAK,WAAW,GAAG,yBAAyB,IAAI,eAAe,WAAW,CAAC,EAAE,OAAO,qBAAqB;aACvG;IACI;GAEH;;AAIZ,yBAAe"}

package/dist/components/primitives/InputLabel/InputLabel.styles.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { Theme } from '@thunderid/browser';
 export type InputLabelVariant = 'block' | 'inline';
 /**

package/dist/components/primitives/InputLabel/InputLabel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/InputLabel/InputLabel.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,SAAS,iBAAiB,EAC1B,OAAO,OAAO,EACd,eAAe,MAAM,KACpB,MAAM,CAAC,MAAM,EAAE,MAAM,CAsCgC,CAAC;AAEzD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InputLabel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/InputLabel/InputLabel.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnD;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,SAAS,iBAAiB,EAC1B,OAAO,OAAO,EACd,eAAe,MAAM,KACpB,MAAM,CAAC,MAAM,EAAE,MAAM,CAsCgC,CAAC;AAEzD,eAAe,SAAS,CAAC"}

package/dist/components/primitives/InputLabel/InputLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.styles.js","names":["baseLabel: string","errorLabel: string","requiredIndicator: string"],"sources":["../../../../src/components/primitives/InputLabel/InputLabel.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nexport type InputLabelVariant = 'block' | 'inline';\n\n/**\n * Creates styles for the InputLabel component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param variant - The display variant of the label\n * @param error - Whether the label has an error state\n * @param marginBottom - Custom margin bottom value\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  variant: InputLabelVariant,\n  error: boolean,\n  marginBottom?: string,\n): Record<string, string> =>\n  useMemo(() => {\n    const baseLabel: string = css`\n      display: ${variant};\n      margin-bottom: ${marginBottom || (variant === 'block' ? `calc(${theme.vars.spacing.unit} + 1px)` : '0')};\n      color: ${error ? theme.vars.colors.error.main : theme.vars.colors.text.secondary};\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-family: ${theme.vars.typography.fontFamily};\n      font-weight: ${variant === 'block' ? 500 : 'normal'};\n    `;\n\n    const errorLabel: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const requiredIndicator: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const blockVariant: string = css`\n      display: block;\n      font-weight: 500;\n      margin-bottom: ${marginBottom || `calc(${theme.vars.spacing.unit} + 1px)`};\n    `;\n\n    const inlineVariant: string = css`\n      display: inline;\n      font-weight: normal;\n      margin-bottom: 0;\n    `;\n\n    return {\n      block: blockVariant,\n      error: errorLabel,\n      inline: inlineVariant,\n      label: baseLabel,\n      requiredIndicator,\n    };\n  }, [theme, colorScheme, variant, error, marginBottom]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,aACJ,OACA,aACA,SACA,OACA,iBAEA,cAAc;CACZ,MAAMA,YAAoB,GAAG;iBAChB,QAAQ;uBACF,iBAAiB,YAAY,UAAU,QAAQ,MAAM,KAAK,QAAQ,KAAK,WAAW,KAAK;eAC/F,QAAQ,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,KAAK,UAAU;mBACpE,MAAM,KAAK,WAAW,UAAU,GAAG;qBACjC,MAAM,KAAK,WAAW,WAAW;qBACjC,YAAY,UAAU,MAAM,SAAS;;CAGtD,MAAMC,aAAqB,GAAG;eACnB,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,oBAA4B,GAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;AAexC,QAAO;EACL,OAb2B,GAAG;;;uBAGb,gBAAgB,QAAQ,MAAM,KAAK,QAAQ,KAAK,SAAS;;EAW1E,OAAO;EACP,QAT4B,GAAG;;;;;EAU/B,OAAO;EACP;EACD;GACA;CAAC;CAAO;CAAa;CAAS;CAAO;CAAa,CAAC;AAExD,gCAAe"}
+{"version":3,"file":"InputLabel.styles.js","names":["baseLabel: string","errorLabel: string","requiredIndicator: string"],"sources":["../../../../src/components/primitives/InputLabel/InputLabel.styles.ts"],"sourcesContent":["// Copyright 2024 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nexport type InputLabelVariant = 'block' | 'inline';\n\n/**\n * Creates styles for the InputLabel component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param variant - The display variant of the label\n * @param error - Whether the label has an error state\n * @param marginBottom - Custom margin bottom value\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  variant: InputLabelVariant,\n  error: boolean,\n  marginBottom?: string,\n): Record<string, string> =>\n  useMemo(() => {\n    const baseLabel: string = css`\n      display: ${variant};\n      margin-bottom: ${marginBottom || (variant === 'block' ? `calc(${theme.vars.spacing.unit} + 1px)` : '0')};\n      color: ${error ? theme.vars.colors.error.main : theme.vars.colors.text.secondary};\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      font-family: ${theme.vars.typography.fontFamily};\n      font-weight: ${variant === 'block' ? 500 : 'normal'};\n    `;\n\n    const errorLabel: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const requiredIndicator: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const blockVariant: string = css`\n      display: block;\n      font-weight: 500;\n      margin-bottom: ${marginBottom || `calc(${theme.vars.spacing.unit} + 1px)`};\n    `;\n\n    const inlineVariant: string = css`\n      display: inline;\n      font-weight: normal;\n      margin-bottom: 0;\n    `;\n\n    return {\n      block: blockVariant,\n      error: errorLabel,\n      inline: inlineVariant,\n      label: baseLabel,\n      requiredIndicator,\n    };\n  }, [theme, colorScheme, variant, error, marginBottom]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,aACJ,OACA,aACA,SACA,OACA,iBAEA,cAAc;CACZ,MAAMA,YAAoB,GAAG;iBAChB,QAAQ;uBACF,iBAAiB,YAAY,UAAU,QAAQ,MAAM,KAAK,QAAQ,KAAK,WAAW,KAAK;eAC/F,QAAQ,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,KAAK,UAAU;mBACpE,MAAM,KAAK,WAAW,UAAU,GAAG;qBACjC,MAAM,KAAK,WAAW,WAAW;qBACjC,YAAY,UAAU,MAAM,SAAS;;CAGtD,MAAMC,aAAqB,GAAG;eACnB,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,oBAA4B,GAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;AAexC,QAAO;EACL,OAb2B,GAAG;;;uBAGb,gBAAgB,QAAQ,MAAM,KAAK,QAAQ,KAAK,SAAS;;EAW1E,OAAO;EACP,QAT4B,GAAG;;;;;EAU/B,OAAO;EACP;EACD;GACA;CAAC;CAAO;CAAa;CAAS;CAAO;CAAa,CAAC;AAExD,gCAAe"}

package/dist/components/primitives/KeyValueInput/KeyValueInput.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC } from 'react';
 export interface KeyValuePair {
     key: string;

package/dist/components/primitives/KeyValueInput/KeyValueInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValueInput.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAc,EAAE,EAAwE,MAAM,OAAO,CAAC;AAM7G,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,YAAY,EAAE,CAAC;IAE7C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgOzC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"KeyValueInput.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,EAAE,EAAwE,MAAM,OAAO,CAAC;AAM7G,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,YAAY,EAAE,CAAC;IAE7C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgOzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/primitives/KeyValueInput/KeyValueInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValueInput.js","names":["KeyValueInput: FC<KeyValueInputProps>","useTheme","styles: Record<string, string>","useStyles","handleAddPair: ReturnType<typeof useCallback>","newPair: KeyValuePair","updatedPairs: KeyValuePair[]","handleRemovePair: ReturnType<typeof useCallback>","pairToRemove: KeyValuePair","handleUpdatePair: ReturnType<typeof useCallback>","canAddMore: boolean","isAddDisabled: boolean","TextField","X","Plus"],"sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {ChangeEvent, FC, KeyboardEvent, MouseEventHandler, ReactElement, useState, useCallback} from 'react';\nimport useStyles from './KeyValueInput.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport {Plus, X} from '../Icons';\nimport TextField from '../TextField/TextField';\n\nexport interface KeyValuePair {\n  key: string;\n  value: string;\n}\n\nexport interface KeyValueInputProps {\n  /**\n   * CSS class name for styling the component.\n   */\n  className?: string;\n\n  /**\n   * Whether the input is disabled.\n   */\n  disabled?: boolean;\n\n  /**\n   * Error message to display.\n   */\n  error?: string;\n\n  /**\n   * Help text to display below the input.\n   */\n  helperText?: string;\n\n  /**\n   * Label for the key input field.\n   */\n  keyLabel?: string;\n\n  /**\n   * Placeholder text for the key input field.\n   */\n  keyPlaceholder?: string;\n\n  /**\n   * Label for the component.\n   */\n  label?: string;\n\n  /**\n   * Maximum number of key-value pairs allowed.\n   */\n  maxPairs?: number;\n  /**\n   * Callback fired when a pair is added.\n   */\n  onAdd?: (pair: KeyValuePair) => void;\n\n  /**\n   * Callback fired when the key-value pairs change.\n   */\n  onChange?: (pairs: KeyValuePair[]) => void;\n\n  /**\n   * Callback fired when a pair is removed.\n   */\n  onRemove?: (pair: KeyValuePair, index: number) => void;\n\n  /**\n   * Whether the component is in read-only mode.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Text for the remove button.\n   */\n  removeButtonText?: string;\n\n  /**\n   * Whether the component is required.\n   */\n  required?: boolean;\n\n  /**\n   * Current key-value pairs.\n   */\n  value?: Record<string, any> | KeyValuePair[];\n\n  /**\n   * Label for the value input field.\n   */\n  valueLabel?: string;\n\n  /**\n   * Placeholder text for the value input field.\n   */\n  valuePlaceholder?: string;\n}\n\n/**\n * KeyValueInput component allows users to manage key-value pairs with add/remove functionality.\n * It provides a user-friendly interface for editing organization attributes or similar data structures.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <KeyValueInput\n *   label=\"Organization Attributes\"\n *   onChange={(pairs) => console.log(pairs)}\n * />\n *\n * // With initial values\n * <KeyValueInput\n *   label=\"Organization Attributes\"\n *   value={{department: 'IT', location: 'New York'}}\n *   onChange={(pairs) => console.log(pairs)}\n * />\n *\n * // With add/remove callbacks\n * <KeyValueInput\n *   label=\"Custom Attributes\"\n *   value={attributes}\n *   onChange={(pairs) => setAttributes(pairs)}\n *   onAdd={(pair) => console.log('Added:', pair)}\n *   onRemove={(pair, index) => console.log('Removed:', pair, 'at index:', index)}\n * />\n * ```\n */\nconst KeyValueInput: FC<KeyValueInputProps> = ({\n  className = '',\n  disabled = false,\n  error,\n  helperText,\n  keyLabel = 'Key',\n  keyPlaceholder = 'Enter key',\n  label,\n  maxPairs,\n  onChange,\n  onAdd,\n  onRemove,\n  readOnly = false,\n  removeButtonText = 'Remove',\n  required = false,\n  value = {},\n  valueLabel = 'Value',\n  valuePlaceholder = 'Enter value',\n}: KeyValueInputProps): ReactElement => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, disabled, readOnly, !!error);\n\n  // Convert value to array format\n  const initialPairs: KeyValuePair[] = Array.isArray(value)\n    ? value\n    : Object.entries(value).map(([key, val]: [string, any]) => ({key, value: String(val)}));\n\n  const [pairs, setPairs] = useState<KeyValuePair[]>(initialPairs);\n  const [newKey, setNewKey] = useState('');\n  const [newValue, setNewValue] = useState('');\n\n  const handleAddPair: ReturnType<typeof useCallback> = useCallback(() => {\n    if (!newKey.trim() || !newValue.trim()) return;\n    if (maxPairs && pairs.length >= maxPairs) return;\n\n    const newPair: KeyValuePair = {\n      key: newKey.trim(),\n      value: newValue.trim(),\n    };\n\n    const updatedPairs: KeyValuePair[] = [...pairs, newPair];\n    setPairs(updatedPairs);\n    setNewKey('');\n    setNewValue('');\n\n    if (onChange) {\n      onChange(updatedPairs);\n    }\n\n    if (onAdd) {\n      onAdd(newPair);\n    }\n  }, [newKey, newValue, pairs, maxPairs, onChange, onAdd]);\n\n  const handleRemovePair: ReturnType<typeof useCallback> = useCallback(\n    (index: number) => {\n      const pairToRemove: KeyValuePair = pairs[index];\n      const updatedPairs: KeyValuePair[] = pairs.filter((_: KeyValuePair, i: number) => i !== index);\n      setPairs(updatedPairs);\n\n      if (onChange) {\n        onChange(updatedPairs);\n      }\n\n      if (onRemove) {\n        onRemove(pairToRemove, index);\n      }\n    },\n    [pairs, onChange, onRemove],\n  );\n\n  const handleUpdatePair: ReturnType<typeof useCallback> = useCallback(\n    (index: number, field: 'key' | 'value', newVal: string) => {\n      const updatedPairs: KeyValuePair[] = pairs.map((pair: KeyValuePair, i: number) => {\n        if (i === index) {\n          return {...pair, [field]: newVal};\n        }\n        return pair;\n      });\n      setPairs(updatedPairs);\n\n      if (onChange) {\n        onChange(updatedPairs);\n      }\n    },\n    [pairs, onChange],\n  );\n\n  const canAddMore: boolean = !maxPairs || pairs.length < maxPairs;\n  const isAddDisabled: boolean = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();\n\n  const renderReadOnlyContent = (): ReactElement | ReactElement[] => {\n    if (pairs.length === 0) {\n      return (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'empty-state')), styles['emptyState'])}>\n          No attributes defined\n        </div>\n      );\n    }\n\n    return pairs.map((pair: KeyValuePair, index: number) => (\n      <div\n        key={`${pair.key}-${index}`}\n        className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-pair')), styles['readOnlyPair'])}\n      >\n        <span className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-key')), styles['readOnlyKey'])}>\n          {pair.key}:\n        </span>\n        <span\n          className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-value')), styles['readOnlyValue'])}\n        >\n          {pair.value}\n        </span>\n      </div>\n    ));\n  };\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(bem('key-value-input')), styles['container'], className)}>\n      {label && (\n        <label className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'label')), styles['label'])}>\n          {label}\n          {required && (\n            <span\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'required')), styles['requiredIndicator'])}\n            >\n              {' *'}\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pairs-list')), styles['pairsList'])}>\n        {readOnly\n          ? renderReadOnlyContent()\n          : pairs.map((pair: KeyValuePair, index: number) => (\n              <div\n                key={`${pair.key}-${index}`}\n                className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-row')), styles['pairRow'])}\n              >\n                <TextField\n                  placeholder={keyPlaceholder}\n                  value={pair.key}\n                  onChange={(e: ChangeEvent<HTMLInputElement>): void => handleUpdatePair(index, 'key', e.target.value)}\n                  disabled={disabled || readOnly}\n                  className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n                  aria-label={`${keyLabel} ${index + 1}`}\n                />\n                <TextField\n                  placeholder={valuePlaceholder}\n                  value={pair.value}\n                  onChange={(e: ChangeEvent<HTMLInputElement>): void =>\n                    handleUpdatePair(index, 'value', e.target.value)\n                  }\n                  disabled={disabled || readOnly}\n                  className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n                  aria-label={`${valueLabel} ${index + 1}`}\n                />\n                {!readOnly && (\n                  <button\n                    type=\"button\"\n                    onClick={(): void => handleRemovePair(index)}\n                    disabled={disabled}\n                    className={cx(\n                      withVendorCSSClassPrefix(bem('key-value-input', 'remove-button')),\n                      styles['removeButton'],\n                    )}\n                    aria-label={`${removeButtonText} ${pair.key}`}\n                  >\n                    <X width={16} height={16} />\n                  </button>\n                )}\n              </div>\n            ))}\n\n        {!readOnly && (\n          <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'add-row')), styles['addRow'])}>\n            <TextField\n              placeholder={keyPlaceholder}\n              value={newKey}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => setNewKey(e.target.value)}\n              disabled={disabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n              aria-label=\"New key\"\n            />\n            <TextField\n              placeholder={valuePlaceholder}\n              value={newValue}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => setNewValue(e.target.value)}\n              disabled={disabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n              aria-label=\"New value\"\n              onKeyPress={(e: KeyboardEvent<HTMLInputElement>): void => {\n                if (e.key === 'Enter' && !isAddDisabled) {\n                  handleAddPair();\n                }\n              }}\n            />\n            <button\n              type=\"button\"\n              onClick={handleAddPair as MouseEventHandler<HTMLButtonElement>}\n              disabled={isAddDisabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'add-button')), styles['addButton'])}\n              aria-label=\"Add new key-value pair\"\n            >\n              <Plus width={16} height={16} />\n            </button>\n          </div>\n        )}\n      </div>\n\n      {(helperText || error) && (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'helper-text')), styles['helperText'])}>\n          {error || helperText}\n        </div>\n      )}\n\n      {maxPairs && (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'counter')), styles['counterText'])}>\n          {pairs.length} of {maxPairs} pairs used\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default KeyValueInput;\n"],"mappings":"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"}
+{"version":3,"file":"KeyValueInput.js","names":["KeyValueInput: FC<KeyValueInputProps>","useTheme","styles: Record<string, string>","useStyles","handleAddPair: ReturnType<typeof useCallback>","newPair: KeyValuePair","updatedPairs: KeyValuePair[]","handleRemovePair: ReturnType<typeof useCallback>","pairToRemove: KeyValuePair","handleUpdatePair: ReturnType<typeof useCallback>","canAddMore: boolean","isAddDisabled: boolean","TextField","X","Plus"],"sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {cx} from '@emotion/css';\nimport {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {ChangeEvent, FC, KeyboardEvent, MouseEventHandler, ReactElement, useState, useCallback} from 'react';\nimport useStyles from './KeyValueInput.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport {Plus, X} from '../Icons';\nimport TextField from '../TextField/TextField';\n\nexport interface KeyValuePair {\n  key: string;\n  value: string;\n}\n\nexport interface KeyValueInputProps {\n  /**\n   * CSS class name for styling the component.\n   */\n  className?: string;\n\n  /**\n   * Whether the input is disabled.\n   */\n  disabled?: boolean;\n\n  /**\n   * Error message to display.\n   */\n  error?: string;\n\n  /**\n   * Help text to display below the input.\n   */\n  helperText?: string;\n\n  /**\n   * Label for the key input field.\n   */\n  keyLabel?: string;\n\n  /**\n   * Placeholder text for the key input field.\n   */\n  keyPlaceholder?: string;\n\n  /**\n   * Label for the component.\n   */\n  label?: string;\n\n  /**\n   * Maximum number of key-value pairs allowed.\n   */\n  maxPairs?: number;\n  /**\n   * Callback fired when a pair is added.\n   */\n  onAdd?: (pair: KeyValuePair) => void;\n\n  /**\n   * Callback fired when the key-value pairs change.\n   */\n  onChange?: (pairs: KeyValuePair[]) => void;\n\n  /**\n   * Callback fired when a pair is removed.\n   */\n  onRemove?: (pair: KeyValuePair, index: number) => void;\n\n  /**\n   * Whether the component is in read-only mode.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Text for the remove button.\n   */\n  removeButtonText?: string;\n\n  /**\n   * Whether the component is required.\n   */\n  required?: boolean;\n\n  /**\n   * Current key-value pairs.\n   */\n  value?: Record<string, any> | KeyValuePair[];\n\n  /**\n   * Label for the value input field.\n   */\n  valueLabel?: string;\n\n  /**\n   * Placeholder text for the value input field.\n   */\n  valuePlaceholder?: string;\n}\n\n/**\n * KeyValueInput component allows users to manage key-value pairs with add/remove functionality.\n * It provides a user-friendly interface for editing organization attributes or similar data structures.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <KeyValueInput\n *   label=\"Organization Attributes\"\n *   onChange={(pairs) => console.log(pairs)}\n * />\n *\n * // With initial values\n * <KeyValueInput\n *   label=\"Organization Attributes\"\n *   value={{department: 'IT', location: 'New York'}}\n *   onChange={(pairs) => console.log(pairs)}\n * />\n *\n * // With add/remove callbacks\n * <KeyValueInput\n *   label=\"Custom Attributes\"\n *   value={attributes}\n *   onChange={(pairs) => setAttributes(pairs)}\n *   onAdd={(pair) => console.log('Added:', pair)}\n *   onRemove={(pair, index) => console.log('Removed:', pair, 'at index:', index)}\n * />\n * ```\n */\nconst KeyValueInput: FC<KeyValueInputProps> = ({\n  className = '',\n  disabled = false,\n  error,\n  helperText,\n  keyLabel = 'Key',\n  keyPlaceholder = 'Enter key',\n  label,\n  maxPairs,\n  onChange,\n  onAdd,\n  onRemove,\n  readOnly = false,\n  removeButtonText = 'Remove',\n  required = false,\n  value = {},\n  valueLabel = 'Value',\n  valuePlaceholder = 'Enter value',\n}: KeyValueInputProps): ReactElement => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, disabled, readOnly, !!error);\n\n  // Convert value to array format\n  const initialPairs: KeyValuePair[] = Array.isArray(value)\n    ? value\n    : Object.entries(value).map(([key, val]: [string, any]) => ({key, value: String(val)}));\n\n  const [pairs, setPairs] = useState<KeyValuePair[]>(initialPairs);\n  const [newKey, setNewKey] = useState('');\n  const [newValue, setNewValue] = useState('');\n\n  const handleAddPair: ReturnType<typeof useCallback> = useCallback(() => {\n    if (!newKey.trim() || !newValue.trim()) return;\n    if (maxPairs && pairs.length >= maxPairs) return;\n\n    const newPair: KeyValuePair = {\n      key: newKey.trim(),\n      value: newValue.trim(),\n    };\n\n    const updatedPairs: KeyValuePair[] = [...pairs, newPair];\n    setPairs(updatedPairs);\n    setNewKey('');\n    setNewValue('');\n\n    if (onChange) {\n      onChange(updatedPairs);\n    }\n\n    if (onAdd) {\n      onAdd(newPair);\n    }\n  }, [newKey, newValue, pairs, maxPairs, onChange, onAdd]);\n\n  const handleRemovePair: ReturnType<typeof useCallback> = useCallback(\n    (index: number) => {\n      const pairToRemove: KeyValuePair = pairs[index];\n      const updatedPairs: KeyValuePair[] = pairs.filter((_: KeyValuePair, i: number) => i !== index);\n      setPairs(updatedPairs);\n\n      if (onChange) {\n        onChange(updatedPairs);\n      }\n\n      if (onRemove) {\n        onRemove(pairToRemove, index);\n      }\n    },\n    [pairs, onChange, onRemove],\n  );\n\n  const handleUpdatePair: ReturnType<typeof useCallback> = useCallback(\n    (index: number, field: 'key' | 'value', newVal: string) => {\n      const updatedPairs: KeyValuePair[] = pairs.map((pair: KeyValuePair, i: number) => {\n        if (i === index) {\n          return {...pair, [field]: newVal};\n        }\n        return pair;\n      });\n      setPairs(updatedPairs);\n\n      if (onChange) {\n        onChange(updatedPairs);\n      }\n    },\n    [pairs, onChange],\n  );\n\n  const canAddMore: boolean = !maxPairs || pairs.length < maxPairs;\n  const isAddDisabled: boolean = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();\n\n  const renderReadOnlyContent = (): ReactElement | ReactElement[] => {\n    if (pairs.length === 0) {\n      return (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'empty-state')), styles['emptyState'])}>\n          No attributes defined\n        </div>\n      );\n    }\n\n    return pairs.map((pair: KeyValuePair, index: number) => (\n      <div\n        key={`${pair.key}-${index}`}\n        className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-pair')), styles['readOnlyPair'])}\n      >\n        <span className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-key')), styles['readOnlyKey'])}>\n          {pair.key}:\n        </span>\n        <span\n          className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'readonly-value')), styles['readOnlyValue'])}\n        >\n          {pair.value}\n        </span>\n      </div>\n    ));\n  };\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(bem('key-value-input')), styles['container'], className)}>\n      {label && (\n        <label className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'label')), styles['label'])}>\n          {label}\n          {required && (\n            <span\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'required')), styles['requiredIndicator'])}\n            >\n              {' *'}\n            </span>\n          )}\n        </label>\n      )}\n\n      <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pairs-list')), styles['pairsList'])}>\n        {readOnly\n          ? renderReadOnlyContent()\n          : pairs.map((pair: KeyValuePair, index: number) => (\n              <div\n                key={`${pair.key}-${index}`}\n                className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-row')), styles['pairRow'])}\n              >\n                <TextField\n                  placeholder={keyPlaceholder}\n                  value={pair.key}\n                  onChange={(e: ChangeEvent<HTMLInputElement>): void => handleUpdatePair(index, 'key', e.target.value)}\n                  disabled={disabled || readOnly}\n                  className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n                  aria-label={`${keyLabel} ${index + 1}`}\n                />\n                <TextField\n                  placeholder={valuePlaceholder}\n                  value={pair.value}\n                  onChange={(e: ChangeEvent<HTMLInputElement>): void =>\n                    handleUpdatePair(index, 'value', e.target.value)\n                  }\n                  disabled={disabled || readOnly}\n                  className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n                  aria-label={`${valueLabel} ${index + 1}`}\n                />\n                {!readOnly && (\n                  <button\n                    type=\"button\"\n                    onClick={(): void => handleRemovePair(index)}\n                    disabled={disabled}\n                    className={cx(\n                      withVendorCSSClassPrefix(bem('key-value-input', 'remove-button')),\n                      styles['removeButton'],\n                    )}\n                    aria-label={`${removeButtonText} ${pair.key}`}\n                  >\n                    <X width={16} height={16} />\n                  </button>\n                )}\n              </div>\n            ))}\n\n        {!readOnly && (\n          <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'add-row')), styles['addRow'])}>\n            <TextField\n              placeholder={keyPlaceholder}\n              value={newKey}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => setNewKey(e.target.value)}\n              disabled={disabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n              aria-label=\"New key\"\n            />\n            <TextField\n              placeholder={valuePlaceholder}\n              value={newValue}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => setNewValue(e.target.value)}\n              disabled={disabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'pair-input')), styles['pairInput'])}\n              aria-label=\"New value\"\n              onKeyPress={(e: KeyboardEvent<HTMLInputElement>): void => {\n                if (e.key === 'Enter' && !isAddDisabled) {\n                  handleAddPair();\n                }\n              }}\n            />\n            <button\n              type=\"button\"\n              onClick={handleAddPair as MouseEventHandler<HTMLButtonElement>}\n              disabled={isAddDisabled}\n              className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'add-button')), styles['addButton'])}\n              aria-label=\"Add new key-value pair\"\n            >\n              <Plus width={16} height={16} />\n            </button>\n          </div>\n        )}\n      </div>\n\n      {(helperText || error) && (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'helper-text')), styles['helperText'])}>\n          {error || helperText}\n        </div>\n      )}\n\n      {maxPairs && (\n        <div className={cx(withVendorCSSClassPrefix(bem('key-value-input', 'counter')), styles['counterText'])}>\n          {pairs.length} of {maxPairs} pairs used\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default KeyValueInput;\n"],"mappings":"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"}

package/dist/components/primitives/KeyValueInput/KeyValueInput.styles.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { Theme } from '@thunderid/browser';
 /**
  * Creates styles for the KeyValueInput component using BEM methodology

package/dist/components/primitives/KeyValueInput/KeyValueInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValueInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,UAAU,OAAO,EACjB,UAAU,OAAO,EACjB,UAAU,OAAO,KAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAoKgC,CAAC;AAEzD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"KeyValueInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,UAAU,OAAO,EACjB,UAAU,OAAO,EACjB,UAAU,OAAO,KAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAoKgC,CAAC;AAEzD,eAAe,SAAS,CAAC"}

package/dist/components/primitives/KeyValueInput/KeyValueInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyValueInput.styles.js","names":["container: string","label: string","requiredIndicator: string","pairsList: string","pairRow: string","pairInput: string","addRow: string","removeButton: string","addButton: string","helperText: string","emptyState: string","readOnlyPair: string","readOnlyKey: string","readOnlyValue: string"],"sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\n/**\n * Creates styles for the KeyValueInput component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param disabled - Whether the component is disabled\n * @param readOnly - Whether the component is read-only\n * @param hasError - Whether the component has an error\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  disabled: boolean,\n  readOnly: boolean,\n  hasError: boolean,\n): Record<string, string> =>\n  useMemo(() => {\n    const container: string = css`\n      display: flex;\n      flex-direction: column;\n      font-family: ${theme.vars.typography.fontFamily};\n      gap: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const label: string = css`\n      font-size: 0.875rem;\n      font-weight: 500;\n      color: ${theme.vars.colors.text.primary};\n      margin-bottom: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const requiredIndicator: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const pairsList: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n    `;\n\n    const pairRow: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 2);\n      border-radius: ${theme.vars.borderRadius.small};\n      background-color: transparent;\n      border: none;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action.hover};\n      }\n    `;\n\n    const pairInput: string = css`\n      flex: 1;\n      min-width: 0;\n    `;\n\n    const addRow: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 2);\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      background-color: transparent;\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const removeButton: string = css`\n      min-width: auto;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      background-color: transparent;\n      color: ${theme.vars.colors.text.secondary};\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n      &:hover:not(:disabled) {\n        background-color: ${theme.vars.colors.action.hover};\n        color: ${theme.vars.colors.error.main};\n      }\n\n      &:disabled {\n        opacity: 0.6;\n      }\n    `;\n\n    const addButton: string = css`\n      min-width: auto;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      background-color: transparent;\n      color: ${theme.vars.colors.primary.main};\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n      &:hover:not(:disabled) {\n        background-color: ${theme.vars.colors.primary.main};\n        color: ${theme.vars.colors.primary.contrastText};\n      }\n\n      &:disabled {\n        opacity: 0.6;\n      }\n    `;\n\n    const helperText: string = css`\n      font-size: 0.75rem;\n      color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.text.secondary};\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const emptyState: string = css`\n      padding: ${theme.vars.spacing.unit};\n      text-align: center;\n      color: ${theme.vars.colors.text.secondary};\n      font-style: italic;\n      font-size: 0.75rem;\n    `;\n\n    const readOnlyPair: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 4) 0;\n      min-height: 20px;\n    `;\n\n    const readOnlyKey: string = css`\n      font-size: 0.75rem;\n      font-weight: 500;\n      color: ${theme.vars.colors.text.secondary};\n      min-width: 80px;\n      flex-shrink: 0;\n    `;\n\n    const readOnlyValue: string = css`\n      font-size: 0.75rem;\n      color: ${theme.vars.colors.text.primary};\n      word-break: break-word;\n      flex: 1;\n    `;\n\n    const counterText: string = css`\n      font-size: 0.75rem;\n      color: ${theme.vars.colors.text.secondary};\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    return {\n      addButton,\n      addRow,\n      container,\n      counterText,\n      emptyState,\n      helperText,\n      label,\n      pairInput,\n      pairRow,\n      pairsList,\n      readOnlyKey,\n      readOnlyPair,\n      readOnlyValue,\n      removeButton,\n      requiredIndicator,\n    };\n  }, [theme, colorScheme, disabled, readOnly, hasError]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AA+BA,MAAM,aACJ,OACA,aACA,UACA,UACA,aAEA,cAAc;CACZ,MAAMA,YAAoB,GAAG;;;qBAGZ,MAAM,KAAK,WAAW,WAAW;kBACpC,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,QAAgB,GAAG;;;eAGd,MAAM,KAAK,OAAO,KAAK,QAAQ;4BAClB,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,oBAA4B,GAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,YAAoB,GAAG;;;kBAGf,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,UAAkB,GAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;uBACvB,MAAM,KAAK,aAAa,MAAM;;;;;4BAKzB,MAAM,KAAK,OAAO,OAAO,MAAM;;;CAIvD,MAAMC,YAAoB,GAAG;;;;CAK7B,MAAMC,SAAiB,GAAG;;;kBAGZ,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;;uBAEvB,MAAM,KAAK,aAAa,MAAM;;yBAE5B,MAAM,KAAK,QAAQ,KAAK;;CAG7C,MAAMC,eAAuB,GAAG;;;;;;eAMrB,MAAM,KAAK,OAAO,KAAK,UAAU;;uBAEzB,MAAM,KAAK,aAAa,MAAM;;;;gBAIrC,WAAW,gBAAgB,UAAU;;;4BAGzB,MAAM,KAAK,OAAO,OAAO,MAAM;iBAC1C,MAAM,KAAK,OAAO,MAAM,KAAK;;;;;;;CAQ1C,MAAMC,YAAoB,GAAG;;;;;;eAMlB,MAAM,KAAK,OAAO,QAAQ,KAAK;;uBAEvB,MAAM,KAAK,aAAa,MAAM;;;;gBAIrC,WAAW,gBAAgB,UAAU;;;4BAGzB,MAAM,KAAK,OAAO,QAAQ,KAAK;iBAC1C,MAAM,KAAK,OAAO,QAAQ,aAAa;;;;;;;CAQpD,MAAMC,aAAqB,GAAG;;eAEnB,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,KAAK,UAAU;yBACjE,MAAM,KAAK,QAAQ,KAAK;;CAG7C,MAAMC,aAAqB,GAAG;iBACjB,MAAM,KAAK,QAAQ,KAAK;;eAE1B,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,eAAuB,GAAG;;;kBAGlB,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;;;CAI1C,MAAMC,cAAsB,GAAG;;;eAGpB,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,gBAAwB,GAAG;;eAEtB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;AAW1C,QAAO;EACL;EACA;EACA;EACA,aAV0B,GAAG;;eAEpB,MAAM,KAAK,OAAO,KAAK,UAAU;yBACvB,MAAM,KAAK,QAAQ,KAAK;;EAQ3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;GACA;CAAC;CAAO;CAAa;CAAU;CAAU;CAAS,CAAC;AAExD,mCAAe"}
+{"version":3,"file":"KeyValueInput.styles.js","names":["container: string","label: string","requiredIndicator: string","pairsList: string","pairRow: string","pairInput: string","addRow: string","removeButton: string","addButton: string","helperText: string","emptyState: string","readOnlyPair: string","readOnlyKey: string","readOnlyValue: string"],"sources":["../../../../src/components/primitives/KeyValueInput/KeyValueInput.styles.ts"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\n/**\n * Creates styles for the KeyValueInput component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @param disabled - Whether the component is disabled\n * @param readOnly - Whether the component is read-only\n * @param hasError - Whether the component has an error\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  disabled: boolean,\n  readOnly: boolean,\n  hasError: boolean,\n): Record<string, string> =>\n  useMemo(() => {\n    const container: string = css`\n      display: flex;\n      flex-direction: column;\n      font-family: ${theme.vars.typography.fontFamily};\n      gap: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const label: string = css`\n      font-size: 0.875rem;\n      font-weight: 500;\n      color: ${theme.vars.colors.text.primary};\n      margin-bottom: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const requiredIndicator: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    const pairsList: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n    `;\n\n    const pairRow: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 2);\n      border-radius: ${theme.vars.borderRadius.small};\n      background-color: transparent;\n      border: none;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action.hover};\n      }\n    `;\n\n    const pairInput: string = css`\n      flex: 1;\n      min-width: 0;\n    `;\n\n    const addRow: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 2);\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      background-color: transparent;\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const removeButton: string = css`\n      min-width: auto;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      background-color: transparent;\n      color: ${theme.vars.colors.text.secondary};\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n      &:hover:not(:disabled) {\n        background-color: ${theme.vars.colors.action.hover};\n        color: ${theme.vars.colors.error.main};\n      }\n\n      &:disabled {\n        opacity: 0.6;\n      }\n    `;\n\n    const addButton: string = css`\n      min-width: auto;\n      width: 24px;\n      height: 24px;\n      padding: 0;\n      background-color: transparent;\n      color: ${theme.vars.colors.primary.main};\n      border: none;\n      border-radius: ${theme.vars.borderRadius.small};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n\n      &:hover:not(:disabled) {\n        background-color: ${theme.vars.colors.primary.main};\n        color: ${theme.vars.colors.primary.contrastText};\n      }\n\n      &:disabled {\n        opacity: 0.6;\n      }\n    `;\n\n    const helperText: string = css`\n      font-size: 0.75rem;\n      color: ${hasError ? theme.vars.colors.error.main : theme.vars.colors.text.secondary};\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const emptyState: string = css`\n      padding: ${theme.vars.spacing.unit};\n      text-align: center;\n      color: ${theme.vars.colors.text.secondary};\n      font-style: italic;\n      font-size: 0.75rem;\n    `;\n\n    const readOnlyPair: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} / 2);\n      padding: calc(${theme.vars.spacing.unit} / 4) 0;\n      min-height: 20px;\n    `;\n\n    const readOnlyKey: string = css`\n      font-size: 0.75rem;\n      font-weight: 500;\n      color: ${theme.vars.colors.text.secondary};\n      min-width: 80px;\n      flex-shrink: 0;\n    `;\n\n    const readOnlyValue: string = css`\n      font-size: 0.75rem;\n      color: ${theme.vars.colors.text.primary};\n      word-break: break-word;\n      flex: 1;\n    `;\n\n    const counterText: string = css`\n      font-size: 0.75rem;\n      color: ${theme.vars.colors.text.secondary};\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    return {\n      addButton,\n      addRow,\n      container,\n      counterText,\n      emptyState,\n      helperText,\n      label,\n      pairInput,\n      pairRow,\n      pairsList,\n      readOnlyKey,\n      readOnlyPair,\n      readOnlyValue,\n      removeButton,\n      requiredIndicator,\n    };\n  }, [theme, colorScheme, disabled, readOnly, hasError]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,aACJ,OACA,aACA,UACA,UACA,aAEA,cAAc;CACZ,MAAMA,YAAoB,GAAG;;;qBAGZ,MAAM,KAAK,WAAW,WAAW;kBACpC,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,QAAgB,GAAG;;;eAGd,MAAM,KAAK,OAAO,KAAK,QAAQ;4BAClB,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,oBAA4B,GAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,YAAoB,GAAG;;;kBAGf,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,UAAkB,GAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;uBACvB,MAAM,KAAK,aAAa,MAAM;;;;;4BAKzB,MAAM,KAAK,OAAO,OAAO,MAAM;;;CAIvD,MAAMC,YAAoB,GAAG;;;;CAK7B,MAAMC,SAAiB,GAAG;;;kBAGZ,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;;uBAEvB,MAAM,KAAK,aAAa,MAAM;;yBAE5B,MAAM,KAAK,QAAQ,KAAK;;CAG7C,MAAMC,eAAuB,GAAG;;;;;;eAMrB,MAAM,KAAK,OAAO,KAAK,UAAU;;uBAEzB,MAAM,KAAK,aAAa,MAAM;;;;gBAIrC,WAAW,gBAAgB,UAAU;;;4BAGzB,MAAM,KAAK,OAAO,OAAO,MAAM;iBAC1C,MAAM,KAAK,OAAO,MAAM,KAAK;;;;;;;CAQ1C,MAAMC,YAAoB,GAAG;;;;;;eAMlB,MAAM,KAAK,OAAO,QAAQ,KAAK;;uBAEvB,MAAM,KAAK,aAAa,MAAM;;;;gBAIrC,WAAW,gBAAgB,UAAU;;;4BAGzB,MAAM,KAAK,OAAO,QAAQ,KAAK;iBAC1C,MAAM,KAAK,OAAO,QAAQ,aAAa;;;;;;;CAQpD,MAAMC,aAAqB,GAAG;;eAEnB,WAAW,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,KAAK,UAAU;yBACjE,MAAM,KAAK,QAAQ,KAAK;;CAG7C,MAAMC,aAAqB,GAAG;iBACjB,MAAM,KAAK,QAAQ,KAAK;;eAE1B,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,eAAuB,GAAG;;;kBAGlB,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;;;CAI1C,MAAMC,cAAsB,GAAG;;;eAGpB,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,gBAAwB,GAAG;;eAEtB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;AAW1C,QAAO;EACL;EACA;EACA;EACA,aAV0B,GAAG;;eAEpB,MAAM,KAAK,OAAO,KAAK,UAAU;yBACvB,MAAM,KAAK,QAAQ,KAAK;;EAQ3C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;GACA;CAAC;CAAO;CAAa;CAAU;CAAU;CAAS,CAAC;AAExD,mCAAe"}

package/dist/components/primitives/Logo/Logo.d.ts

@@ -1,20 +1,3 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
 import { FC } from 'react';
 export type LogoSize = 'small' | 'medium' | 'large';
 /**

package/dist/components/primitives/Logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Logo/Logo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmDvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Logo/Logo.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmDvB,CAAC;AAEF,eAAe,IAAI,CAAC"}