@thunderid/react 0.11.2 → 0.11.4

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

@@ -1 +1 @@
-{"version":3,"file":"CopyableText.cjs","names":["CopyableText: FC<CopyableTextProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","handleCopy: ReturnType<typeof useCallback>","textArea: HTMLTextAreaElement","Button"],"sources":["../../../../../src/components/primitives/CopyableText/CopyableText.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, ReactElement, useCallback, useState} from 'react';\nimport useStyles from './CopyableText.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../Button/Button';\n\nexport interface CopyableTextProps {\n  /**\n   * Optional label displayed above the value box.\n   */\n  label?: string;\n  /**\n   * The text value to display and copy.\n   */\n  value: string;\n}\n\n/**\n * A React component that displays a text value with an optional label and a button to copy the value to\n * the clipboard. When the button is clicked, it attempts to copy the value using the Clipboard API, and\n * falls back to a textarea method if the API is not supported.\n * After copying, it shows a \"Copied!\" message for 3 seconds before resetting.\n */\nconst CopyableText: FC<CopyableTextProps> = ({label, value}: CopyableTextProps): ReactElement => {\n  const {theme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme);\n  const {t} = useTranslation();\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy: ReturnType<typeof useCallback> = useCallback(async (): Promise<void> => {\n    try {\n      await navigator.clipboard.writeText(value);\n    } catch {\n      const textArea: HTMLTextAreaElement = document.createElement('textarea');\n      textArea.value = value;\n      document.body.appendChild(textArea);\n      textArea.select();\n      document.execCommand('copy');\n      document.body.removeChild(textArea);\n    }\n    setCopied(true);\n    setTimeout(() => setCopied(false), 3000);\n  }, [value]);\n\n  return (\n    <div className={styles['container']}>\n      {label && <span className={styles['label']}>{label}</span>}\n      <div className={styles['valueBox']}>\n        <span className={styles['valueText']}>{value}</span>\n        <Button\n          variant=\"outline\"\n          size=\"small\"\n          className={styles['copyButton']}\n          onClick={() => {\n            handleCopy().catch(() => undefined);\n          }}\n        >\n          {copied ? t('elements.display.copyable_text.copied') : t('elements.display.copyable_text.copy')}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default CopyableText;\n"],"mappings":";;;;;;;;;;;;;;;;;AAyCA,MAAMA,gBAAuC,EAAC,OAAO,YAA4C;CAC/F,MAAM,EAAC,UAASC,0BAAU;CAC1B,MAAMC,SAAiCC,oCAAU,MAAM;CACvD,MAAM,EAAC,MAAKC,gCAAgB;CAC5B,MAAM,CAAC,QAAQ,iCAAsB,MAAM;CAE3C,MAAMC,oCAAyD,YAA2B;AACxF,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,MAAM;UACpC;GACN,MAAMC,WAAgC,SAAS,cAAc,WAAW;AACxE,YAAS,QAAQ;AACjB,YAAS,KAAK,YAAY,SAAS;AACnC,YAAS,QAAQ;AACjB,YAAS,YAAY,OAAO;AAC5B,YAAS,KAAK,YAAY,SAAS;;AAErC,YAAU,KAAK;AACf,mBAAiB,UAAU,MAAM,EAAE,IAAK;IACvC,CAAC,MAAM,CAAC;AAEX,QACE,4CAAC;EAAI,WAAW,OAAO;aACpB,SAAS,2CAAC;GAAK,WAAW,OAAO;aAAW;IAAa,EAC1D,4CAAC;GAAI,WAAW,OAAO;cACrB,2CAAC;IAAK,WAAW,OAAO;cAAe;KAAa,EACpD,2CAACC;IACC,SAAQ;IACR,MAAK;IACL,WAAW,OAAO;IAClB,eAAe;AACb,iBAAY,CAAC,YAAY,OAAU;;cAGpC,SAAS,EAAE,wCAAwC,GAAG,EAAE,sCAAsC;KACxF;IACL;GACF;;AAIV,2BAAe"}
+{"version":3,"file":"CopyableText.cjs","names":["CopyableText: FC<CopyableTextProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","handleCopy: ReturnType<typeof useCallback>","textArea: HTMLTextAreaElement","Button"],"sources":["../../../../../src/components/primitives/CopyableText/CopyableText.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactElement, useCallback, useState} from 'react';\nimport useStyles from './CopyableText.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../Button/Button';\n\nexport interface CopyableTextProps {\n  /**\n   * Optional label displayed above the value box.\n   */\n  label?: string;\n  /**\n   * The text value to display and copy.\n   */\n  value: string;\n}\n\n/**\n * A React component that displays a text value with an optional label and a button to copy the value to\n * the clipboard. When the button is clicked, it attempts to copy the value using the Clipboard API, and\n * falls back to a textarea method if the API is not supported.\n * After copying, it shows a \"Copied!\" message for 3 seconds before resetting.\n */\nconst CopyableText: FC<CopyableTextProps> = ({label, value}: CopyableTextProps): ReactElement => {\n  const {theme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme);\n  const {t} = useTranslation();\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy: ReturnType<typeof useCallback> = useCallback(async (): Promise<void> => {\n    try {\n      await navigator.clipboard.writeText(value);\n    } catch {\n      const textArea: HTMLTextAreaElement = document.createElement('textarea');\n      textArea.value = value;\n      document.body.appendChild(textArea);\n      textArea.select();\n      document.execCommand('copy');\n      document.body.removeChild(textArea);\n    }\n    setCopied(true);\n    setTimeout(() => setCopied(false), 3000);\n  }, [value]);\n\n  return (\n    <div className={styles['container']}>\n      {label && <span className={styles['label']}>{label}</span>}\n      <div className={styles['valueBox']}>\n        <span className={styles['valueText']}>{value}</span>\n        <Button\n          variant=\"outline\"\n          size=\"small\"\n          className={styles['copyButton']}\n          onClick={() => {\n            handleCopy().catch(() => undefined);\n          }}\n        >\n          {copied ? t('elements.display.copyable_text.copied') : t('elements.display.copyable_text.copy')}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default CopyableText;\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAMA,gBAAuC,EAAC,OAAO,YAA4C;CAC/F,MAAM,EAAC,UAASC,0BAAU;CAC1B,MAAMC,SAAiCC,oCAAU,MAAM;CACvD,MAAM,EAAC,MAAKC,gCAAgB;CAC5B,MAAM,CAAC,QAAQ,iCAAsB,MAAM;CAE3C,MAAMC,oCAAyD,YAA2B;AACxF,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,MAAM;UACpC;GACN,MAAMC,WAAgC,SAAS,cAAc,WAAW;AACxE,YAAS,QAAQ;AACjB,YAAS,KAAK,YAAY,SAAS;AACnC,YAAS,QAAQ;AACjB,YAAS,YAAY,OAAO;AAC5B,YAAS,KAAK,YAAY,SAAS;;AAErC,YAAU,KAAK;AACf,mBAAiB,UAAU,MAAM,EAAE,IAAK;IACvC,CAAC,MAAM,CAAC;AAEX,QACE,4CAAC;EAAI,WAAW,OAAO;aACpB,SAAS,2CAAC;GAAK,WAAW,OAAO;aAAW;IAAa,EAC1D,4CAAC;GAAI,WAAW,OAAO;cACrB,2CAAC;IAAK,WAAW,OAAO;cAAe;KAAa,EACpD,2CAACC;IACC,SAAQ;IACR,MAAK;IACL,WAAW,OAAO;IAClB,eAAe;AACb,iBAAY,CAAC,YAAY,OAAU;;cAGpC,SAAS,EAAE,wCAAwC,GAAG,EAAE,sCAAsC;KACxF;IACL;GACF;;AAIV,2BAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"CopyableText.styles.cjs","names":[],"sources":["../../../../../src/components/primitives/CopyableText/CopyableText.styles.ts"],"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 {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nconst useStyles = (theme: Theme): Record<string, string> =>\n  useMemo(\n    () => ({\n      container: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${theme.vars.spacing.unit} * 0.5);\n        width: 100%;\n      `,\n      copyButton: css`\n        flex-shrink: 0;\n        white-space: nowrap;\n      `,\n      label: css`\n        color: ${theme.vars.colors.text.secondary};\n        font-size: 0.875rem;\n        font-weight: 500;\n      `,\n      valueBox: css`\n        align-items: center;\n        background-color: ${theme.vars.colors.background.surface};\n        border: 1px solid ${theme.vars.colors.border};\n        border-radius: ${theme.vars.borderRadius.small};\n        display: flex;\n        gap: calc(${theme.vars.spacing.unit} * 1);\n        padding: calc(${theme.vars.spacing.unit} * 0.75) calc(${theme.vars.spacing.unit} * 1);\n      `,\n      valueText: css`\n        color: ${theme.vars.colors.text.primary};\n        flex: 1;\n        font-family: monospace;\n        font-size: 0.85rem;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        word-break: break-all;\n      `,\n    }),\n    [theme],\n  );\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAsBA,MAAM,aAAa,oCAER;CACL,WAAW,iBAAG;;;oBAGA,MAAM,KAAK,QAAQ,KAAK;;;CAGtC,YAAY,iBAAG;;;;CAIf,OAAO,iBAAG;iBACC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAI5C,UAAU,iBAAG;;4BAES,MAAM,KAAK,OAAO,WAAW,QAAQ;4BACrC,MAAM,KAAK,OAAO,OAAO;yBAC5B,MAAM,KAAK,aAAa,MAAM;;oBAEnC,MAAM,KAAK,QAAQ,KAAK;wBACpB,MAAM,KAAK,QAAQ,KAAK,gBAAgB,MAAM,KAAK,QAAQ,KAAK;;CAElF,WAAW,iBAAG;iBACH,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;;;;CAS3C,GACD,CAAC,MAAM,CACR;AAEH,kCAAe"}
+{"version":3,"file":"CopyableText.styles.cjs","names":[],"sources":["../../../../../src/components/primitives/CopyableText/CopyableText.styles.ts"],"sourcesContent":["// Copyright 2026 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\nconst useStyles = (theme: Theme): Record<string, string> =>\n  useMemo(\n    () => ({\n      container: css`\n        display: flex;\n        flex-direction: column;\n        gap: calc(${theme.vars.spacing.unit} * 0.5);\n        width: 100%;\n      `,\n      copyButton: css`\n        flex-shrink: 0;\n        white-space: nowrap;\n      `,\n      label: css`\n        color: ${theme.vars.colors.text.secondary};\n        font-size: 0.875rem;\n        font-weight: 500;\n      `,\n      valueBox: css`\n        align-items: center;\n        background-color: ${theme.vars.colors.background.surface};\n        border: 1px solid ${theme.vars.colors.border};\n        border-radius: ${theme.vars.borderRadius.small};\n        display: flex;\n        gap: calc(${theme.vars.spacing.unit} * 1);\n        padding: calc(${theme.vars.spacing.unit} * 0.75) calc(${theme.vars.spacing.unit} * 1);\n      `,\n      valueText: css`\n        color: ${theme.vars.colors.text.primary};\n        flex: 1;\n        font-family: monospace;\n        font-size: 0.85rem;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        word-break: break-all;\n      `,\n    }),\n    [theme],\n  );\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAOA,MAAM,aAAa,oCAER;CACL,WAAW,iBAAG;;;oBAGA,MAAM,KAAK,QAAQ,KAAK;;;CAGtC,YAAY,iBAAG;;;;CAIf,OAAO,iBAAG;iBACC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAI5C,UAAU,iBAAG;;4BAES,MAAM,KAAK,OAAO,WAAW,QAAQ;4BACrC,MAAM,KAAK,OAAO,OAAO;yBAC5B,MAAM,KAAK,aAAa,MAAM;;oBAEnC,MAAM,KAAK,QAAQ,KAAK;wBACpB,MAAM,KAAK,QAAQ,KAAK,gBAAgB,MAAM,KAAK,QAAQ,KAAK;;CAElF,WAAW,iBAAG;iBACH,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;;;;CAS3C,GACD,CAAC,MAAM,CACR;AAEH,kCAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","names":["DatePicker: FC<DatePickerProps>","useTheme","styles: Record<string, string>","useStyles","FormControl","InputLabel"],"sources":["../../../../../src/components/primitives/DatePicker/DatePicker.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 {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {FC, InputHTMLAttributes} from 'react';\nimport useStyles from './DatePicker.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport FormControl from '../FormControl/FormControl';\nimport InputLabel from '../InputLabel/InputLabel';\n\nexport interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'> {\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Custom date format for the regex pattern\n   */\n  dateFormat?: string;\n  /**\n   * Whether the field is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Error message to display below the input\n   */\n  error?: string;\n  /**\n   * Helper text to display below the input\n   */\n  helperText?: string;\n  /**\n   * Label text to display above the input\n   */\n  label?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n}\n\nconst DatePicker: FC<DatePickerProps> = ({\n  label,\n  error,\n  className,\n  required,\n  disabled,\n  helperText,\n  dateFormat = 'yyyy-MM-dd',\n  style = {},\n  ...rest\n}: DatePickerProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const hasError = !!error;\n  const styles: Record<string, string> = useStyles(theme, colorScheme, hasError, !!disabled);\n\n  return (\n    <FormControl\n      error={error}\n      helperText={helperText}\n      className={cx(withVendorCSSClassPrefix(bem('date-picker')), className)}\n      style={style}\n    >\n      {label && (\n        <InputLabel\n          required={required}\n          error={hasError}\n          className={cx(withVendorCSSClassPrefix(bem('date-picker', 'label')), styles['label'])}\n        >\n          {label}\n        </InputLabel>\n      )}\n      <input\n        type=\"date\"\n        pattern=\"\\d{4}-\\d{2}-\\d{2}\"\n        placeholder={dateFormat}\n        className={cx(\n          withVendorCSSClassPrefix(bem('date-picker', 'input')),\n          styles['input'],\n          styles['errorInput'],\n          styles['disabledInput'],\n          {\n            [withVendorCSSClassPrefix(bem('date-picker', 'input', 'error'))]: hasError,\n            [withVendorCSSClassPrefix(bem('date-picker', 'input', 'disabled'))]: disabled,\n          },\n        )}\n        disabled={disabled}\n        aria-invalid={hasError}\n        aria-required={required}\n        {...rest}\n      />\n    </FormControl>\n  );\n};\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;;AAyDA,MAAMA,cAAmC,EACvC,OACA,OACA,WACA,UACA,UACA,YACA,aAAa,cACb,QAAQ,EAAE,CACV,GAAG,WACkB;CACrB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAM,WAAW,CAAC,CAAC;CACnB,MAAMC,SAAiCC,kCAAU,OAAO,aAAa,UAAU,CAAC,CAAC,SAAS;AAE1F,QACE,4CAACC;EACQ;EACK;EACZ,gHAA2C,cAAc,CAAC,EAAE,UAAU;EAC/D;aAEN,SACC,2CAACC;GACW;GACV,OAAO;GACP,gHAA2C,eAAe,QAAQ,CAAC,EAAE,OAAO,SAAS;aAEpF;IACU,EAEf,2CAAC;GACC,MAAK;GACL,SAAQ;GACR,aAAa;GACb,gHAC+B,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,OAAO,eACP,OAAO,kBACP;oFACgC,eAAe,SAAS,QAAQ,CAAC,GAAG;oFACpC,eAAe,SAAS,WAAW,CAAC,GAAG;IACtE,CACF;GACS;GACV,gBAAc;GACd,iBAAe;GACf,GAAI;IACJ;GACU;;AAIlB,yBAAe"}
+{"version":3,"file":"DatePicker.cjs","names":["DatePicker: FC<DatePickerProps>","useTheme","styles: Record<string, string>","useStyles","FormControl","InputLabel"],"sources":["../../../../../src/components/primitives/DatePicker/DatePicker.tsx"],"sourcesContent":["// Copyright 2024 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {cx} from '@emotion/css';\nimport {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {FC, InputHTMLAttributes} from 'react';\nimport useStyles from './DatePicker.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport FormControl from '../FormControl/FormControl';\nimport InputLabel from '../InputLabel/InputLabel';\n\nexport interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'> {\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Custom date format for the regex pattern\n   */\n  dateFormat?: string;\n  /**\n   * Whether the field is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Error message to display below the input\n   */\n  error?: string;\n  /**\n   * Helper text to display below the input\n   */\n  helperText?: string;\n  /**\n   * Label text to display above the input\n   */\n  label?: string;\n  /**\n   * Whether the field is required\n   */\n  required?: boolean;\n}\n\nconst DatePicker: FC<DatePickerProps> = ({\n  label,\n  error,\n  className,\n  required,\n  disabled,\n  helperText,\n  dateFormat = 'yyyy-MM-dd',\n  style = {},\n  ...rest\n}: DatePickerProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const hasError = !!error;\n  const styles: Record<string, string> = useStyles(theme, colorScheme, hasError, !!disabled);\n\n  return (\n    <FormControl\n      error={error}\n      helperText={helperText}\n      className={cx(withVendorCSSClassPrefix(bem('date-picker')), className)}\n      style={style}\n    >\n      {label && (\n        <InputLabel\n          required={required}\n          error={hasError}\n          className={cx(withVendorCSSClassPrefix(bem('date-picker', 'label')), styles['label'])}\n        >\n          {label}\n        </InputLabel>\n      )}\n      <input\n        type=\"date\"\n        pattern=\"\\d{4}-\\d{2}-\\d{2}\"\n        placeholder={dateFormat}\n        className={cx(\n          withVendorCSSClassPrefix(bem('date-picker', 'input')),\n          styles['input'],\n          styles['errorInput'],\n          styles['disabledInput'],\n          {\n            [withVendorCSSClassPrefix(bem('date-picker', 'input', 'error'))]: hasError,\n            [withVendorCSSClassPrefix(bem('date-picker', 'input', 'disabled'))]: disabled,\n          },\n        )}\n        disabled={disabled}\n        aria-invalid={hasError}\n        aria-required={required}\n        {...rest}\n      />\n    </FormControl>\n  );\n};\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;;AA0CA,MAAMA,cAAmC,EACvC,OACA,OACA,WACA,UACA,UACA,YACA,aAAa,cACb,QAAQ,EAAE,CACV,GAAG,WACkB;CACrB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAM,WAAW,CAAC,CAAC;CACnB,MAAMC,SAAiCC,kCAAU,OAAO,aAAa,UAAU,CAAC,CAAC,SAAS;AAE1F,QACE,4CAACC;EACQ;EACK;EACZ,gHAA2C,cAAc,CAAC,EAAE,UAAU;EAC/D;aAEN,SACC,2CAACC;GACW;GACV,OAAO;GACP,gHAA2C,eAAe,QAAQ,CAAC,EAAE,OAAO,SAAS;aAEpF;IACU,EAEf,2CAAC;GACC,MAAK;GACL,SAAQ;GACR,aAAa;GACb,gHAC+B,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,OAAO,eACP,OAAO,kBACP;oFACgC,eAAe,SAAS,QAAQ,CAAC,GAAG;oFACpC,eAAe,SAAS,WAAW,CAAC,GAAG;IACtE,CACF;GACS;GACV,gBAAc;GACd,iBAAe;GACf,GAAI;IACJ;GACU;;AAIlB,yBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.styles.cjs","names":["inputStyles: string","errorInputStyles: string","disabledInputStyles: string","labelStyles: string"],"sources":["../../../../../src/components/primitives/DatePicker/DatePicker.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 DatePicker 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 hasError - Whether the date picker has an error state\n * @param disabled - Whether the date picker is disabled\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string, hasError: boolean, disabled: boolean): Record<string, string> =>\n  useMemo(() => {\n    const inputStyles: string = css`\n      width: 100%;\n      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);\n      border: 1px solid ${theme.vars.colors.border};\n      border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};\n      font-size: 1rem;\n      font-family: ${theme.vars.typography.fontFamily};\n      color: ${theme.vars.colors.text.primary};\n      background-color: ${theme.vars.colors.background.surface};\n      outline: none;\n      transition:\n        border-color 0.2s ease,\n        box-shadow 0.2s ease;\n\n      &:focus {\n        border-color: ${theme.vars.colors.primary.main};\n        box-shadow: 0 0 0 2px ${theme.vars.colors.primary.main}20;\n      }\n\n      &:hover:not(:disabled) {\n        border-color: ${theme.vars.colors.primary.main};\n      }\n\n      &::placeholder {\n        color: ${theme.vars.colors.text.secondary};\n      }\n    `;\n\n    const errorInputStyles: string = css`\n      border-color: ${theme.vars.colors.error.main};\n\n      &:focus {\n        border-color: ${theme.vars.colors.error.main};\n        box-shadow: 0 0 0 2px ${theme.vars.colors.error.main}20;\n      }\n\n      &:hover:not(:disabled) {\n        border-color: ${theme.vars.colors.error.main};\n      }\n    `;\n\n    const disabledInputStyles: string = css`\n      background-color: ${theme.vars.colors.background.disabled};\n      color: ${theme.vars.colors.text.secondary};\n      cursor: not-allowed;\n      opacity: 0.6;\n\n      &:hover,\n      &:focus {\n        border-color: ${theme.vars.colors.border};\n        box-shadow: none;\n      }\n    `;\n\n    const labelStyles: string = css`\n      /* Label styles will be handled by InputLabel component */\n    `;\n\n    return {\n      disabledInput: disabled ? disabledInputStyles : '',\n      errorInput: hasError ? errorInputStyles : '',\n      input: inputStyles,\n      label: labelStyles,\n    };\n  }, [theme, colorScheme, hasError, disabled]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAM,aAAa,OAAc,aAAqB,UAAmB,sCACzD;CACZ,MAAMA,cAAsB,iBAAG;;iBAElB,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;0BAC/C,MAAM,KAAK,OAAO,OAAO;uBAC5B,MAAM,KAAK,YAAY,OAAO,MAAM,gBAAgB,MAAM,KAAK,aAAa,OAAO;;qBAErF,MAAM,KAAK,WAAW,WAAW;eACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,MAAM,KAAK,OAAO,WAAW,QAAQ;;;;;;;wBAOvC,MAAM,KAAK,OAAO,QAAQ,KAAK;gCACvB,MAAM,KAAK,OAAO,QAAQ,KAAK;;;;wBAIvC,MAAM,KAAK,OAAO,QAAQ,KAAK;;;;iBAItC,MAAM,KAAK,OAAO,KAAK,UAAU;;;CAI9C,MAAMC,mBAA2B,iBAAG;sBAClB,MAAM,KAAK,OAAO,MAAM,KAAK;;;wBAG3B,MAAM,KAAK,OAAO,MAAM,KAAK;gCACrB,MAAM,KAAK,OAAO,MAAM,KAAK;;;;wBAIrC,MAAM,KAAK,OAAO,MAAM,KAAK;;;CAIjD,MAAMC,sBAA8B,iBAAG;0BACjB,MAAM,KAAK,OAAO,WAAW,SAAS;eACjD,MAAM,KAAK,OAAO,KAAK,UAAU;;;;;;wBAMxB,MAAM,KAAK,OAAO,OAAO;;;;CAK7C,MAAMC,cAAsB,iBAAG;;;AAI/B,QAAO;EACL,eAAe,WAAW,sBAAsB;EAChD,YAAY,WAAW,mBAAmB;EAC1C,OAAO;EACP,OAAO;EACR;GACA;CAAC;CAAO;CAAa;CAAU;CAAS,CAAC;AAE9C,gCAAe"}
+{"version":3,"file":"DatePicker.styles.cjs","names":["inputStyles: string","errorInputStyles: string","disabledInputStyles: string","labelStyles: string"],"sources":["../../../../../src/components/primitives/DatePicker/DatePicker.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 DatePicker 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 hasError - Whether the date picker has an error state\n * @param disabled - Whether the date picker is disabled\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string, hasError: boolean, disabled: boolean): Record<string, string> =>\n  useMemo(() => {\n    const inputStyles: string = css`\n      width: 100%;\n      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);\n      border: 1px solid ${theme.vars.colors.border};\n      border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};\n      font-size: 1rem;\n      font-family: ${theme.vars.typography.fontFamily};\n      color: ${theme.vars.colors.text.primary};\n      background-color: ${theme.vars.colors.background.surface};\n      outline: none;\n      transition:\n        border-color 0.2s ease,\n        box-shadow 0.2s ease;\n\n      &:focus {\n        border-color: ${theme.vars.colors.primary.main};\n        box-shadow: 0 0 0 2px ${theme.vars.colors.primary.main}20;\n      }\n\n      &:hover:not(:disabled) {\n        border-color: ${theme.vars.colors.primary.main};\n      }\n\n      &::placeholder {\n        color: ${theme.vars.colors.text.secondary};\n      }\n    `;\n\n    const errorInputStyles: string = css`\n      border-color: ${theme.vars.colors.error.main};\n\n      &:focus {\n        border-color: ${theme.vars.colors.error.main};\n        box-shadow: 0 0 0 2px ${theme.vars.colors.error.main}20;\n      }\n\n      &:hover:not(:disabled) {\n        border-color: ${theme.vars.colors.error.main};\n      }\n    `;\n\n    const disabledInputStyles: string = css`\n      background-color: ${theme.vars.colors.background.disabled};\n      color: ${theme.vars.colors.text.secondary};\n      cursor: not-allowed;\n      opacity: 0.6;\n\n      &:hover,\n      &:focus {\n        border-color: ${theme.vars.colors.border};\n        box-shadow: none;\n      }\n    `;\n\n    const labelStyles: string = css`\n      /* Label styles will be handled by InputLabel component */\n    `;\n\n    return {\n      disabledInput: disabled ? disabledInputStyles : '',\n      errorInput: hasError ? errorInputStyles : '',\n      input: inputStyles,\n      label: labelStyles,\n    };\n  }, [theme, colorScheme, hasError, disabled]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,aAAa,OAAc,aAAqB,UAAmB,sCACzD;CACZ,MAAMA,cAAsB,iBAAG;;iBAElB,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;0BAC/C,MAAM,KAAK,OAAO,OAAO;uBAC5B,MAAM,KAAK,YAAY,OAAO,MAAM,gBAAgB,MAAM,KAAK,aAAa,OAAO;;qBAErF,MAAM,KAAK,WAAW,WAAW;eACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,MAAM,KAAK,OAAO,WAAW,QAAQ;;;;;;;wBAOvC,MAAM,KAAK,OAAO,QAAQ,KAAK;gCACvB,MAAM,KAAK,OAAO,QAAQ,KAAK;;;;wBAIvC,MAAM,KAAK,OAAO,QAAQ,KAAK;;;;iBAItC,MAAM,KAAK,OAAO,KAAK,UAAU;;;CAI9C,MAAMC,mBAA2B,iBAAG;sBAClB,MAAM,KAAK,OAAO,MAAM,KAAK;;;wBAG3B,MAAM,KAAK,OAAO,MAAM,KAAK;gCACrB,MAAM,KAAK,OAAO,MAAM,KAAK;;;;wBAIrC,MAAM,KAAK,OAAO,MAAM,KAAK;;;CAIjD,MAAMC,sBAA8B,iBAAG;0BACjB,MAAM,KAAK,OAAO,WAAW,SAAS;eACjD,MAAM,KAAK,OAAO,KAAK,UAAU;;;;;;wBAMxB,MAAM,KAAK,OAAO,OAAO;;;;CAK7C,MAAMC,cAAsB,iBAAG;;;AAI/B,QAAO;EACL,eAAe,WAAW,sBAAsB;EAChD,YAAY,WAAW,mBAAmB;EAC1C,OAAO;EACP,OAAO;EACR;GACA;CAAC;CAAO;CAAa;CAAU;CAAS,CAAC;AAE9C,gCAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":["open: boolean","setOpen: (openVal: boolean) => void","data: UseFloatingReturn","interactions: UseInteractionsReturn","DialogContext: Context<DialogContextType>","context: DialogContextType","dialog: DialogHookReturn","DialogTrigger: ForwardRefExoticComponent<\n  HTMLProps<HTMLElement> & DialogTriggerProps & RefAttributes<HTMLElement>\n>","context: DialogHookReturn","childrenRef: Ref<HTMLElement>","ref: ReturnType<typeof useMergeRefs>","DialogContent: ForwardRefExoticComponent<HTMLProps<HTMLDivElement> & RefAttributes<HTMLDivElement>>","useTheme","styles: Record<string, string>","useStyles","FloatingPortal","FloatingOverlay","FloatingFocusManager","DialogHeading: ForwardRefExoticComponent<\n  HTMLProps<HTMLHeadingElement> & RefAttributes<HTMLHeadingElement>\n>","id: string | undefined","Button","X","DialogDescription: ForwardRefExoticComponent<\n  HTMLProps<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>\n>","DialogClose: ForwardRefExoticComponent<\n  ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps & RefAttributes<HTMLButtonElement>\n>","childrenRef: Ref<HTMLButtonElement>"],"sources":["../../../../../src/components/primitives/Dialog/Dialog.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 {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  useMergeRefs,\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useId,\n  UseFloatingReturn,\n  UseInteractionsReturn,\n} from '@floating-ui/react';\nimport {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {\n  type ButtonHTMLAttributes,\n  type Context,\n  type Dispatch,\n  type FC,\n  type ForwardRefExoticComponent,\n  type HTMLProps,\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  type SetStateAction,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport useStyles from './Dialog.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport Button from '../Button/Button';\nimport {X} from '../Icons';\n\ninterface DialogOptions {\n  initialOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n}\n\ninterface DialogHookReturn extends UseFloatingReturn, UseInteractionsReturn {\n  descriptionId: string | undefined;\n  labelId: string | undefined;\n  open: boolean;\n  setDescriptionId: Dispatch<SetStateAction<string | undefined>>;\n  setLabelId: Dispatch<SetStateAction<string | undefined>>;\n  setOpen: (open: boolean) => void;\n}\n\nexport function useDialog({\n  initialOpen = false,\n  open: controlledOpen,\n  onOpenChange: setControlledOpen,\n}: DialogOptions = {}): DialogHookReturn {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(initialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  const open: boolean = controlledOpen ?? uncontrolledOpen;\n  const setOpen: (openVal: boolean) => void = setControlledOpen ?? setUncontrolledOpen;\n\n  const data: UseFloatingReturn = useFloating({\n    onOpenChange: setOpen,\n    open,\n  });\n\n  const {context} = data;\n\n  const click: ReturnType<typeof useClick> = useClick(context, {\n    enabled: controlledOpen == null,\n  });\n  const dismiss: ReturnType<typeof useDismiss> = useDismiss(context, {outsidePressEvent: 'mousedown'});\n  const role: ReturnType<typeof useRole> = useRole(context);\n\n  const interactions: UseInteractionsReturn = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      open,\n      setOpen,\n      ...interactions,\n      ...data,\n      descriptionId,\n      labelId,\n      setDescriptionId,\n      setLabelId,\n    }),\n    [open, setOpen, interactions, data, labelId, descriptionId],\n  );\n}\n\ntype DialogContextType =\n  | (DialogHookReturn & {\n      setDescriptionId: Dispatch<SetStateAction<string | undefined>>;\n      setLabelId: Dispatch<SetStateAction<string | undefined>>;\n    })\n  | null;\n\nconst DialogContext: Context<DialogContextType> = createContext<DialogContextType>(null);\n\nexport const useDialogContext = (): DialogHookReturn => {\n  const context: DialogContextType = useContext(DialogContext);\n  if (context == null) {\n    throw new Error('Dialog components must be wrapped in <Dialog />');\n  }\n  return context;\n};\n\n// Dialog Components (Modal)\nexport function Dialog({children, ...options}: {children: ReactNode} & DialogOptions): JSX.Element {\n  const dialog: DialogHookReturn = useDialog(options);\n  return <DialogContext.Provider value={dialog}>{children}</DialogContext.Provider>;\n}\n\ninterface DialogTriggerProps {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogTrigger: ForwardRefExoticComponent<\n  HTMLProps<HTMLElement> & DialogTriggerProps & RefAttributes<HTMLElement>\n> = forwardRef<HTMLElement, HTMLProps<HTMLElement> & DialogTriggerProps>(\n  ({children, asChild = false, ...props}: HTMLProps<HTMLElement> & DialogTriggerProps, propRef: Ref<HTMLElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const childrenRef: Ref<HTMLElement> = (children as any).ref;\n    const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n    if (asChild && isValidElement(children)) {\n      return cloneElement(\n        children,\n        context.getReferenceProps({\n          ref,\n          ...props,\n          ...(children.props as any),\n          'data-state': context.open ? 'open' : 'closed',\n        }),\n      );\n    }\n\n    return (\n      <button ref={ref} data-state={context.open ? 'open' : 'closed'} {...context.getReferenceProps(props)}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport const DialogContent: ForwardRefExoticComponent<HTMLProps<HTMLDivElement> & RefAttributes<HTMLDivElement>> =\n  forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n    (props: HTMLProps<HTMLDivElement>, propRef: Ref<HTMLDivElement>) => {\n      const {context: floatingContext, ...context} = useDialogContext();\n      const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n      const styles: Record<string, string> = useStyles(theme, colorScheme);\n      const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([context.refs.setFloating, propRef]);\n\n      if (!floatingContext.open) return null;\n\n      return (\n        <FloatingPortal>\n          <FloatingOverlay\n            className={cx(withVendorCSSClassPrefix(bem('dialog', 'overlay')), styles['overlay'])}\n            lockScroll\n          >\n            <FloatingFocusManager context={floatingContext} initialFocus={-1}>\n              <div\n                ref={ref}\n                className={cx(withVendorCSSClassPrefix(bem('dialog', 'content')), styles['content'], props.className)}\n                aria-labelledby={context.labelId}\n                aria-describedby={context.descriptionId}\n                {...context.getFloatingProps(props)}\n              >\n                {props.children}\n              </div>\n            </FloatingFocusManager>\n          </FloatingOverlay>\n        </FloatingPortal>\n      );\n    },\n  );\n\nexport const DialogHeading: ForwardRefExoticComponent<\n  HTMLProps<HTMLHeadingElement> & RefAttributes<HTMLHeadingElement>\n> = forwardRef<HTMLHeadingElement, HTMLProps<HTMLHeadingElement>>(\n  ({children, ...props}: HTMLProps<HTMLHeadingElement>, ref: Ref<HTMLHeadingElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n    const styles: Record<string, string> = useStyles(theme, colorScheme);\n    const id: string | undefined = useId();\n\n    useLayoutEffect((): (() => void) => {\n      context.setLabelId(id);\n      return (): void => {\n        context.setLabelId(undefined);\n      };\n    }, [id, context.setLabelId]);\n\n    return (\n      <div className={cx(withVendorCSSClassPrefix(bem('dialog', 'header')), styles['header'])}>\n        <h2\n          {...props}\n          ref={ref}\n          id={id}\n          className={cx(withVendorCSSClassPrefix(bem('dialog', 'title')), styles['headerTitle'])}\n        >\n          {children}\n        </h2>\n        <Button\n          color=\"tertiary\"\n          variant=\"icon\"\n          size=\"small\"\n          shape=\"round\"\n          onClick={(): void => {\n            context.setOpen(false);\n          }}\n          aria-label=\"Close\"\n        >\n          <X width={16} height={16} />\n        </Button>\n      </div>\n    );\n  },\n);\n\nexport const DialogDescription: ForwardRefExoticComponent<\n  HTMLProps<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>\n> = forwardRef<HTMLParagraphElement, HTMLProps<HTMLParagraphElement>>(\n  ({children, ...props}: HTMLProps<HTMLParagraphElement>, ref: Ref<HTMLParagraphElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n    const styles: Record<string, string> = useStyles(theme, colorScheme);\n    const id: string | undefined = useId();\n\n    useLayoutEffect((): (() => void) => {\n      context.setDescriptionId(id);\n      return (): void => {\n        context.setDescriptionId(undefined);\n      };\n    }, [id, context.setDescriptionId]);\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        id={id}\n        className={cx(withVendorCSSClassPrefix(bem('dialog', 'description')), styles['description'], props.className)}\n      >\n        {children}\n      </p>\n    );\n  },\n);\n\ninterface DialogCloseProps {\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport const DialogClose: ForwardRefExoticComponent<\n  ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps>(\n  (\n    {children, asChild = false, ...props}: ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps,\n    propRef: Ref<HTMLButtonElement>,\n  ) => {\n    const context: DialogHookReturn = useDialogContext();\n    const childrenRef: Ref<HTMLButtonElement> = (children as any)?.ref;\n    const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([propRef, childrenRef]);\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {\n      context.setOpen(false);\n      props.onClick?.(event);\n    };\n\n    if (asChild && isValidElement(children)) {\n      return cloneElement(children, {\n        ref,\n        ...props,\n        ...(children.props as any),\n        onClick: handleClick,\n      });\n    }\n\n    return (\n      <Button\n        {...props}\n        ref={ref}\n        onClick={handleClick}\n        className={cx(withVendorCSSClassPrefix(bem('dialog', 'close')), props.className)}\n        variant=\"text\"\n      >\n        {children}\n      </Button>\n    );\n  },\n);\n\nDialogTrigger.displayName = 'DialogTrigger';\nDialogContent.displayName = 'DialogContent';\nDialogHeading.displayName = 'DialogHeading';\nDialogDescription.displayName = 'DialogDescription';\nDialogClose.displayName = 'DialogClose';\n\n// Attach subcomponents to Dialog\n(Dialog as any).Trigger = DialogTrigger;\n(Dialog as any).Content = DialogContent;\n(Dialog as any).Heading = DialogHeading;\n(Dialog as any).Description = DialogDescription;\n(Dialog as any).Close = DialogClose;\n\nexport interface DialogComponent extends FC<{children: ReactNode} & DialogOptions> {\n  Close: typeof DialogClose;\n  Content: typeof DialogContent;\n  Description: typeof DialogDescription;\n  Heading: typeof DialogHeading;\n  Trigger: typeof DialogTrigger;\n}\n\nexport default Dialog as DialogComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;AA4EA,SAAgB,UAAU,EACxB,cAAc,OACd,MAAM,gBACN,cAAc,sBACG,EAAE,EAAoB;CACvC,MAAM,CAAC,kBAAkB,2CAAgC,YAAY;CACrE,MAAM,CAAC,SAAS,mCAA4C;CAC5D,MAAM,CAAC,eAAe,yCAAkD;CAExE,MAAMA,OAAgB,kBAAkB;CACxC,MAAMC,UAAsC,qBAAqB;CAEjE,MAAMC,4CAAsC;EAC1C,cAAc;EACd;EACD,CAAC;CAEF,MAAM,EAAC,YAAW;CAQlB,MAAMC,wDAAsD;oCANR,SAAS,EAC3D,SAAS,kBAAkB,MAC5B,CAAC;sCACwD,SAAS,EAAC,mBAAmB,aAAY,CAAC;mCACnD,QAAQ;EAEyB,CAAC;AAEnF,kCACS;EACL;EACA;EACA,GAAG;EACH,GAAG;EACH;EACA;EACA;EACA;EACD,GACD;EAAC;EAAM;EAAS;EAAc;EAAM;EAAS;EAAc,CAC5D;;AAUH,MAAMC,yCAA6E,KAAK;AAExF,MAAa,yBAA2C;CACtD,MAAMC,gCAAwC,cAAc;AAC5D,KAAI,WAAW,KACb,OAAM,IAAI,MAAM,kDAAkD;AAEpE,QAAO;;AAIT,SAAgB,OAAO,EAAC,SAAU,GAAG,WAA8D;CACjG,MAAMC,SAA2B,UAAU,QAAQ;AACnD,QAAO,2CAAC,cAAc;EAAS,OAAO;EAAS;GAAkC;;AAQnF,MAAaC,uCAGV,EAAC,UAAU,UAAU,MAAO,GAAG,SAAqD,YAA8B;CACjH,MAAMC,UAA4B,kBAAkB;CACpD,MAAMC,cAAiC,SAAiB;CACxD,MAAMC,4CAAoD;EAAC,QAAQ,KAAK;EAAc;EAAS;EAAY,CAAC;AAE5G,KAAI,qCAA0B,SAAS,CACrC,gCACE,UACA,QAAQ,kBAAkB;EACxB;EACA,GAAG;EACH,GAAI,SAAS;EACb,cAAc,QAAQ,OAAO,SAAS;EACvC,CAAC,CACH;AAGH,QACE,2CAAC;EAAY;EAAK,cAAY,QAAQ,OAAO,SAAS;EAAU,GAAI,QAAQ,kBAAkB,MAAM;EACjG;GACM;EAGd;AAED,MAAaC,uCAER,OAAkC,YAAiC;CAClE,MAAM,EAAC,SAAS,gBAAiB,GAAG,YAAW,kBAAkB;CACjE,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMJ,4CAAoD,CAAC,QAAQ,KAAK,aAAa,QAAQ,CAAC;AAE9F,KAAI,CAAC,gBAAgB,KAAM,QAAO;AAElC,QACE,2CAACK,gDACC,2CAACC;EACC,gHAA2C,UAAU,UAAU,CAAC,EAAE,OAAO,WAAW;EACpF;YAEA,2CAACC;GAAqB,SAAS;GAAiB,cAAc;aAC5D,2CAAC;IACM;IACL,gHAA2C,UAAU,UAAU,CAAC,EAAE,OAAO,YAAY,MAAM,UAAU;IACrG,mBAAiB,QAAQ;IACzB,oBAAkB,QAAQ;IAC1B,GAAI,QAAQ,iBAAiB,MAAM;cAElC,MAAM;KACH;IACe;GACP,GACH;EAGtB;AAEH,MAAaC,uCAGV,EAAC,SAAU,GAAG,SAAuC,QAAiC;CACrF,MAAMV,UAA4B,kBAAkB;CACpD,MAAM,EAAC,OAAO,gBAA4CI,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMK,qCAAgC;AAEtC,kCAAoC;AAClC,UAAQ,WAAW,GAAG;AACtB,eAAmB;AACjB,WAAQ,WAAW,OAAU;;IAE9B,CAAC,IAAI,QAAQ,WAAW,CAAC;AAE5B,QACE,4CAAC;EAAI,gHAA2C,UAAU,SAAS,CAAC,EAAE,OAAO,UAAU;aACrF,2CAAC;GACC,GAAI;GACC;GACD;GACJ,gHAA2C,UAAU,QAAQ,CAAC,EAAE,OAAO,eAAe;GAErF;IACE,EACL,2CAACC;GACC,OAAM;GACN,SAAQ;GACR,MAAK;GACL,OAAM;GACN,eAAqB;AACnB,YAAQ,QAAQ,MAAM;;GAExB,cAAW;aAEX,2CAACC;IAAE,OAAO;IAAI,QAAQ;KAAM;IACrB;GACL;EAGX;AAED,MAAaC,2CAGV,EAAC,SAAU,GAAG,SAAyC,QAAmC;CACzF,MAAMd,UAA4B,kBAAkB;CACpD,MAAM,EAAC,OAAO,gBAA4CI,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMK,qCAAgC;AAEtC,kCAAoC;AAClC,UAAQ,iBAAiB,GAAG;AAC5B,eAAmB;AACjB,WAAQ,iBAAiB,OAAU;;IAEpC,CAAC,IAAI,QAAQ,iBAAiB,CAAC;AAElC,QACE,2CAAC;EACC,GAAI;EACC;EACD;EACJ,gHAA2C,UAAU,cAAc,CAAC,EAAE,OAAO,gBAAgB,MAAM,UAAU;EAE5G;GACC;EAGT;AAOD,MAAaI,qCAIT,EAAC,UAAU,UAAU,MAAO,GAAG,SAC/B,YACG;CACH,MAAMf,UAA4B,kBAAkB;CACpD,MAAMgB,cAAuC,UAAkB;CAC/D,MAAMd,4CAAoD,CAAC,SAAS,YAAY,CAAC;CAEjF,MAAM,eAAe,UAA+C;AAClE,UAAQ,QAAQ,MAAM;AACtB,QAAM,UAAU,MAAM;;AAGxB,KAAI,qCAA0B,SAAS,CACrC,gCAAoB,UAAU;EAC5B;EACA,GAAG;EACH,GAAI,SAAS;EACb,SAAS;EACV,CAAC;AAGJ,QACE,2CAACU;EACC,GAAI;EACC;EACL,SAAS;EACT,gHAA2C,UAAU,QAAQ,CAAC,EAAE,MAAM,UAAU;EAChF,SAAQ;EAEP;GACM;EAGd;AAED,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,YAAY,cAAc;AAG1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,cAAc;AAC9B,AAAC,OAAe,QAAQ;AAUxB,qBAAe"}
+{"version":3,"file":"Dialog.cjs","names":["open: boolean","setOpen: (openVal: boolean) => void","data: UseFloatingReturn","interactions: UseInteractionsReturn","DialogContext: Context<DialogContextType>","context: DialogContextType","dialog: DialogHookReturn","DialogTrigger: ForwardRefExoticComponent<\n  HTMLProps<HTMLElement> & DialogTriggerProps & RefAttributes<HTMLElement>\n>","context: DialogHookReturn","childrenRef: Ref<HTMLElement>","ref: ReturnType<typeof useMergeRefs>","DialogContent: ForwardRefExoticComponent<HTMLProps<HTMLDivElement> & RefAttributes<HTMLDivElement>>","useTheme","styles: Record<string, string>","useStyles","FloatingPortal","FloatingOverlay","FloatingFocusManager","DialogHeading: ForwardRefExoticComponent<\n  HTMLProps<HTMLHeadingElement> & RefAttributes<HTMLHeadingElement>\n>","id: string | undefined","Button","X","DialogDescription: ForwardRefExoticComponent<\n  HTMLProps<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>\n>","DialogClose: ForwardRefExoticComponent<\n  ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps & RefAttributes<HTMLButtonElement>\n>","childrenRef: Ref<HTMLButtonElement>"],"sources":["../../../../../src/components/primitives/Dialog/Dialog.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {cx} from '@emotion/css';\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  useMergeRefs,\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  useId,\n  UseFloatingReturn,\n  UseInteractionsReturn,\n} from '@floating-ui/react';\nimport {withVendorCSSClassPrefix, bem} from '@thunderid/browser';\nimport {\n  type ButtonHTMLAttributes,\n  type Context,\n  type Dispatch,\n  type FC,\n  type ForwardRefExoticComponent,\n  type HTMLProps,\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  type SetStateAction,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport useStyles from './Dialog.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport Button from '../Button/Button';\nimport {X} from '../Icons';\n\ninterface DialogOptions {\n  initialOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n}\n\ninterface DialogHookReturn extends UseFloatingReturn, UseInteractionsReturn {\n  descriptionId: string | undefined;\n  labelId: string | undefined;\n  open: boolean;\n  setDescriptionId: Dispatch<SetStateAction<string | undefined>>;\n  setLabelId: Dispatch<SetStateAction<string | undefined>>;\n  setOpen: (open: boolean) => void;\n}\n\nexport function useDialog({\n  initialOpen = false,\n  open: controlledOpen,\n  onOpenChange: setControlledOpen,\n}: DialogOptions = {}): DialogHookReturn {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(initialOpen);\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n\n  const open: boolean = controlledOpen ?? uncontrolledOpen;\n  const setOpen: (openVal: boolean) => void = setControlledOpen ?? setUncontrolledOpen;\n\n  const data: UseFloatingReturn = useFloating({\n    onOpenChange: setOpen,\n    open,\n  });\n\n  const {context} = data;\n\n  const click: ReturnType<typeof useClick> = useClick(context, {\n    enabled: controlledOpen == null,\n  });\n  const dismiss: ReturnType<typeof useDismiss> = useDismiss(context, {outsidePressEvent: 'mousedown'});\n  const role: ReturnType<typeof useRole> = useRole(context);\n\n  const interactions: UseInteractionsReturn = useInteractions([click, dismiss, role]);\n\n  return useMemo(\n    () => ({\n      open,\n      setOpen,\n      ...interactions,\n      ...data,\n      descriptionId,\n      labelId,\n      setDescriptionId,\n      setLabelId,\n    }),\n    [open, setOpen, interactions, data, labelId, descriptionId],\n  );\n}\n\ntype DialogContextType =\n  | (DialogHookReturn & {\n      setDescriptionId: Dispatch<SetStateAction<string | undefined>>;\n      setLabelId: Dispatch<SetStateAction<string | undefined>>;\n    })\n  | null;\n\nconst DialogContext: Context<DialogContextType> = createContext<DialogContextType>(null);\n\nexport const useDialogContext = (): DialogHookReturn => {\n  const context: DialogContextType = useContext(DialogContext);\n  if (context == null) {\n    throw new Error('Dialog components must be wrapped in <Dialog />');\n  }\n  return context;\n};\n\n// Dialog Components (Modal)\nexport function Dialog({children, ...options}: {children: ReactNode} & DialogOptions): JSX.Element {\n  const dialog: DialogHookReturn = useDialog(options);\n  return <DialogContext.Provider value={dialog}>{children}</DialogContext.Provider>;\n}\n\ninterface DialogTriggerProps {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogTrigger: ForwardRefExoticComponent<\n  HTMLProps<HTMLElement> & DialogTriggerProps & RefAttributes<HTMLElement>\n> = forwardRef<HTMLElement, HTMLProps<HTMLElement> & DialogTriggerProps>(\n  ({children, asChild = false, ...props}: HTMLProps<HTMLElement> & DialogTriggerProps, propRef: Ref<HTMLElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const childrenRef: Ref<HTMLElement> = (children as any).ref;\n    const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n    if (asChild && isValidElement(children)) {\n      return cloneElement(\n        children,\n        context.getReferenceProps({\n          ref,\n          ...props,\n          ...(children.props as any),\n          'data-state': context.open ? 'open' : 'closed',\n        }),\n      );\n    }\n\n    return (\n      <button ref={ref} data-state={context.open ? 'open' : 'closed'} {...context.getReferenceProps(props)}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport const DialogContent: ForwardRefExoticComponent<HTMLProps<HTMLDivElement> & RefAttributes<HTMLDivElement>> =\n  forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n    (props: HTMLProps<HTMLDivElement>, propRef: Ref<HTMLDivElement>) => {\n      const {context: floatingContext, ...context} = useDialogContext();\n      const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n      const styles: Record<string, string> = useStyles(theme, colorScheme);\n      const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([context.refs.setFloating, propRef]);\n\n      if (!floatingContext.open) return null;\n\n      return (\n        <FloatingPortal>\n          <FloatingOverlay\n            className={cx(withVendorCSSClassPrefix(bem('dialog', 'overlay')), styles['overlay'])}\n            lockScroll\n          >\n            <FloatingFocusManager context={floatingContext} initialFocus={-1}>\n              <div\n                ref={ref}\n                className={cx(withVendorCSSClassPrefix(bem('dialog', 'content')), styles['content'], props.className)}\n                aria-labelledby={context.labelId}\n                aria-describedby={context.descriptionId}\n                {...context.getFloatingProps(props)}\n              >\n                {props.children}\n              </div>\n            </FloatingFocusManager>\n          </FloatingOverlay>\n        </FloatingPortal>\n      );\n    },\n  );\n\nexport const DialogHeading: ForwardRefExoticComponent<\n  HTMLProps<HTMLHeadingElement> & RefAttributes<HTMLHeadingElement>\n> = forwardRef<HTMLHeadingElement, HTMLProps<HTMLHeadingElement>>(\n  ({children, ...props}: HTMLProps<HTMLHeadingElement>, ref: Ref<HTMLHeadingElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n    const styles: Record<string, string> = useStyles(theme, colorScheme);\n    const id: string | undefined = useId();\n\n    useLayoutEffect((): (() => void) => {\n      context.setLabelId(id);\n      return (): void => {\n        context.setLabelId(undefined);\n      };\n    }, [id, context.setLabelId]);\n\n    return (\n      <div className={cx(withVendorCSSClassPrefix(bem('dialog', 'header')), styles['header'])}>\n        <h2\n          {...props}\n          ref={ref}\n          id={id}\n          className={cx(withVendorCSSClassPrefix(bem('dialog', 'title')), styles['headerTitle'])}\n        >\n          {children}\n        </h2>\n        <Button\n          color=\"tertiary\"\n          variant=\"icon\"\n          size=\"small\"\n          shape=\"round\"\n          onClick={(): void => {\n            context.setOpen(false);\n          }}\n          aria-label=\"Close\"\n        >\n          <X width={16} height={16} />\n        </Button>\n      </div>\n    );\n  },\n);\n\nexport const DialogDescription: ForwardRefExoticComponent<\n  HTMLProps<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>\n> = forwardRef<HTMLParagraphElement, HTMLProps<HTMLParagraphElement>>(\n  ({children, ...props}: HTMLProps<HTMLParagraphElement>, ref: Ref<HTMLParagraphElement>) => {\n    const context: DialogHookReturn = useDialogContext();\n    const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n    const styles: Record<string, string> = useStyles(theme, colorScheme);\n    const id: string | undefined = useId();\n\n    useLayoutEffect((): (() => void) => {\n      context.setDescriptionId(id);\n      return (): void => {\n        context.setDescriptionId(undefined);\n      };\n    }, [id, context.setDescriptionId]);\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        id={id}\n        className={cx(withVendorCSSClassPrefix(bem('dialog', 'description')), styles['description'], props.className)}\n      >\n        {children}\n      </p>\n    );\n  },\n);\n\ninterface DialogCloseProps {\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport const DialogClose: ForwardRefExoticComponent<\n  ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps>(\n  (\n    {children, asChild = false, ...props}: ButtonHTMLAttributes<HTMLButtonElement> & DialogCloseProps,\n    propRef: Ref<HTMLButtonElement>,\n  ) => {\n    const context: DialogHookReturn = useDialogContext();\n    const childrenRef: Ref<HTMLButtonElement> = (children as any)?.ref;\n    const ref: ReturnType<typeof useMergeRefs> = useMergeRefs([propRef, childrenRef]);\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {\n      context.setOpen(false);\n      props.onClick?.(event);\n    };\n\n    if (asChild && isValidElement(children)) {\n      return cloneElement(children, {\n        ref,\n        ...props,\n        ...(children.props as any),\n        onClick: handleClick,\n      });\n    }\n\n    return (\n      <Button\n        {...props}\n        ref={ref}\n        onClick={handleClick}\n        className={cx(withVendorCSSClassPrefix(bem('dialog', 'close')), props.className)}\n        variant=\"text\"\n      >\n        {children}\n      </Button>\n    );\n  },\n);\n\nDialogTrigger.displayName = 'DialogTrigger';\nDialogContent.displayName = 'DialogContent';\nDialogHeading.displayName = 'DialogHeading';\nDialogDescription.displayName = 'DialogDescription';\nDialogClose.displayName = 'DialogClose';\n\n// Attach subcomponents to Dialog\n(Dialog as any).Trigger = DialogTrigger;\n(Dialog as any).Content = DialogContent;\n(Dialog as any).Heading = DialogHeading;\n(Dialog as any).Description = DialogDescription;\n(Dialog as any).Close = DialogClose;\n\nexport interface DialogComponent extends FC<{children: ReactNode} & DialogOptions> {\n  Close: typeof DialogClose;\n  Content: typeof DialogContent;\n  Description: typeof DialogDescription;\n  Heading: typeof DialogHeading;\n  Trigger: typeof DialogTrigger;\n}\n\nexport default Dialog as DialogComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;AA6DA,SAAgB,UAAU,EACxB,cAAc,OACd,MAAM,gBACN,cAAc,sBACG,EAAE,EAAoB;CACvC,MAAM,CAAC,kBAAkB,2CAAgC,YAAY;CACrE,MAAM,CAAC,SAAS,mCAA4C;CAC5D,MAAM,CAAC,eAAe,yCAAkD;CAExE,MAAMA,OAAgB,kBAAkB;CACxC,MAAMC,UAAsC,qBAAqB;CAEjE,MAAMC,4CAAsC;EAC1C,cAAc;EACd;EACD,CAAC;CAEF,MAAM,EAAC,YAAW;CAQlB,MAAMC,wDAAsD;oCANR,SAAS,EAC3D,SAAS,kBAAkB,MAC5B,CAAC;sCACwD,SAAS,EAAC,mBAAmB,aAAY,CAAC;mCACnD,QAAQ;EAEyB,CAAC;AAEnF,kCACS;EACL;EACA;EACA,GAAG;EACH,GAAG;EACH;EACA;EACA;EACA;EACD,GACD;EAAC;EAAM;EAAS;EAAc;EAAM;EAAS;EAAc,CAC5D;;AAUH,MAAMC,yCAA6E,KAAK;AAExF,MAAa,yBAA2C;CACtD,MAAMC,gCAAwC,cAAc;AAC5D,KAAI,WAAW,KACb,OAAM,IAAI,MAAM,kDAAkD;AAEpE,QAAO;;AAIT,SAAgB,OAAO,EAAC,SAAU,GAAG,WAA8D;CACjG,MAAMC,SAA2B,UAAU,QAAQ;AACnD,QAAO,2CAAC,cAAc;EAAS,OAAO;EAAS;GAAkC;;AAQnF,MAAaC,uCAGV,EAAC,UAAU,UAAU,MAAO,GAAG,SAAqD,YAA8B;CACjH,MAAMC,UAA4B,kBAAkB;CACpD,MAAMC,cAAiC,SAAiB;CACxD,MAAMC,4CAAoD;EAAC,QAAQ,KAAK;EAAc;EAAS;EAAY,CAAC;AAE5G,KAAI,qCAA0B,SAAS,CACrC,gCACE,UACA,QAAQ,kBAAkB;EACxB;EACA,GAAG;EACH,GAAI,SAAS;EACb,cAAc,QAAQ,OAAO,SAAS;EACvC,CAAC,CACH;AAGH,QACE,2CAAC;EAAY;EAAK,cAAY,QAAQ,OAAO,SAAS;EAAU,GAAI,QAAQ,kBAAkB,MAAM;EACjG;GACM;EAGd;AAED,MAAaC,uCAER,OAAkC,YAAiC;CAClE,MAAM,EAAC,SAAS,gBAAiB,GAAG,YAAW,kBAAkB;CACjE,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMJ,4CAAoD,CAAC,QAAQ,KAAK,aAAa,QAAQ,CAAC;AAE9F,KAAI,CAAC,gBAAgB,KAAM,QAAO;AAElC,QACE,2CAACK,gDACC,2CAACC;EACC,gHAA2C,UAAU,UAAU,CAAC,EAAE,OAAO,WAAW;EACpF;YAEA,2CAACC;GAAqB,SAAS;GAAiB,cAAc;aAC5D,2CAAC;IACM;IACL,gHAA2C,UAAU,UAAU,CAAC,EAAE,OAAO,YAAY,MAAM,UAAU;IACrG,mBAAiB,QAAQ;IACzB,oBAAkB,QAAQ;IAC1B,GAAI,QAAQ,iBAAiB,MAAM;cAElC,MAAM;KACH;IACe;GACP,GACH;EAGtB;AAEH,MAAaC,uCAGV,EAAC,SAAU,GAAG,SAAuC,QAAiC;CACrF,MAAMV,UAA4B,kBAAkB;CACpD,MAAM,EAAC,OAAO,gBAA4CI,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMK,qCAAgC;AAEtC,kCAAoC;AAClC,UAAQ,WAAW,GAAG;AACtB,eAAmB;AACjB,WAAQ,WAAW,OAAU;;IAE9B,CAAC,IAAI,QAAQ,WAAW,CAAC;AAE5B,QACE,4CAAC;EAAI,gHAA2C,UAAU,SAAS,CAAC,EAAE,OAAO,UAAU;aACrF,2CAAC;GACC,GAAI;GACC;GACD;GACJ,gHAA2C,UAAU,QAAQ,CAAC,EAAE,OAAO,eAAe;GAErF;IACE,EACL,2CAACC;GACC,OAAM;GACN,SAAQ;GACR,MAAK;GACL,OAAM;GACN,eAAqB;AACnB,YAAQ,QAAQ,MAAM;;GAExB,cAAW;aAEX,2CAACC;IAAE,OAAO;IAAI,QAAQ;KAAM;IACrB;GACL;EAGX;AAED,MAAaC,2CAGV,EAAC,SAAU,GAAG,SAAyC,QAAmC;CACzF,MAAMd,UAA4B,kBAAkB;CACpD,MAAM,EAAC,OAAO,gBAA4CI,0BAAU;CACpE,MAAMC,SAAiCC,8BAAU,OAAO,YAAY;CACpE,MAAMK,qCAAgC;AAEtC,kCAAoC;AAClC,UAAQ,iBAAiB,GAAG;AAC5B,eAAmB;AACjB,WAAQ,iBAAiB,OAAU;;IAEpC,CAAC,IAAI,QAAQ,iBAAiB,CAAC;AAElC,QACE,2CAAC;EACC,GAAI;EACC;EACD;EACJ,gHAA2C,UAAU,cAAc,CAAC,EAAE,OAAO,gBAAgB,MAAM,UAAU;EAE5G;GACC;EAGT;AAOD,MAAaI,qCAIT,EAAC,UAAU,UAAU,MAAO,GAAG,SAC/B,YACG;CACH,MAAMf,UAA4B,kBAAkB;CACpD,MAAMgB,cAAuC,UAAkB;CAC/D,MAAMd,4CAAoD,CAAC,SAAS,YAAY,CAAC;CAEjF,MAAM,eAAe,UAA+C;AAClE,UAAQ,QAAQ,MAAM;AACtB,QAAM,UAAU,MAAM;;AAGxB,KAAI,qCAA0B,SAAS,CACrC,gCAAoB,UAAU;EAC5B;EACA,GAAG;EACH,GAAI,SAAS;EACb,SAAS;EACV,CAAC;AAGJ,QACE,2CAACU;EACC,GAAI;EACC;EACL,SAAS;EACT,gHAA2C,UAAU,QAAQ,CAAC,EAAE,MAAM,UAAU;EAChF,SAAQ;EAEP;GACM;EAGd;AAED,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,YAAY,cAAc;AAG1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,UAAU;AAC1B,AAAC,OAAe,cAAc;AAC9B,AAAC,OAAe,QAAQ;AAUxB,qBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.cjs","names":["overlay: string","content: string","dropdownContent: string","header: string","headerTitle: string"],"sources":["../../../../../src/components/primitives/Dialog/Dialog.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 Dialog component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const overlay: string = css`\n      background-color: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n    `;\n\n    const content: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      box-shadow: 0 2px 8px ${colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.15)'};\n      font-family: ${theme.vars.typography.fontFamily};\n      outline: none;\n      overflow-y: auto;\n      z-index: 10000;\n    `;\n\n    const dropdownContent: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      box-shadow: 0 2px 8px ${colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.15)'};\n      outline: none;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow-y: auto;\n      z-index: 10000;\n    `;\n\n    const header: string = css`\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 3) calc(${theme.vars.spacing.unit} * 4.5);\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const headerTitle: string = css`\n      margin: 0;\n      font-size: 1.2rem;\n      font-weight: 600;\n      color: ${theme.vars.colors.text.primary};\n    `;\n\n    const contentBody: string = css`\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const description: string = css`\n      margin: 0;\n      color: ${theme.vars.colors.text.secondary};\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      line-height: 1.5;\n    `;\n\n    return {\n      content,\n      contentBody,\n      description,\n      dropdownContent,\n      header,\n      headerTitle,\n      overlay,\n    };\n  }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,UAAkB,iBAAG;;;;;;;CAQ3B,MAAMC,UAAkB,iBAAG;oBACX,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;8BACvB,gBAAgB,SAAS,uBAAuB,sBAAsB;qBAC/E,MAAM,KAAK,WAAW,WAAW;;;;;CAMlD,MAAMC,kBAA0B,iBAAG;oBACnB,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;8BACvB,gBAAgB,SAAS,uBAAuB,sBAAsB;;;;;;;CAQhG,MAAMC,SAAiB,iBAAG;;;;sBAIR,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;iCAClD,MAAM,KAAK,OAAO,OAAO;;CAGtD,MAAMC,cAAsB,iBAAG;;;;eAIpB,MAAM,KAAK,OAAO,KAAK,QAAQ;;AAc1C,QAAO;EACL;EACA,aAb0B,iBAAG;sBACb,MAAM,KAAK,QAAQ,KAAK;;EAaxC,aAV0B,iBAAG;;eAEpB,MAAM,KAAK,OAAO,KAAK,UAAU;mBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;;EAQhD;EACA;EACA;EACA;EACD;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,4BAAe"}
+{"version":3,"file":"Dialog.styles.cjs","names":["overlay: string","content: string","dropdownContent: string","header: string","headerTitle: string"],"sources":["../../../../../src/components/primitives/Dialog/Dialog.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 Dialog component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const overlay: string = css`\n      background-color: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n    `;\n\n    const content: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      box-shadow: 0 2px 8px ${colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.15)'};\n      font-family: ${theme.vars.typography.fontFamily};\n      outline: none;\n      overflow-y: auto;\n      z-index: 10000;\n    `;\n\n    const dropdownContent: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      box-shadow: 0 2px 8px ${colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.15)'};\n      outline: none;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow-y: auto;\n      z-index: 10000;\n    `;\n\n    const header: string = css`\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 3) calc(${theme.vars.spacing.unit} * 4.5);\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const headerTitle: string = css`\n      margin: 0;\n      font-size: 1.2rem;\n      font-weight: 600;\n      color: ${theme.vars.colors.text.primary};\n    `;\n\n    const contentBody: string = css`\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const description: string = css`\n      margin: 0;\n      color: ${theme.vars.colors.text.secondary};\n      font-size: ${theme.vars.typography.fontSizes.sm};\n      line-height: 1.5;\n    `;\n\n    return {\n      content,\n      contentBody,\n      description,\n      dropdownContent,\n      header,\n      headerTitle,\n      overlay,\n    };\n  }, [theme, colorScheme]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,UAAkB,iBAAG;;;;;;;CAQ3B,MAAMC,UAAkB,iBAAG;oBACX,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;8BACvB,gBAAgB,SAAS,uBAAuB,sBAAsB;qBAC/E,MAAM,KAAK,WAAW,WAAW;;;;;CAMlD,MAAMC,kBAA0B,iBAAG;oBACnB,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;8BACvB,gBAAgB,SAAS,uBAAuB,sBAAsB;;;;;;;CAQhG,MAAMC,SAAiB,iBAAG;;;;sBAIR,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;iCAClD,MAAM,KAAK,OAAO,OAAO;;CAGtD,MAAMC,cAAsB,iBAAG;;;;eAIpB,MAAM,KAAK,OAAO,KAAK,QAAQ;;AAc1C,QAAO;EACL;EACA,aAb0B,iBAAG;sBACb,MAAM,KAAK,QAAQ,KAAK;;EAaxC,aAV0B,iBAAG;;eAEpB,MAAM,KAAK,OAAO,KAAK,UAAU;mBAC7B,MAAM,KAAK,WAAW,UAAU,GAAG;;;EAQhD;EACA;EACA;EACA;EACD;GACA,CAAC,OAAO,YAAY,CAAC;AAE1B,4BAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.cjs","names":["Divider: FC<DividerProps>","useTheme","styles: Record<string, string>","useStyles","Typography"],"sources":["../../../../../src/components/primitives/Divider/Divider.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 {FC, HTMLAttributes, ReactNode} from 'react';\nimport useStyles from './Divider.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport Typography from '../Typography/Typography';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted';\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Text to display in the center of the divider\n   */\n  children?: ReactNode;\n\n  /**\n   * Custom color for the divider\n   */\n  color?: string;\n\n  /**\n   * The orientation of the divider\n   */\n  orientation?: DividerOrientation;\n\n  /**\n   * The variant style of the divider\n   */\n  variant?: DividerVariant;\n}\n\n/**\n * Divider component for separating content sections.\n *\n * @example\n * ```tsx\n * // Basic horizontal divider\n * <Divider />\n *\n * // Divider with text\n * <Divider>OR</Divider>\n *\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n *\n * // Custom styled divider\n * <Divider variant=\"dashed\" color=\"#ccc\">Continue with</Divider>\n * ```\n */\nconst Divider: FC<DividerProps> = ({\n  orientation = 'horizontal',\n  variant = 'solid',\n  children,\n  color,\n  className,\n  style,\n  ...rest\n}: DividerProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, orientation, variant, color, !!children);\n\n  if (orientation === 'vertical') {\n    return (\n      <div\n        className={cx(\n          withVendorCSSClassPrefix(bem('divider')),\n          withVendorCSSClassPrefix(bem('divider', 'vertical')),\n          styles['divider'],\n          styles['vertical'],\n          className,\n        )}\n        style={style}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        {...rest}\n      />\n    );\n  }\n\n  if (children) {\n    return (\n      <div\n        className={cx(\n          withVendorCSSClassPrefix(bem('divider')),\n          withVendorCSSClassPrefix(bem('divider', 'horizontal')),\n          withVendorCSSClassPrefix(bem('divider', 'with-text')),\n          styles['divider'],\n          styles['horizontal'],\n          className,\n        )}\n        style={style}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        {...rest}\n      >\n        <div className={cx(withVendorCSSClassPrefix(bem('divider', 'line')), styles['line'])} />\n        <Typography\n          variant=\"body2\"\n          color=\"textSecondary\"\n          className={cx(withVendorCSSClassPrefix(bem('divider', 'text')), styles['text'])}\n          inline\n        >\n          {children}\n        </Typography>\n        <div className={cx(withVendorCSSClassPrefix(bem('divider', 'line')), styles['line'])} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\n        withVendorCSSClassPrefix(bem('divider')),\n        withVendorCSSClassPrefix(bem('divider', 'horizontal')),\n        styles['divider'],\n        styles['horizontal'],\n        className,\n      )}\n      style={style}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      {...rest}\n    />\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,MAAMA,WAA6B,EACjC,cAAc,cACd,UAAU,SACV,UACA,OACA,WACA,MACA,GAAG,WACe;CAClB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,+BAAU,OAAO,aAAa,aAAa,SAAS,OAAO,CAAC,CAAC,SAAS;AAE7G,KAAI,gBAAgB,WAClB,QACE,2CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,WAAW,CAAC,EACpD,OAAO,YACP,OAAO,aACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;GACJ;AAIN,KAAI,SACF,QACE,4CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,aAAa,CAAC,iFACzB,WAAW,YAAY,CAAC,EACrD,OAAO,YACP,OAAO,eACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;;GAEJ,2CAAC,SAAI,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ,GAAI;GACxF,2CAACC;IACC,SAAQ;IACR,OAAM;IACN,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ;IAC/E;IAEC;KACU;GACb,2CAAC,SAAI,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ,GAAI;;GACpF;AAIV,QACE,2CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,aAAa,CAAC,EACtD,OAAO,YACP,OAAO,eACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;GACJ;;AAIN,sBAAe"}
+{"version":3,"file":"Divider.cjs","names":["Divider: FC<DividerProps>","useTheme","styles: Record<string, string>","useStyles","Typography"],"sources":["../../../../../src/components/primitives/Divider/Divider.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 {FC, HTMLAttributes, ReactNode} from 'react';\nimport useStyles from './Divider.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport Typography from '../Typography/Typography';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted';\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Text to display in the center of the divider\n   */\n  children?: ReactNode;\n\n  /**\n   * Custom color for the divider\n   */\n  color?: string;\n\n  /**\n   * The orientation of the divider\n   */\n  orientation?: DividerOrientation;\n\n  /**\n   * The variant style of the divider\n   */\n  variant?: DividerVariant;\n}\n\n/**\n * Divider component for separating content sections.\n *\n * @example\n * ```tsx\n * // Basic horizontal divider\n * <Divider />\n *\n * // Divider with text\n * <Divider>OR</Divider>\n *\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n *\n * // Custom styled divider\n * <Divider variant=\"dashed\" color=\"#ccc\">Continue with</Divider>\n * ```\n */\nconst Divider: FC<DividerProps> = ({\n  orientation = 'horizontal',\n  variant = 'solid',\n  children,\n  color,\n  className,\n  style,\n  ...rest\n}: DividerProps) => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme, orientation, variant, color, !!children);\n\n  if (orientation === 'vertical') {\n    return (\n      <div\n        className={cx(\n          withVendorCSSClassPrefix(bem('divider')),\n          withVendorCSSClassPrefix(bem('divider', 'vertical')),\n          styles['divider'],\n          styles['vertical'],\n          className,\n        )}\n        style={style}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        {...rest}\n      />\n    );\n  }\n\n  if (children) {\n    return (\n      <div\n        className={cx(\n          withVendorCSSClassPrefix(bem('divider')),\n          withVendorCSSClassPrefix(bem('divider', 'horizontal')),\n          withVendorCSSClassPrefix(bem('divider', 'with-text')),\n          styles['divider'],\n          styles['horizontal'],\n          className,\n        )}\n        style={style}\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        {...rest}\n      >\n        <div className={cx(withVendorCSSClassPrefix(bem('divider', 'line')), styles['line'])} />\n        <Typography\n          variant=\"body2\"\n          color=\"textSecondary\"\n          className={cx(withVendorCSSClassPrefix(bem('divider', 'text')), styles['text'])}\n          inline\n        >\n          {children}\n        </Typography>\n        <div className={cx(withVendorCSSClassPrefix(bem('divider', 'line')), styles['line'])} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(\n        withVendorCSSClassPrefix(bem('divider')),\n        withVendorCSSClassPrefix(bem('divider', 'horizontal')),\n        styles['divider'],\n        styles['horizontal'],\n        className,\n      )}\n      style={style}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      {...rest}\n    />\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,MAAMA,WAA6B,EACjC,cAAc,cACd,UAAU,SACV,UACA,OACA,WACA,MACA,GAAG,WACe;CAClB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,+BAAU,OAAO,aAAa,aAAa,SAAS,OAAO,CAAC,CAAC,SAAS;AAE7G,KAAI,gBAAgB,WAClB,QACE,2CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,WAAW,CAAC,EACpD,OAAO,YACP,OAAO,aACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;GACJ;AAIN,KAAI,SACF,QACE,4CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,aAAa,CAAC,iFACzB,WAAW,YAAY,CAAC,EACrD,OAAO,YACP,OAAO,eACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;;GAEJ,2CAAC,SAAI,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ,GAAI;GACxF,2CAACC;IACC,SAAQ;IACR,OAAM;IACN,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ;IAC/E;IAEC;KACU;GACb,2CAAC,SAAI,gHAA2C,WAAW,OAAO,CAAC,EAAE,OAAO,QAAQ,GAAI;;GACpF;AAIV,QACE,2CAAC;EACC,gHAC+B,UAAU,CAAC,iFACX,WAAW,aAAa,CAAC,EACtD,OAAO,YACP,OAAO,eACP,UACD;EACM;EACP,MAAK;EACL,oBAAiB;EACjB,GAAI;GACJ;;AAIN,sBAAe"}

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

@@ -1 +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"}
+{"version":3,"file":"Divider.styles.cjs","names":["baseColor: string","borderStyle: string","baseDivider: string","verticalDivider: string"],"sources":["../../../../../src/components/primitives/Divider/Divider.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\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":";;;;;;;;;;;;;;;;;AAoBA,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.map

@@ -1 +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   * HTML id attribute\n   */\n  id?: 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  id,\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 id={id} 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":";;;;;;;;;;;;AA8DA,MAAMA,eAAqC,EACzC,UACA,OACA,YACA,WACA,IACA,kBAAkB,QAClB,2BACsB;CACtB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,mCAAU,OAAO,aAAa,iBAAiB,sBAAsB,CAAC,CAAC,MAAM;AAEpH,QACE,4CAAC;EAAQ;EAAI,gHAA2C,eAAe,CAAC,EAAE,OAAO,gBAAgB,UAAU;aACxG,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"}
+{"version":3,"file":"FormControl.cjs","names":["FormControl: FC<FormControlProps>","useTheme","styles: Record<string, string>","useStyles","Typography"],"sources":["../../../../../src/components/primitives/FormControl/FormControl.tsx"],"sourcesContent":["// Copyright 2025 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, 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   * HTML id attribute\n   */\n  id?: 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  id,\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 id={id} 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":";;;;;;;;;;;;AA+CA,MAAMA,eAAqC,EACzC,UACA,OACA,YACA,WACA,IACA,kBAAkB,QAClB,2BACsB;CACtB,MAAM,EAAC,OAAO,gBAA4CC,0BAAU;CACpE,MAAMC,SAAiCC,mCAAU,OAAO,aAAa,iBAAiB,sBAAsB,CAAC,CAAC,MAAM;AAEpH,QACE,4CAAC;EAAQ;EAAI,gHAA2C,eAAe,CAAC,EAAE,OAAO,gBAAgB,UAAU;aACxG,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.map

@@ -1 +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"}
+{"version":3,"file":"FormControl.styles.cjs","names":[],"sources":["../../../../../src/components/primitives/FormControl/FormControl.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\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":";;;;;;;;;;;;;;;;AAkBA,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.map

@@ -1 +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"}
+{"version":3,"file":"ArrowLeftRight.cjs","names":["ArrowLeftRight: FC<ArrowLeftRightProps>"],"sources":["../../../../../src/components/primitives/Icons/ArrowLeftRight.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAeA,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.map

@@ -1 +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"}
+{"version":3,"file":"ArrowRightLeft.cjs","names":["ArrowRightLeft: FC<ArrowRightLeftProps>"],"sources":["../../../../../src/components/primitives/Icons/ArrowRightLeft.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAeA,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/BuildingAlt.cjs.map

@@ -1 +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"}
+{"version":3,"file":"BuildingAlt.cjs","names":["BuildingAlt: FC<BuildingAltProps>"],"sources":["../../../../../src/components/primitives/Icons/BuildingAlt.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;;;;AA0BA,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.map

@@ -1 +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"}
+{"version":3,"file":"Check.cjs","names":["Check: FC<CheckProps>"],"sources":["../../../../../src/components/primitives/Icons/Check.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;;;;AA0BA,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.map

@@ -1 +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"}
+{"version":3,"file":"ChevronDown.cjs","names":["ChevronDown: FC<ChevronDownProps>"],"sources":["../../../../../src/components/primitives/Icons/ChevronDown.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;;;;AA0BA,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.map

@@ -1 +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"}
+{"version":3,"file":"CircleAlert.cjs","names":["CircleAlert: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/CircleAlert.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAQA,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.map

@@ -1 +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"}
+{"version":3,"file":"CircleCheck.cjs","names":["CircleCheck: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/CircleCheck.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAQA,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.map

@@ -1 +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"}
+{"version":3,"file":"Eye.cjs","names":["Eye: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/Eye.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAQA,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.map

@@ -1 +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"}
+{"version":3,"file":"EyeOff.cjs","names":["EyeOff: FC<SVGProps<SVGSVGElement>>"],"sources":["../../../../../src/components/primitives/Icons/EyeOff.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\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":";;;;;;;;AAQA,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.map

@@ -1 +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"}
+{"version":3,"file":"Info.cjs","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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LogOut.cjs","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,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,mBAAmB;EAC3B,2CAAC,UAAK,GAAE,aAAa;EACrB,2CAAC,UAAK,GAAE,4CAA4C;;EAChD;AAGR,qBAAe"}
+{"version":3,"file":"LogOut.cjs","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,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,mBAAmB;EAC3B,2CAAC,UAAK,GAAE,aAAa;EACrB,2CAAC,UAAK,GAAE,4CAA4C;;EAChD;AAGR,qBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"Plus.cjs","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,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,aAAa,EACrB,2CAAC,UAAK,GAAE,aAAa;EACjB;AAGR,mBAAe"}
+{"version":3,"file":"Plus.cjs","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,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,aAAa,EACrB,2CAAC,UAAK,GAAE,aAAa;EACjB;AAGR,mBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"TriangleAlert.cjs","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,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,6EAA6E;EACrF,2CAAC,UAAK,GAAE,YAAY;EACpB,2CAAC,UAAK,GAAE,eAAe;;EACnB;AAGR,4BAAe"}
+{"version":3,"file":"TriangleAlert.cjs","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,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,6EAA6E;EACrF,2CAAC,UAAK,GAAE,YAAY;EACpB,2CAAC,UAAK,GAAE,eAAe;;EACnB;AAGR,4BAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"User.cjs","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,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,8CAA8C,EACtD,2CAAC;EAAO,IAAG;EAAK,IAAG;EAAI,GAAE;GAAM;EAC3B;AAGR,mBAAe"}
+{"version":3,"file":"User.cjs","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,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,8CAA8C,EACtD,2CAAC;EAAO,IAAG;EAAK,IAAG;EAAI,GAAE;GAAM;EAC3B;AAGR,mBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"X.cjs","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,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,eAAe,EACvB,2CAAC,UAAK,GAAE,eAAe;EACnB;AAGR,gBAAe"}
+{"version":3,"file":"X.cjs","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,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,eAAe,EACvB,2CAAC,UAAK,GAAE,eAAe;EACnB;AAGR,gBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"flowIconRegistry.cjs","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.cjs","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/cjs/components/primitives/InputLabel/InputLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.cjs","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,0BAAU;CACpE,MAAMC,SAAiCC,kCAAU,OAAO,aAAa,SAAS,OAAO,aAAa;AAElG,QACE,4CAAC;EACC,gHAC+B,cAAc,CAAC,iFACf,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,YAAY,UAAU,OAAO,WAAW,OAAO,WAC/C;mFACgC,eAAe,QAAQ,CAAC,GAAG;IACxD,OAAO,WAAW;GACpB,EACD,UACD;EACM;EACP,GAAI;aAEH,UACA,YACC,2CAAC;GAAK,gHAA2C,eAAe,WAAW,CAAC,EAAE,OAAO,qBAAqB;aACvG;IACI;GAEH;;AAIZ,yBAAe"}
+{"version":3,"file":"InputLabel.cjs","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,0BAAU;CACpE,MAAMC,SAAiCC,kCAAU,OAAO,aAAa,SAAS,OAAO,aAAa;AAElG,QACE,4CAAC;EACC,gHAC+B,cAAc,CAAC,iFACf,eAAe,QAAQ,CAAC,EACrD,OAAO,UACP,YAAY,UAAU,OAAO,WAAW,OAAO,WAC/C;mFACgC,eAAe,QAAQ,CAAC,GAAG;IACxD,OAAO,WAAW;GACpB,EACD,UACD;EACM;EACP,GAAI;aAEH,UACA,YACC,2CAAC;GAAK,gHAA2C,eAAe,WAAW,CAAC,EAAE,OAAO,qBAAqB;aACvG;IACI;GAEH;;AAIZ,yBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.styles.cjs","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,0CAEc;CACZ,MAAMA,YAAoB,iBAAG;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,iBAAG;eACnB,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,oBAA4B,iBAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;AAexC,QAAO;EACL,OAb2B,iBAAG;;;uBAGb,gBAAgB,QAAQ,MAAM,KAAK,QAAQ,KAAK,SAAS;;EAW1E,OAAO;EACP,QAT4B,iBAAG;;;;;EAU/B,OAAO;EACP;EACD;GACA;CAAC;CAAO;CAAa;CAAS;CAAO;CAAa,CAAC;AAExD,gCAAe"}
+{"version":3,"file":"InputLabel.styles.cjs","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,0CAEc;CACZ,MAAMA,YAAoB,iBAAG;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,iBAAG;eACnB,MAAM,KAAK,OAAO,MAAM,KAAK;;CAGxC,MAAMC,oBAA4B,iBAAG;eAC1B,MAAM,KAAK,OAAO,MAAM,KAAK;;AAexC,QAAO;EACL,OAb2B,iBAAG;;;uBAGb,gBAAgB,QAAQ,MAAM,KAAK,QAAQ,KAAK,SAAS;;EAW1E,OAAO;EACP,QAT4B,iBAAG;;;;;EAU/B,OAAO;EACP;EACD;GACA;CAAC;CAAO;CAAa;CAAS;CAAO;CAAa,CAAC;AAExD,gCAAe"}