@thunderid/react 0.0.5 → 0.2.0

package/dist/cjs/components/primitives/Divider/Divider.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styles.cjs","names":["baseColor: string","borderStyle: string","baseDivider: string","verticalDivider: string"],"sources":["../../../../../src/components/primitives/Divider/Divider.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\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted';\n\n/**\n * Creates styles for the Divider 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 orientation - The divider orientation\n * @param variant - The divider variant\n * @param color - Custom color for the divider\n * @param hasChildren - Whether the divider has children (text)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  orientation: DividerOrientation,\n  variant: DividerVariant,\n  color?: string,\n  hasChildren?: boolean,\n): Record<string, string> =>\n  useMemo(() => {\n    const baseColor: string = color || theme.colors.border;\n    let borderStyle: string;\n    if (variant === 'solid') {\n      borderStyle = 'solid';\n    } else if (variant === 'dashed') {\n      borderStyle = 'dashed';\n    } else {\n      borderStyle = 'dotted';\n    }\n\n    const baseDivider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 2) 0;\n    `;\n\n    const verticalDivider: string = css`\n      display: inline-block;\n      height: 100%;\n      min-height: calc(${theme.vars.spacing.unit} * 2);\n      width: 1px;\n      border-inline-start: 1px ${borderStyle} ${baseColor};\n      margin-block: 0;\n      margin-inline: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    const horizontalDivider: string = css`\n      display: flex;\n      align-items: center;\n      width: 100%;\n      ${!hasChildren &&\n      css`\n        height: 1px;\n        border-top: 1px ${borderStyle} ${baseColor};\n      `}\n    `;\n\n    const dividerLine: string = css`\n      flex: 1;\n      height: 1px;\n      border-top: 1px ${borderStyle} ${baseColor};\n    `;\n\n    const dividerText: string = css`\n      background-color: ${theme.vars.colors.background.surface};\n      font-family: ${theme.vars.typography.fontFamily};\n      padding: 0 calc(${theme.vars.spacing.unit} * 1);\n      white-space: nowrap;\n    `;\n\n    return {\n      divider: baseDivider,\n      horizontal: horizontalDivider,\n      line: dividerLine,\n      text: dividerText,\n      vertical: verticalDivider,\n    };\n  }, [theme, colorScheme, orientation, variant, color, hasChildren]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,MAAM,aACJ,OACA,aACA,aACA,SACA,OACA,yCAEc;CACZ,MAAMA,YAAoB,SAAS,MAAM,OAAO;CAChD,IAAIC;AACJ,KAAI,YAAY,QACd,eAAc;UACL,YAAY,SACrB,eAAc;KAEd,eAAc;CAGhB,MAAMC,cAAsB,iBAAG;qBACd,MAAM,KAAK,QAAQ,KAAK;;CAGzC,MAAMC,kBAA0B,iBAAG;;;yBAGd,MAAM,KAAK,QAAQ,KAAK;;iCAEhB,YAAY,GAAG,UAAU;;4BAE9B,MAAM,KAAK,QAAQ,KAAK;;AA2BhD,QAAO;EACL,SAAS;EACT,YA1BgC,iBAAG;;;;QAIjC,CAAC,eACH,iBAAG;;0BAEiB,YAAY,GAAG,UAAU;QAC3C;;EAmBF,MAhB0B,iBAAG;;;wBAGX,YAAY,GAAG,UAAU;;EAc3C,MAX0B,iBAAG;0BACT,MAAM,KAAK,OAAO,WAAW,QAAQ;qBAC1C,MAAM,KAAK,WAAW,WAAW;wBAC9B,MAAM,KAAK,QAAQ,KAAK;;;EAS1C,UAAU;EACX;GACA;CAAC;CAAO;CAAa;CAAa;CAAS;CAAO;CAAY,CAAC;AAEpE,6BAAe"}

package/dist/cjs/components/primitives/FormControl/FormControl.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
+const require_FormControl_styles = require('./FormControl.styles.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/primitives/FormControl/FormControl.tsx
+const FormControl = ({ children, error, helperText, className, helperTextAlign = "left", helperTextMarginLeft }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const styles = require_FormControl_styles.default(theme, colorScheme, helperTextAlign, helperTextMarginLeft, !!error);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, __emotion_css.cx)((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("form-control")), styles["formControl"], className),
+		children: [children, (error || helperText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
+			variant: "caption",
+			color: error ? "error" : "textSecondary",
+			className: (0, __emotion_css.cx)((0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("form-control", "helper-text")), styles["helperText"], {
+				[(0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("form-control", "helper-text", "error"))]: !!error,
+				[styles["helperTextError"]]: !!error
+			}),
+			children: error || helperText
+		})]
+	});
+};
+var FormControl_default = FormControl;
+
+//#endregion
+exports.default = FormControl_default;
+//# sourceMappingURL=FormControl.cjs.map

package/dist/cjs/components/primitives/FormControl/FormControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.cjs","names":["FormControl: FC<FormControlProps>","useTheme","styles: Record<string, string>","useStyles","Typography"],"sources":["../../../../../src/components/primitives/FormControl/FormControl.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 {bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {CSSProperties, FC, ReactNode} from 'react';\nimport useStyles from './FormControl.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport Typography from '../Typography/Typography';\n\nexport type FormControlHelperTextAlign = 'left' | 'center';\n\nexport interface FormControlProps {\n  /**\n   * The content to be wrapped by the form control\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Error message to display below the content\n   */\n  error?: string;\n  /**\n   * Helper text to display below the content\n   */\n  helperText?: string;\n  /**\n   * Custom alignment for helper text (default: left, center for OTP)\n   */\n  helperTextAlign?: FormControlHelperTextAlign;\n  /**\n   * Custom margin left for helper text (for components like Checkbox)\n   */\n  helperTextMarginLeft?: string;\n  /**\n   * Custom container style\n   */\n  style?: CSSProperties;\n}\n\nconst FormControl: FC<FormControlProps> = ({\n  children,\n  error,\n  helperText,\n  className,\n  helperTextAlign = 'left',\n  helperTextMarginLeft,\n}: FormControlProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, helperTextAlign, helperTextMarginLeft, !!error);\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(bem('form-control')), styles['formControl'], className)}>\n      {children}\n      {(error || helperText) && (\n        <Typography\n          variant=\"caption\"\n          color={error ? 'error' : 'textSecondary'}\n          className={cx(withVendorCSSClassPrefix(bem('form-control', 'helper-text')), styles['helperText'], {\n            [withVendorCSSClassPrefix(bem('form-control', 'helper-text', 'error'))]: !!error,\n            [styles['helperTextError']]: !!error,\n          })}\n        >\n          {error || helperText}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"mappings":";;;;;;;;;;;;AA0DA,MAAMA,eAAqC,EACzC,UACA,OACA,YACA,WACA,kBAAkB,QAClB,2BACsB;CACtB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,mCAAU,OAAO,aAAa,iBAAiB,sBAAsB,CAAC,CAAC,MAAM;AAEpH,QACE,4CAAC;EAAI,gHAA2C,eAAe,CAAC,EAAE,OAAO,gBAAgB,UAAU;aAChG,WACC,SAAS,eACT,2CAACC;GACC,SAAQ;GACR,OAAO,QAAQ,UAAU;GACzB,gHAA2C,gBAAgB,cAAc,CAAC,EAAE,OAAO,eAAe;oFAClE,gBAAgB,eAAe,QAAQ,CAAC,GAAG,CAAC,CAAC;KAC1E,OAAO,qBAAqB,CAAC,CAAC;IAChC,CAAC;aAED,SAAS;IACC;GAEX;;AAIV,0BAAe"}

package/dist/cjs/components/primitives/FormControl/FormControl.styles.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/primitives/FormControl/FormControl.styles.ts
+/**
+* Creates styles for the FormControl component using BEM methodology
+* @param theme - The theme object containing design tokens
+* @param colorScheme - The current color scheme (used for memoization)
+* @param helperTextAlign - The alignment for helper text
+* @param helperTextMarginLeft - Custom margin left for helper text
+* @param hasError - Whether the form control has an error
+* @returns Object containing CSS class names for component styling
+*/
+const useStyles = (theme, colorScheme, helperTextAlign, helperTextMarginLeft, hasError) => (0, react.useMemo)(() => {
+	return {
+		formControl: __emotion_css.css`
+      text-align: start;
+      font-family: ${theme.vars.typography.fontFamily};
+    `,
+		helperText: __emotion_css.css`
+      margin-top: calc(${theme.vars.spacing.unit} / 2);
+      text-align: ${helperTextAlign === "left" ? "start" : helperTextAlign};
+      ${helperTextMarginLeft && `margin-inline-start: ${helperTextMarginLeft};`}
+    `,
+		helperTextError: __emotion_css.css`
+      color: ${theme.vars.colors.error.main};
+    `
+	};
+}, [
+	theme,
+	colorScheme,
+	helperTextAlign,
+	helperTextMarginLeft,
+	hasError
+]);
+var FormControl_styles_default = useStyles;
+
+//#endregion
+exports.default = FormControl_styles_default;
+//# sourceMappingURL=FormControl.styles.cjs.map

package/dist/cjs/components/primitives/FormControl/FormControl.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.styles.cjs","names":[],"sources":["../../../../../src/components/primitives/FormControl/FormControl.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\nexport type FormControlHelperTextAlign = 'left' | 'center';\n\n/**\n * Creates styles for the FormControl 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 helperTextAlign - The alignment for helper text\n * @param helperTextMarginLeft - Custom margin left for helper text\n * @param hasError - Whether the form control has an error\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (\n  theme: Theme,\n  colorScheme: string,\n  helperTextAlign: FormControlHelperTextAlign,\n  helperTextMarginLeft?: string,\n  hasError?: boolean,\n): Record<string, string> =>\n  useMemo(() => {\n    const formControl: string = css`\n      text-align: start;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const helperText: string = css`\n      margin-top: calc(${theme.vars.spacing.unit} / 2);\n      text-align: ${helperTextAlign === 'left' ? 'start' : helperTextAlign};\n      ${helperTextMarginLeft && `margin-inline-start: ${helperTextMarginLeft};`}\n    `;\n\n    const helperTextError: string = css`\n      color: ${theme.vars.colors.error.main};\n    `;\n\n    return {\n      formControl,\n      helperText,\n      helperTextError,\n    };\n  }, [theme, colorScheme, helperTextAlign, helperTextMarginLeft, hasError]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAM,aACJ,OACA,aACA,iBACA,sBACA,sCAEc;AAgBZ,QAAO;EACL,aAhB0B,iBAAG;;qBAEd,MAAM,KAAK,WAAW,WAAW;;EAehD,YAZyB,iBAAG;yBACT,MAAM,KAAK,QAAQ,KAAK;oBAC7B,oBAAoB,SAAS,UAAU,gBAAgB;QACnE,wBAAwB,wBAAwB,qBAAqB,GAAG;;EAU1E,iBAP8B,iBAAG;eACxB,MAAM,KAAK,OAAO,MAAM,KAAK;;EAOvC;GACA;CAAC;CAAO;CAAa;CAAiB;CAAsB;CAAS,CAAC;AAE3E,iCAAe"}

package/dist/cjs/components/primitives/Icons/ArrowLeftRight.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/ArrowLeftRight.tsx
+/**
+* ArrowLeftRight Icon component (lucide-compatible).
+*/
+const ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: color,
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 3 4 7l4 4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 7h16" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m16 21 4-4-4-4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 17H4" })
+	]
+});
+ArrowLeftRight.displayName = "ArrowLeftRight";
+var ArrowLeftRight_default = ArrowLeftRight;
+
+//#endregion
+exports.default = ArrowLeftRight_default;
+//# sourceMappingURL=ArrowLeftRight.cjs.map

package/dist/cjs/components/primitives/Icons/ArrowLeftRight.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeftRight.cjs","names":["ArrowLeftRight: FC<ArrowLeftRightProps>"],"sources":["../../../../../src/components/primitives/Icons/ArrowLeftRight.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';\n\nexport interface ArrowLeftRightProps {\n  /** Color of the icon stroke */\n  color?: string;\n  /** Icon size in pixels */\n  size?: number;\n}\n\n/**\n * ArrowLeftRight Icon component (lucide-compatible).\n */\nconst ArrowLeftRight: FC<ArrowLeftRightProps> = ({color = 'currentColor', size = 24}: ArrowLeftRightProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M8 3 4 7l4 4\" />\n    <path d=\"M4 7h16\" />\n    <path d=\"m16 21 4-4-4-4\" />\n    <path d=\"M20 17H4\" />\n  </svg>\n);\n\nArrowLeftRight.displayName = 'ArrowLeftRight';\n\nexport default ArrowLeftRight;\n"],"mappings":";;;;;;;;AA8BA,MAAMA,kBAA2C,EAAC,QAAQ,gBAAgB,OAAO,SAC/E,4CAAC;CACC,OAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAQ;CACR,MAAK;CACL,QAAQ;CACR,aAAY;CACZ,eAAc;CACd,gBAAe;;EAEf,2CAAC,UAAK,GAAE,iBAAiB;EACzB,2CAAC,UAAK,GAAE,YAAY;EACpB,2CAAC,UAAK,GAAE,mBAAmB;EAC3B,2CAAC,UAAK,GAAE,aAAa;;EACjB;AAGR,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/cjs/components/primitives/Icons/ArrowRightLeft.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/ArrowRightLeft.tsx
+/**
+* ArrowRightLeft Icon component (lucide-compatible).
+*/
+const ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: color,
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m16 3 4 4-4 4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 7H4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m8 21-4-4 4-4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 17h16" })
+	]
+});
+ArrowRightLeft.displayName = "ArrowRightLeft";
+var ArrowRightLeft_default = ArrowRightLeft;
+
+//#endregion
+exports.default = ArrowRightLeft_default;
+//# sourceMappingURL=ArrowRightLeft.cjs.map

package/dist/cjs/components/primitives/Icons/ArrowRightLeft.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightLeft.cjs","names":["ArrowRightLeft: FC<ArrowRightLeftProps>"],"sources":["../../../../../src/components/primitives/Icons/ArrowRightLeft.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';\n\nexport interface ArrowRightLeftProps {\n  /** Color of the icon stroke */\n  color?: string;\n  /** Icon size in pixels */\n  size?: number;\n}\n\n/**\n * ArrowRightLeft Icon component (lucide-compatible).\n */\nconst ArrowRightLeft: FC<ArrowRightLeftProps> = ({color = 'currentColor', size = 24}: ArrowRightLeftProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke={color}\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"m16 3 4 4-4 4\" />\n    <path d=\"M20 7H4\" />\n    <path d=\"m8 21-4-4 4-4\" />\n    <path d=\"M4 17h16\" />\n  </svg>\n);\n\nArrowRightLeft.displayName = 'ArrowRightLeft';\n\nexport default ArrowRightLeft;\n"],"mappings":";;;;;;;;AA8BA,MAAMA,kBAA2C,EAAC,QAAQ,gBAAgB,OAAO,SAC/E,4CAAC;CACC,OAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAQ;CACR,MAAK;CACL,QAAQ;CACR,aAAY;CACZ,eAAc;CACd,gBAAe;;EAEf,2CAAC,UAAK,GAAE,kBAAkB;EAC1B,2CAAC,UAAK,GAAE,YAAY;EACpB,2CAAC,UAAK,GAAE,kBAAkB;EAC1B,2CAAC,UAAK,GAAE,aAAa;;EACjB;AAGR,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/cjs/components/primitives/Icons/Building.cjs

@@ -0,0 +1,75 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/Building.tsx
+/**
+* Building Icon component.
+*
+* @param props - Props injected to the component.
+* @returns Building Icon component.
+*/
+const Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width,
+	height,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M6 12h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M6 8h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 8h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 12h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M6 18h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 18h4",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+Building.displayName = "Building";
+var Building_default = Building;
+
+//#endregion
+exports.default = Building_default;
+//# sourceMappingURL=Building.cjs.map

package/dist/cjs/components/primitives/Icons/Building.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Building.cjs","names":["Building: FC<BuildingProps>"],"sources":["../../../../../src/components/primitives/Icons/Building.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} from 'react';\n\nexport interface BuildingProps {\n  /**\n   * Color of the icon.\n   */\n  color?: string;\n  /**\n   * Height of the icon.\n   */\n  height?: number | string;\n  /**\n   * Width of the icon.\n   */\n  width?: number | string;\n}\n\n/**\n * Building Icon component.\n *\n * @param props - Props injected to the component.\n * @returns Building Icon component.\n */\nconst Building: FC<BuildingProps> = ({color = 'currentColor', height = 24, width = 24}: BuildingProps) => (\n  <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\n      stroke={color}\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path d=\"M6 12h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M6 8h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M14 8h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M14 12h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M6 18h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M14 18h4\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nBuilding.displayName = 'Building';\n\nexport default Building;\n"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,YAA+B,EAAC,QAAQ,gBAAgB,SAAS,IAAI,QAAQ,SACjF,4CAAC;CAAW;CAAe;CAAQ,SAAQ;CAAY,MAAK;CAAO,OAAM;;EACvE,2CAAC;GACC,GAAE;GACF,QAAQ;GACR,aAAY;GACZ,eAAc;GACd,gBAAe;IACf;EACF,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAS,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAC/F,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAW,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EACjG,2CAAC;GAAK,GAAE;GAAU,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;EAChG,2CAAC;GAAK,GAAE;GAAW,QAAQ;GAAO,aAAY;GAAI,eAAc;GAAQ,gBAAe;IAAU;;EAC7F;AAGR,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/cjs/components/primitives/Icons/BuildingAlt.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/BuildingAlt.tsx
+/**
+* Alternative Building Icon component.
+*
+* @param props - Props injected to the component.
+* @returns Alternative Building Icon component.
+*/
+const BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width,
+	height,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 6h4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 10h4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 14h4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 18h4" })
+	]
+});
+BuildingAlt.displayName = "BuildingAlt";
+var BuildingAlt_default = BuildingAlt;
+
+//#endregion
+exports.default = BuildingAlt_default;
+//# sourceMappingURL=BuildingAlt.cjs.map

package/dist/cjs/components/primitives/Icons/BuildingAlt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildingAlt.cjs","names":["BuildingAlt: FC<BuildingAltProps>"],"sources":["../../../../../src/components/primitives/Icons/BuildingAlt.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} from 'react';\n\nexport interface BuildingAltProps {\n  /**\n   * Color of the icon.\n   */\n  color?: string;\n  /**\n   * Height of the icon.\n   */\n  height?: number | string;\n  /**\n   * Width of the icon.\n   */\n  width?: number | string;\n}\n\n/**\n * Alternative Building Icon component.\n *\n * @param props - Props injected to the component.\n * @returns Alternative Building Icon component.\n */\nconst BuildingAlt: FC<BuildingAltProps> = ({height = 24, width = 24}: BuildingAltProps) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\" />\n    <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" />\n    <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\" />\n    <path d=\"M10 6h4\" />\n    <path d=\"M10 10h4\" />\n    <path d=\"M10 14h4\" />\n    <path d=\"M10 18h4\" />\n  </svg>\n);\n\nBuildingAlt.displayName = 'BuildingAlt';\n\nexport default BuildingAlt;\n"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,eAAqC,EAAC,SAAS,IAAI,QAAQ,SAC/D,4CAAC;CACQ;CACC;CACR,SAAQ;CACR,MAAK;CACL,OAAM;CACN,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;;EAEf,2CAAC,UAAK,GAAE,8CAA8C;EACtD,2CAAC,UAAK,GAAE,4CAA4C;EACpD,2CAAC,UAAK,GAAE,6CAA6C;EACrD,2CAAC,UAAK,GAAE,YAAY;EACpB,2CAAC,UAAK,GAAE,aAAa;EACrB,2CAAC,UAAK,GAAE,aAAa;EACrB,2CAAC,UAAK,GAAE,aAAa;;EACjB;AAGR,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/cjs/components/primitives/Icons/Check.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/Check.tsx
+/**
+* Check Icon component.
+*
+* @param props - Props injected to the component.
+* @returns Check Icon component.
+*/
+const Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width,
+	height,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: "M20 6 9 17l-5-5",
+		stroke: color,
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+Check.displayName = "Check";
+var Check_default = Check;
+
+//#endregion
+exports.default = Check_default;
+//# sourceMappingURL=Check.cjs.map

package/dist/cjs/components/primitives/Icons/Check.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Check.cjs","names":["Check: FC<CheckProps>"],"sources":["../../../../../src/components/primitives/Icons/Check.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} from 'react';\n\nexport interface CheckProps {\n  /**\n   * Color of the icon.\n   */\n  color?: string;\n  /**\n   * Height of the icon.\n   */\n  height?: number | string;\n  /**\n   * Width of the icon.\n   */\n  width?: number | string;\n}\n\n/**\n * Check Icon component.\n *\n * @param props - Props injected to the component.\n * @returns Check Icon component.\n */\nconst Check: FC<CheckProps> = ({color = 'currentColor', height = 24, width = 24}: CheckProps) => (\n  <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M20 6 9 17l-5-5\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nCheck.displayName = 'Check';\n\nexport default Check;\n"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,SAAyB,EAAC,QAAQ,gBAAgB,SAAS,IAAI,QAAQ,SAC3E,2CAAC;CAAW;CAAe;CAAQ,SAAQ;CAAY,MAAK;CAAO,OAAM;WACvE,2CAAC;EAAK,GAAE;EAAkB,QAAQ;EAAO,aAAY;EAAI,eAAc;EAAQ,gBAAe;GAAU;EACpG;AAGR,MAAM,cAAc;AAEpB,oBAAe"}

package/dist/cjs/components/primitives/Icons/ChevronDown.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/ChevronDown.tsx
+/**
+* ChevronDown Icon component.
+*
+* @param props - Props injected to the component.
+* @returns ChevronDown Icon component.
+*/
+const ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width,
+	height,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: "m6 9 6 6 6-6",
+		stroke: color,
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+ChevronDown.displayName = "ChevronDown";
+var ChevronDown_default = ChevronDown;
+
+//#endregion
+exports.default = ChevronDown_default;
+//# sourceMappingURL=ChevronDown.cjs.map

package/dist/cjs/components/primitives/Icons/ChevronDown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.cjs","names":["ChevronDown: FC<ChevronDownProps>"],"sources":["../../../../../src/components/primitives/Icons/ChevronDown.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} from 'react';\n\nexport interface ChevronDownProps {\n  /**\n   * Color of the icon.\n   */\n  color?: string;\n  /**\n   * Height of the icon.\n   */\n  height?: number | string;\n  /**\n   * Width of the icon.\n   */\n  width?: number | string;\n}\n\n/**\n * ChevronDown Icon component.\n *\n * @param props - Props injected to the component.\n * @returns ChevronDown Icon component.\n */\nconst ChevronDown: FC<ChevronDownProps> = ({color = 'currentColor', height = 24, width = 24}: ChevronDownProps) => (\n  <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"m6 9 6 6 6-6\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nChevronDown.displayName = 'ChevronDown';\n\nexport default ChevronDown;\n"],"mappings":";;;;;;;;;;;AAyCA,MAAMA,eAAqC,EAAC,QAAQ,gBAAgB,SAAS,IAAI,QAAQ,SACvF,2CAAC;CAAW;CAAe;CAAQ,SAAQ;CAAY,MAAK;CAAO,OAAM;WACvE,2CAAC;EAAK,GAAE;EAAe,QAAQ;EAAO,aAAY;EAAI,eAAc;EAAQ,gBAAe;GAAU;EACjG;AAGR,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/cjs/components/primitives/Icons/CircleAlert.cjs

@@ -0,0 +1,44 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/CircleAlert.tsx
+/**
+* CircleAlert icon component.
+*/
+const CircleAlert = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+			x1: "12",
+			x2: "12",
+			y1: "8",
+			y2: "12"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+			x1: "12",
+			x2: "12.01",
+			y1: "16",
+			y2: "16"
+		})
+	]
+});
+var CircleAlert_default = CircleAlert;
+
+//#endregion
+exports.default = CircleAlert_default;
+//# sourceMappingURL=CircleAlert.cjs.map

package/dist/cjs/components/primitives/Icons/CircleAlert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleAlert.cjs","names":["CircleAlert: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/CircleAlert.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 * CircleAlert icon component.\n */\nconst CircleAlert: 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    <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n    <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n  </svg>\n);\n\nexport default CircleAlert;\n"],"mappings":";;;;;;;;AAuBA,MAAMA,eAA4C,UAChD,4CAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,2CAAC;GAAO,IAAG;GAAK,IAAG;GAAK,GAAE;IAAO;EACjC,2CAAC;GAAK,IAAG;GAAK,IAAG;GAAK,IAAG;GAAI,IAAG;IAAO;EACvC,2CAAC;GAAK,IAAG;GAAK,IAAG;GAAQ,IAAG;GAAK,IAAG;IAAO;;EACvC;AAGR,0BAAe"}

package/dist/cjs/components/primitives/Icons/CircleCheck.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/CircleCheck.tsx
+/**
+* CircleCheck icon component.
+*/
+const CircleCheck = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m9 12 2 2 4-4" })]
+});
+var CircleCheck_default = CircleCheck;
+
+//#endregion
+exports.default = CircleCheck_default;
+//# sourceMappingURL=CircleCheck.cjs.map

package/dist/cjs/components/primitives/Icons/CircleCheck.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleCheck.cjs","names":["CircleCheck: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/CircleCheck.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 * CircleCheck icon component.\n */\nconst CircleCheck: 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=\"m9 12 2 2 4-4\" />\n  </svg>\n);\n\nexport default CircleCheck;\n"],"mappings":";;;;;;;;AAuBA,MAAMA,eAA4C,UAChD,4CAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,2CAAC;EAAO,IAAG;EAAK,IAAG;EAAK,GAAE;GAAO,EACjC,2CAAC,UAAK,GAAE,kBAAkB;EACtB;AAGR,0BAAe"}

package/dist/cjs/components/primitives/Icons/Eye.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/Eye.tsx
+/**
+* Eye icon component.
+*/
+const Eye = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+		cx: "12",
+		cy: "12",
+		r: "3"
+	})]
+});
+var Eye_default = Eye;
+
+//#endregion
+exports.default = Eye_default;
+//# sourceMappingURL=Eye.cjs.map

package/dist/cjs/components/primitives/Icons/Eye.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eye.cjs","names":["Eye: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/Eye.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 * Eye icon component.\n */\nconst Eye: 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=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </svg>\n);\n\nexport default Eye;\n"],"mappings":";;;;;;;;AAuBA,MAAMA,OAAoC,UACxC,4CAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;YAEJ,2CAAC,UAAK,GAAE,0GAA0G,EAClH,2CAAC;EAAO,IAAG;EAAK,IAAG;EAAK,GAAE;GAAM;EAC5B;AAGR,kBAAe"}

package/dist/cjs/components/primitives/Icons/EyeOff.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/EyeOff.tsx
+/**
+* EyeOff icon component.
+*/
+const EyeOff = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m2 2 20 20" })
+	]
+});
+var EyeOff_default = EyeOff;
+
+//#endregion
+exports.default = EyeOff_default;
+//# sourceMappingURL=EyeOff.cjs.map

package/dist/cjs/components/primitives/Icons/EyeOff.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeOff.cjs","names":["EyeOff: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/EyeOff.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 * EyeOff icon component.\n */\nconst EyeOff: 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=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n    <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n    <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n    <path d=\"m2 2 20 20\" />\n  </svg>\n);\n\nexport default EyeOff;\n"],"mappings":";;;;;;;;AAuBA,MAAMA,UAAuC,UAC3C,4CAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,2CAAC,UAAK,GAAE,mGAAmG;EAC3G,2CAAC,UAAK,GAAE,yCAAyC;EACjD,2CAAC,UAAK,GAAE,iGAAiG;EACzG,2CAAC,UAAK,GAAE,eAAe;;EACnB;AAGR,qBAAe"}

package/dist/cjs/components/primitives/Icons/Info.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/primitives/Icons/Info.tsx
+/**
+* Info icon component.
+*/
+const Info = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
+	]
+});
+var Info_default = Info;
+
+//#endregion
+exports.default = Info_default;
+//# sourceMappingURL=Info.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Info.cjs","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,4CAAC;CACC,OAAM;CACN,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,GAAI;;EAEJ,2CAAC;GAAO,IAAG;GAAK,IAAG;GAAK,GAAE;IAAO;EACjC,2CAAC,UAAK,GAAE,cAAc;EACtB,2CAAC,UAAK,GAAE,cAAc;;EAClB;AAGR,mBAAe"}