npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.5f0cd13 → 4.0.0-internal.688c4d0 - Mend

@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.688c4d0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1333) hide show

package/dist/forms/useField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormProcessing","useFormSubmitted","useFieldPath","useFieldInForm","options","$","t0","disableFormData","t1","hasRows","path","pathFromOptions","potentiallyStalePath","validate","undefined","pathFromContext","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t2","t3","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t4","e","t5","disableModifyingForm","isEvent","preventDefault","stopPropagation","val","target","type","setValue","blocksFilterOptions","t6","customComponents","t7","t8","t9","errorPaths","t10","rows","t11","selectFilterOptions","t12","t13","disabled","formInitializing","formProcessing","formSubmitted","result","t14","validateField","valueToValidate","Array","isArray","current","valid_0","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t15","t16","FieldContext","createContext","useField","fieldContext","use","hasFieldContext","currentPath","Error","dispatch"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n useDocumentForm,\n useForm,\n useFormFields,\n useFormInitializing,\n useFormProcessing,\n useFormSubmitted,\n} from '../Form/context.js'\nimport { useFieldPath } from '../RenderFields/context.js'\n\nconst useFieldInForm = <TValue,>(options?: Options): FieldType<TValue> => {\n const {\n disableFormData = false,\n hasRows,\n path: pathFromOptions,\n potentiallyStalePath,\n validate,\n } = options \|\| {}\n\n const pathFromContext = useFieldPath()\n\n // This is a workaround for stale props given to server rendered components.\n // See the notes in the `potentiallyStalePath` type definition for more details.\n const path = pathFromOptions \|\| pathFromContext \|\| potentiallyStalePath\n\n const submitted = useFormSubmitted()\n const processing = useFormProcessing()\n const initializing = useFormInitializing()\n const { user } = useAuth()\n const { id, collectionSlug } = useDocumentInfo()\n const operation = useOperation()\n\n const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n const field = useFormFields(([fields]) => (fields && fields?.[path]) \|\| null)\n\n const { t } = useTranslation()\n const { config } = useConfig()\n\n const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n const documentForm = useDocumentForm()\n\n const filterOptions = field?.filterOptions\n const value = field?.value as TValue\n const initialValue = field?.initialValue as TValue\n const valid = typeof field?.valid === 'boolean' ? field.valid : true\n const showError = valid === false && submitted\n\n const prevValid = useRef(valid)\n const prevErrorMessage = useRef(field?.errorMessage)\n\n const pathSegments = path ? path.split('.') : []\n\n // Method to return from `useField`, used to\n // update field values from field component(s)\n const setValue = useCallback(\n (e, disableModifyingForm = false) => {\n // TODO:\n // There are no built-in fields that pass events into `e`.\n // Remove this check in the next major version.\n const isEvent =\n e &&\n typeof e === 'object' &&\n typeof e.preventDefault === 'function' &&\n typeof e.stopPropagation === 'function'\n\n const val = isEvent ? e.target.value : e\n\n dispatchField({\n type: 'UPDATE',\n disableFormData: disableFormData \|\| (hasRows && val > 0),\n path,\n value: val,\n })\n\n if (!disableModifyingForm) {\n setModified(true)\n }\n },\n [setModified, path, dispatchField, disableFormData, hasRows],\n )\n\n // Store result from hook as ref\n // to prevent unnecessary rerenders\n const result: FieldType<TValue> = useMemo(\n () => ({\n blocksFilterOptions: field?.blocksFilterOptions,\n customComponents: field?.customComponents,\n disabled: processing \|\| initializing,\n errorMessage: field?.errorMessage,\n errorPaths: field?.errorPaths \|\| [],\n filterOptions,\n formInitializing: initializing,\n formProcessing: processing,\n formSubmitted: submitted,\n initialValue,\n path,\n rows: field?.rows,\n selectFilterOptions: field?.selectFilterOptions,\n setValue,\n showError,\n valid: field?.valid,\n value,\n }),\n [\n field,\n processing,\n setValue,\n showError,\n submitted,\n value,\n initialValue,\n path,\n filterOptions,\n initializing,\n ],\n )\n\n // Throttle the validate function\n useThrottledEffect(\n () => {\n const validateField = async () => {\n let valueToValidate = value\n\n if (field?.rows && Array.isArray(field.rows)) {\n valueToValidate = getDataByPath(path)\n }\n\n let errorMessage: string \| undefined = prevErrorMessage.current\n let valid: boolean \| string = prevValid.current\n\n const data = getData()\n const isValid =\n typeof validate === 'function'\n ? await validate(valueToValidate, {\n id,\n blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n collectionSlug,\n data: documentForm?.getData ? documentForm.getData() : data,\n event: 'onChange',\n operation,\n path: pathSegments,\n preferences: {} as any,\n req: {\n payload: {\n config,\n },\n t,\n user,\n } as unknown as PayloadRequest,\n siblingData: getSiblingData(path),\n })\n : typeof prevErrorMessage.current === 'string'\n ? prevErrorMessage.current\n : prevValid.current\n\n if (typeof isValid === 'string') {\n valid = false\n errorMessage = isValid\n } else if (typeof isValid === 'boolean') {\n valid = isValid\n errorMessage = undefined\n }\n\n // Only dispatch if the validation result has changed\n // This will prevent unnecessary rerenders\n if (valid !== prevValid.current \|\| errorMessage !== prevErrorMessage.current) {\n prevValid.current = valid\n prevErrorMessage.current = errorMessage\n\n const update: UPDATE = {\n type: 'UPDATE',\n errorMessage,\n path,\n rows: field?.rows,\n valid,\n validate,\n value,\n }\n\n if (disableFormData \|\| (hasRows ? typeof value === 'number' && value > 0 : false)) {\n update.disableFormData = true\n }\n\n if (typeof dispatchField === 'function') {\n dispatchField(update)\n }\n }\n }\n\n void validateField()\n },\n 150,\n [\n value,\n disableFormData,\n dispatchField,\n getData,\n getSiblingData,\n getDataByPath,\n id,\n operation,\n path,\n user,\n validate,\n field?.rows,\n collectionSlug,\n ],\n )\n\n return result\n}\n\n/*\n Context to allow providing useField value for fields directly, if managed outside the Form\n \n @experimental\n /\nexport const FieldContext = React.createContext<FieldType<unknown> \| undefined>(undefined)\n\n/\n Get and set the value of a form field.\n \n @see https://payloadcms.com/docs/admin/react-hooks#usefield\n /\nexport const useField = <TValue,>(options?: Options): FieldType<TValue> => {\n const pathFromContext = useFieldPath()\n\n const fieldContext = React.use(FieldContext) as FieldType<TValue> \| undefined\n\n // Lock the mode on first render so hook order is stable forever. This ensures\n // that hooks are called in the same order each time a component renders => should\n // not break the rule of hooks.\n const hasFieldContext = React.useRef<false \| null \| true>(null)\n if (hasFieldContext.current === null) {\n // Use field context, if a field context exists and* the path matches. If the path\n // does not match, this could be the field context of a parent field => there likely is\n // a nested <Form /> we should use instead => 'form'\n const currentPath = options?.path \|\| pathFromContext \|\| options?.potentiallyStalePath\n\n hasFieldContext.current =\n fieldContext && currentPath && fieldContext.path === currentPath ? true : false\n }\n\n if (hasFieldContext.current === true) {\n if (!fieldContext) {\n // Provider was removed after mount. That violates hook guarantees.\n throw new Error('FieldContext was removed after mount. This breaks hook ordering.')\n }\n return fieldContext\n }\n\n // We intentionally guard this hook call with a mode that is fixed on first render.\n // The order is consistent across renders. Silence the linter’s false positive.\n\n // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useFieldInForm<TValue>(options)\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormProcessing","useFormSubmitted","useFieldPath","useFieldInForm","options","$","t0","disableFormData","t1","hasRows","path","pathFromOptions","potentiallyStalePath","validate","undefined","pathFromContext","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t2","t3","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t4","e","t5","disableModifyingForm","isEvent","preventDefault","stopPropagation","val","target","type","setValue","blocksFilterOptions","t6","customComponents","t7","t8","t9","errorPaths","t10","rows","t11","selectFilterOptions","t12","t13","disabled","formInitializing","formProcessing","formSubmitted","result","t14","validateField","valueToValidate","Array","isArray","valid_0","current","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t15","t16","FieldContext","createContext","useField","fieldContext","use","hasFieldContext","currentPath","Error","dispatch"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport {\n useDocumentForm,\n useForm,\n useFormFields,\n useFormInitializing,\n useFormProcessing,\n useFormSubmitted,\n} from '../Form/context.js'\nimport { useFieldPath } from '../RenderFields/context.js'\n\nconst useFieldInForm = <TValue,>(options?: Options): FieldType<TValue> => {\n const {\n disableFormData = false,\n hasRows,\n path: pathFromOptions,\n potentiallyStalePath,\n validate,\n } = options \|\| {}\n\n const pathFromContext = useFieldPath()\n\n // This is a workaround for stale props given to server rendered components.\n // See the notes in the `potentiallyStalePath` type definition for more details.\n const path = pathFromOptions \|\| pathFromContext \|\| potentiallyStalePath\n\n const submitted = useFormSubmitted()\n const processing = useFormProcessing()\n const initializing = useFormInitializing()\n const { user } = useAuth()\n const { id, collectionSlug } = useDocumentInfo()\n const operation = useOperation()\n\n const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n const field = useFormFields(([fields]) => (fields && fields?.[path]) \|\| null)\n\n const { t } = useTranslation()\n const { config } = useConfig()\n\n const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n const documentForm = useDocumentForm()\n\n const filterOptions = field?.filterOptions\n const value = field?.value as TValue\n const initialValue = field?.initialValue as TValue\n const valid = typeof field?.valid === 'boolean' ? field.valid : true\n const showError = valid === false && submitted\n\n const prevValid = useRef(valid)\n const prevErrorMessage = useRef(field?.errorMessage)\n\n const pathSegments = path ? path.split('.') : []\n\n // Method to return from `useField`, used to\n // update field values from field component(s)\n const setValue = useCallback(\n (e, disableModifyingForm = false) => {\n // TODO:\n // There are no built-in fields that pass events into `e`.\n // Remove this check in the next major version.\n const isEvent =\n e &&\n typeof e === 'object' &&\n typeof e.preventDefault === 'function' &&\n typeof e.stopPropagation === 'function'\n\n const val = isEvent ? e.target.value : e\n\n dispatchField({\n type: 'UPDATE',\n disableFormData: disableFormData \|\| (hasRows && val > 0),\n path,\n value: val,\n })\n\n if (!disableModifyingForm) {\n setModified(true)\n }\n },\n [setModified, path, dispatchField, disableFormData, hasRows],\n )\n\n // Store result from hook as ref\n // to prevent unnecessary rerenders\n const result: FieldType<TValue> = useMemo(\n () => ({\n blocksFilterOptions: field?.blocksFilterOptions,\n customComponents: field?.customComponents,\n disabled: processing \|\| initializing,\n errorMessage: field?.errorMessage,\n errorPaths: field?.errorPaths \|\| [],\n filterOptions,\n formInitializing: initializing,\n formProcessing: processing,\n formSubmitted: submitted,\n initialValue,\n path,\n rows: field?.rows,\n selectFilterOptions: field?.selectFilterOptions,\n setValue,\n showError,\n valid: field?.valid,\n value,\n }),\n [\n field,\n processing,\n setValue,\n showError,\n submitted,\n value,\n initialValue,\n path,\n filterOptions,\n initializing,\n ],\n )\n\n // Throttle the validate function\n useThrottledEffect(\n () => {\n const validateField = async () => {\n let valueToValidate = value\n\n if (field?.rows && Array.isArray(field.rows)) {\n valueToValidate = getDataByPath(path)\n }\n\n let errorMessage: string \| undefined = prevErrorMessage.current\n let valid: boolean \| string = prevValid.current\n\n const data = getData()\n const isValid =\n typeof validate === 'function'\n ? await validate(valueToValidate, {\n id,\n blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n collectionSlug,\n data: documentForm?.getData ? documentForm.getData() : data,\n event: 'onChange',\n operation,\n path: pathSegments,\n preferences: {} as any,\n req: {\n payload: {\n config,\n },\n t,\n user,\n } as unknown as PayloadRequest,\n siblingData: getSiblingData(path),\n })\n : typeof prevErrorMessage.current === 'string'\n ? prevErrorMessage.current\n : prevValid.current\n\n if (typeof isValid === 'string') {\n valid = false\n errorMessage = isValid\n } else if (typeof isValid === 'boolean') {\n valid = isValid\n errorMessage = undefined\n }\n\n // Only dispatch if the validation result has changed\n // This will prevent unnecessary rerenders\n if (valid !== prevValid.current \|\| errorMessage !== prevErrorMessage.current) {\n prevValid.current = valid\n prevErrorMessage.current = errorMessage\n\n const update: UPDATE = {\n type: 'UPDATE',\n errorMessage,\n path,\n rows: field?.rows,\n valid,\n validate,\n value,\n }\n\n if (disableFormData \|\| (hasRows ? typeof value === 'number' && value > 0 : false)) {\n update.disableFormData = true\n }\n\n if (typeof dispatchField === 'function') {\n dispatchField(update)\n }\n }\n }\n\n void validateField()\n },\n 150,\n [\n value,\n disableFormData,\n dispatchField,\n getData,\n getSiblingData,\n getDataByPath,\n id,\n operation,\n path,\n user,\n validate,\n field?.rows,\n collectionSlug,\n ],\n )\n\n return result\n}\n\n/*\n Context to allow providing useField value for fields directly, if managed outside the Form\n \n @experimental\n /\nexport const FieldContext = React.createContext<FieldType<unknown> \| undefined>(undefined)\n\n/\n Get and set the value of a form field.\n \n @see https://payloadcms.com/docs/admin/react-hooks#usefield\n /\nexport const useField = <TValue,>(options?: Options): FieldType<TValue> => {\n const pathFromContext = useFieldPath()\n\n const fieldContext = React.use(FieldContext) as FieldType<TValue> \| undefined\n\n // Lock the mode on first render so hook order is stable forever. This ensures\n // that hooks are called in the same order each time a component renders => should\n // not break the rule of hooks.\n const hasFieldContext = React.useRef<false \| null \| true>(null)\n if (hasFieldContext.current === null) {\n // Use field context, if a field context exists and* the path matches. If the path\n // does not match, this could be the field context of a parent field => there likely is\n // a nested <Form /> we should use instead => 'form'\n const currentPath = options?.path \|\| pathFromContext \|\| options?.potentiallyStalePath\n\n hasFieldContext.current =\n fieldContext && currentPath && fieldContext.path === currentPath ? true : false\n }\n\n if (hasFieldContext.current === true) {\n if (!fieldContext) {\n // Provider was removed after mount. That violates hook guarantees.\n throw new Error('FieldContext was removed after mount. This breaks hook ordering.')\n }\n return fieldContext\n }\n\n // We intentionally guard this hook call with a mode that is fixed on first render.\n // The order is consistent across renders. Silence the linter’s false positive.\n\n // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useFieldInForm<TValue>(options)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/icons/Dots/index.css CHANGED Viewed

@@ -6,13 +6,13 @@
     justify-content: center;
     flex-direction: column;
     gap: 2px;
-    background-color: var(--theme-elevation-150);
+    background-color: var(--color-bg-secondary);
     border-radius: var(--button-radius);
-    height: calc(var(--base) * 1.2);
-    width: calc(var(--base) * 1.2);
+    height: var(--spacer-4);
+    width: var(--spacer-4);
     &:hover {
-      background-color: var(--theme-elevation-250);
+      background-color: var(--color-bg-secondary-hover);
     }
     &.dots--no-background {

package/dist/icons/Gear/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;~~AAOpB~~,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Gear/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAepB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAYA,CAAA"}

package/dist/icons/Gear/index.js CHANGED Viewed

@@ -5,6 +5,13 @@ const paths = {
   16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',
   24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7'
 };
+// The 24px gear glyph is drawn larger within its box than the rest of the icon
+// set (~18 vs ~13.5 units). It's centered at (12, 12), so widening its viewBox
+// renders it at the set's optical size without touching the path or callers.
+const viewBoxes = {
+  16: '0 0 16 16',
+  24: '-4 -4 32 32'
+};
 export const GearIcon = ({
   ariaLabel,
   className,
@@ -14,7 +21,7 @@ export const GearIcon = ({
   className: ['icon', 'icon--gear', className].filter(Boolean).join(' '),
   fill: "none",
   height: size,
-  viewBox: `0 0 ${size} ${size}`,
+  viewBox: viewBoxes[size],
   width: size,
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {

package/dist/icons/Gear/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","paths","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n 16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n 24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\nexport const GearIcon: React.FC<{\n readonly ariaLabel?: string\n readonly className?: string\n readonly size?: 16 \| 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n <svg\n aria-label={ariaLabel}\n className={['icon', 'icon--gear', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={~~`0 0 ${~~size} ~~${size}`}~~\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,~~EAAS~~,~~OAAOP~~,~~IAAA~~,~~IAAQA,~~IAAA,~~EAAM~~;~~EAC9BQ~~,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,~~EAAGf~~,KAAK,~~CAACI~~,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","paths","viewBoxes","GearIcon","ariaLabel","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n 16: 'M8.32 2.008q.48.027.937.124l.117.032c.49.151.76.557.848.937a4 4 0 0 0 .052.29.5.5 0 0 0 .226.28c.002.002.099.043.109.047a.5.5 0 0 0 .352-.028c.003-.004.15-.06.163-.065.372-.113.857-.084 1.233.26.006.001.082.077.088.083l.203.243a5.9 5.9 0 0 1 1.064 1.951l.03.12c.112.495-.104.93-.389 1.196l-.134.108a.5.5 0 0 0-.215.351c-.004 0-.004.125-.004.125.02.141.097.264.21.345.002 0 .132.1.141.108.28.267.497.7.39 1.196 0 .009-.03.117-.03.117a5.9 5.9 0 0 1-1.06 1.962c-.017.016-.205.241-.205.241-.387.422-.92.467-1.32.343l-.165-.062a.5.5 0 0 0-.28-.045l-.087.022a.2.2 0 0 0-.04.015l-.053.025-.055.038a.5.5 0 0 0-.192.336c-.004 0-.004.133-.004.133a1.02 1.02 0 0 1-.633.935c-.014.007-.14.05-.14.05a6.3 6.3 0 0 1-1.101.167A13 13 0 0 0 8 14q-.488 0-.953-.075l-.305-.058c-.645-.138-.953-.692-.992-1.14a.52.52 0 0 0-.18-.352l-.036-.018-.105-.06a.5.5 0 0 0-.39.014c-.387.18-.972.202-1.407-.2-.006-.009-.085-.088-.085-.088a6 6 0 0 1-1.155-1.883l-.103-.304c-.204-.625.125-1.168.494-1.425.008-.012.083-.075.091-.082A.5.5 0 0 0 3 8l-.015-.125a.5.5 0 0 0-.203-.29c-.37-.257-.696-.798-.497-1.422.008-.01.1-.288.106-.303a6 6 0 0 1 1.156-1.882 1.26 1.26 0 0 1 1.327-.351l.274.099a.497.497 0 0 0 .6-.445c.003-.006.024-.17.026-.179.096-.41.403-.852.967-.97.013-.001.285-.05.305-.054a5.7 5.7 0 0 1 1.274-.07m-.594 1a5 5 0 0 0-.778.102.27.27 0 0 0-.203.25A1.5 1.5 0 0 1 4.61 4.595c-.111-.05-.24-.038-.319.05a5 5 0 0 0-1.054 1.822c-.035.114.019.23.113.298.39.272.645.718.649 1.227 0 .517-.255.968-.644 1.239a.28.28 0 0 0-.127.26c0 .007.006.04.006.04a5.1 5.1 0 0 0 1.057 1.826c.083.088.211.1.317.05a1.5 1.5 0 0 1 1.274-.002l.25.141c.318.233.522.573.592.939.003.007.017.156.017.156.015.116.09.222.203.248A5 5 0 0 0 7.999 13a5 5 0 0 0 1.242-.156l.009-.015v-.046a1.51 1.51 0 0 1 .743-1.318L10 11.46l.14-.07.142-.055c.37-.12.765-.09 1.107.07.085.038.178.04.252 0l.063-.046a4.9 4.9 0 0 0 1.052-1.829.26.26 0 0 0-.05-.243c-.008-.006-.064-.061-.064-.061A1.49 1.49 0 0 1 12 8c0-.51.254-.959.644-1.233.088-.064.137-.16.124-.258a.2.2 0 0 1-.01-.04 4.9 4.9 0 0 0-1.055-1.825.27.27 0 0 0-.314-.05c-.38.177-.82.194-1.22.027-.015-.012-.17-.082-.17-.082a1.52 1.52 0 0 1-.747-1.178.28.28 0 0 0-.159-.236l-.047-.016a5 5 0 0 0-1.321-.101m2.718 9.344.032-.008q.006-.009.017-.013l-.046.024zm-2.24-6.344A2 2 0 1 1 5.998 8l.009-.203A2.003 2.003 0 0 1 7.999 6zm-.304 1a.995.995 0 0 0-.9.992l.009.102c.045.471.42.845.89.893a1 1 0 0 0 .204-1.99L8 7z',\n 24: 'M17.287 6.044c-.561.24-1.22.22-1.787-.106a2 2 0 0 1-.986-1.495c-.07-.576-.495-1.253-1.297-1.361a9 9 0 0 0-2.434 0c-.802.108-1.228.785-1.297 1.36A2 2 0 0 1 8.5 5.939a2 2 0 0 1-1.787.106c-.533-.227-1.33-.197-1.826.44a9 9 0 0 0-1.22 2.111c-.307.749.067 1.456.53 1.803.49.367.803.948.803 1.602s-.313 1.235-.802 1.602c-.464.347-.838 1.054-.531 1.803.311.761.724 1.47 1.22 2.11.495.638 1.293.668 1.826.44a2 2 0 0 1 1.787.107c.566.327.913.889.986 1.495.07.576.495 1.253 1.297 1.361a9 9 0 0 0 2.434 0c.802-.108 1.227-.785 1.297-1.36.073-.607.42-1.169.986-1.496a2 2 0 0 1 1.787-.106c.533.227 1.33.197 1.826-.44.496-.64.909-1.35 1.22-2.111.307-.749-.067-1.456-.53-1.803A2 2 0 0 1 19 12c0-.654.313-1.235.802-1.602.464-.347.838-1.054.531-1.803a9 9 0 0 0-1.22-2.11c-.495-.638-1.293-.668-1.826-.44M15 6.804c.85.49 1.841.518 2.68.16.224-.096.493-.058.643.134.442.57.808 1.2 1.085 1.876.092.226-.01.478-.206.624A3 3 0 0 0 18 12c0 .983.472 1.855 1.203 2.402.195.146.297.398.205.624a8 8 0 0 1-1.085 1.876c-.15.192-.419.23-.643.134a3 3 0 0 0-2.68.16 3 3 0 0 0-1.479 2.241c-.03.243-.196.458-.438.49a8 8 0 0 1-2.166 0c-.242-.032-.409-.247-.438-.49A3 3 0 0 0 9 17.197a3 3 0 0 0-2.68-.161c-.224.096-.493.058-.643-.134a8 8 0 0 1-1.085-1.876c-.092-.226.01-.478.205-.624A3 3 0 0 0 6 12c0-.983-.472-1.855-1.203-2.402-.195-.146-.297-.398-.205-.624a8 8 0 0 1 1.085-1.876c.15-.192.419-.23.643-.134.839.358 1.83.33 2.68-.16a3 3 0 0 0 1.479-2.241c.03-.243.196-.458.438-.49a8 8 0 0 1 2.166 0c.242.032.409.247.438.49.11.905.628 1.75 1.479 2.24M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7',\n}\n\n// The 24px gear glyph is drawn larger within its box than the rest of the icon\n// set (~18 vs ~13.5 units). It's centered at (12, 12), so widening its viewBox\n// renders it at the set's optical size without touching the path or callers.\nconst viewBoxes = {\n 16: '0 0 16 16',\n 24: '-4 -4 32 32',\n}\n\nexport const GearIcon: React.FC<{\n readonly ariaLabel?: string\n readonly className?: string\n readonly size?: 16 \| 24\n}> = ({ ariaLabel, className, size = 24 }) => (\n <svg\n aria-label={ariaLabel}\n className={['icon', 'icon--gear', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={viewBoxes[size]}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA;AACA;AACA;AACA,MAAMC,SAAA,GAAY;EAChB,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,QAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBACvCC,IAAA,CAAC;EACC,cAAYH,SAAA;EACZC,SAAA,EAAW,CAAC,QAAQ,cAAcA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAClEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAASX,SAAS,CAACI,IAAA,CAAK;EACxBQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGhB,KAAK,CAACK,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/InteractionEnter/index.css ADDED Viewed

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--interaction-enter {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/InteractionEnter/index.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.css';
+/**
+ * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)
+ * Used for the Settings menu row in the UserMenu.
+ */
+export declare const InteractionEnterIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: number;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/InteractionEnter/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/InteractionEnter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CACvB,CAgBA,CAAA"}

package/dist/icons/InteractionEnter/index.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+/**
+ * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)
+ * Used for the Settings menu row in the UserMenu.
+ */
+export const InteractionEnterIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--interaction-enter', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: "0 0 24 24",
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: "M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/InteractionEnter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["React","InteractionEnterIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/InteractionEnter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\n/**\n * Interaction Enter icon (24px, from Figma FPL icon.24.interaction.enter.small)\n * Used for the Settings menu row in the UserMenu.\n */\nexport const InteractionEnterIcon: React.FC<{\n readonly className?: string\n readonly size?: number\n}> = ({ className, size = 24 }) => (\n <svg\n className={['icon', 'icon--interaction-enter', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox=\"0 0 24 24\"\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n clipRule=\"evenodd\"\n d=\"M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP;;;;AAIA,OAAO,MAAMC,oBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,2BAA2BA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/EC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAQ;EACRC,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IACCS,QAAA,EAAS;IACTC,CAAA,EAAE;IACFN,IAAA,EAAK;IACLO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/{Write → Key}/index.css RENAMED Viewed

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .icon--write {
+  .icon--key {
     /* Icon uses fill, no additional styles needed */
   }
 }

package/dist/icons/Key/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const KeyIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Key/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Key/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}

package/dist/icons/Key/index.js ADDED Viewed

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  24: 'M10.7988 11.1154L11.1794 10.7348L11.0713 10.2075C11.0247 9.97983 11 9.74332 11 9.5C11 7.567 12.567 6 14.5 6C16.433 6 18 7.567 18 9.5C18 11.433 16.433 13 14.5 13C14.2313 13 13.9708 12.9699 13.7213 12.9133L12.5 12.6362V13.8885V14H11.5H10.5V15V16H9.5H8.5V17V18H6V15.9142L10.7988 11.1154ZM13.5 14C13.5 14.1878 13.4482 14.3636 13.3581 14.5137C13.1834 14.805 12.8644 15 12.5 15H11.5V16C11.5 16.5523 11.0523 17 10.5 17H9.5V18C9.5 18.5523 9.05228 19 8.5 19H6C5.44772 19 5 18.5523 5 18V15.9142C5 15.649 5.10536 15.3946 5.29289 15.2071L10.0917 10.4083C10.0316 10.1149 10 9.81115 10 9.5C10 7.01472 12.0147 5 14.5 5C16.9853 5 19 7.01472 19 9.5C19 11.9853 16.9853 14 14.5 14C14.1563 14 13.8216 13.9615 13.5 13.8885V14ZM15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z'
+};
+export const KeyIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--key', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Key/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["React","paths","KeyIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Key/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n 24: 'M10.7988 11.1154L11.1794 10.7348L11.0713 10.2075C11.0247 9.97983 11 9.74332 11 9.5C11 7.567 12.567 6 14.5 6C16.433 6 18 7.567 18 9.5C18 11.433 16.433 13 14.5 13C14.2313 13 13.9708 12.9699 13.7213 12.9133L12.5 12.6362V13.8885V14H11.5H10.5V15V16H9.5H8.5V17V18H6V15.9142L10.7988 11.1154ZM13.5 14C13.5 14.1878 13.4482 14.3636 13.3581 14.5137C13.1834 14.805 12.8644 15 12.5 15H11.5V16C11.5 16.5523 11.0523 17 10.5 17H9.5V18C9.5 18.5523 9.05228 19 8.5 19H6C5.44772 19 5 18.5523 5 18V15.9142C5 15.649 5.10536 15.3946 5.29289 15.2071L10.0917 10.4083C10.0316 10.1149 10 9.81115 10 9.5C10 7.01472 12.0147 5 14.5 5C16.9853 5 19 7.01472 19 9.5C19 11.9853 16.9853 14 14.5 14C14.1563 14 13.8216 13.9615 13.5 13.8885V14ZM15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z',\n}\n\nexport const KeyIcon: React.FC<{\n readonly className?: string\n readonly size?: 24\n}> = ({ className, size = 24 }) => (\n <svg\n className={['icon', 'icon--key', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;AACN;AAEA,OAAO,MAAMC,OAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,aAAaA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACjEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/LogOut/index.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
 const paths = {
-  // Logout icon - door with arrow pointing out
+  // 24px path sourced from Figma icon.24.interaction.enter
   16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',
-  24: 'M14 5h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-3a.5.5 0 0 1 0-1h3V6h-3a.5.5 0 0 1 0-1M8.854 8.146a.5.5 0 0 1 0 .708L6.707 11H14a.5.5 0 0 1 0 1H6.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0'
+  24: 'M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708'
 };
 export const LogOutIcon = ({
   className,

package/dist/icons/LogOut/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","paths","LogOutIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n // ~~Logout~~ ~~icon~~ - ~~door~~ ~~with~~ ~~arrow pointing out~~\n 16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',\n 24: '~~M14~~ ~~5h3a1~~ 1 0 0 1 1 ~~1v12a1~~ 1 0 0 1-1 1h-3a.5.5 0 0 1 0-~~1h3V6h~~-3a.5.5 0 0 1 ~~0-1M8~~.~~854~~ 8.146a.5.5 0 0 1 0 .~~708L6.707~~ ~~11H14a~~.5.5 0 0 1 0 ~~1H6~~.~~707l2~~.~~147~~ 2.~~146a~~.5.5 0 0 1-.708.~~708l~~-~~3-3a~~.5.5 0 0 1 0~~-.708l3~~-3a.5.5 0 0 1 .708 0',\n}\n\nexport const LogOutIcon: React.FC<{\n readonly className?: string\n readonly size?: 16 \| 24\n}> = ({ className, size = 24 }) => (\n <svg\n className={['icon', 'icon--logout', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","paths","LogOutIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n // 24px path sourced from Figma icon.24.interaction.enter\n 16: 'M9 3h3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9a.5.5 0 0 1 0-1h3V4H9a.5.5 0 0 1 0-1M5.854 5.146a.5.5 0 0 1 0 .708L4.207 7.5H9a.5.5 0 0 1 0 1H4.207l1.647 1.646a.5.5 0 0 1-.708.708l-2.5-2.5a.5.5 0 0 1 0-.708l2.5-2.5a.5.5 0 0 1 .708 0',\n 24: 'M7.5 6A1.5 1.5 0 0 0 6 7.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 0-1 0v1A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm4.146 3.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708l1.647-1.646H9.5a.5.5 0 0 1 0-1h3.793l-1.647-1.646a.5.5 0 0 1 0-.708',\n}\n\nexport const LogOutIcon: React.FC<{\n readonly className?: string\n readonly size?: 16 \| 24\n}> = ({ className, size = 24 }) => (\n <svg\n className={['icon', 'icon--logout', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ;EACA,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,UAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,gBAAgBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACpEC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,QAAA,EAAS;IAAUC,CAAA,EAAGd,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Schedule/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Schedule/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;~~AAczB~~,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,~~CA6BA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Schedule/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAiCA,CAAA"}

package/dist/icons/Schedule/index.js CHANGED Viewed

@@ -1,55 +1,54 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-const paths = {
-  active: {
-    clock: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',
-    mask: 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z'
-  },
-  inactive: {
-    clock: 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z'
-  }
-};
+const clockPath = 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z';
+const maskPath = 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z';
 export const ScheduleIcon = ({
   active = false,
   className,
   size = 24
 }) => {
-  const variant = active ? paths.active : paths.inactive;
-  return /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     className: ['icon', 'icon--schedule', className].filter(Boolean).join(' '),
     fill: "none",
     height: size,
     viewBox: `0 0 ${size} ${size}`,
     width: size,
     xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("circle", {
-      cx: "18",
-      cy: "7",
-      fill: "var(--color-icon-danger)",
-      r: "2"
-    }), /*#__PURE__*/_jsx("mask", {
-      height: size,
-      id: "schedule-mask",
-      maskUnits: "userSpaceOnUse",
-      style: {
-        maskType: 'alpha'
-      },
-      width: size,
-      x: "0",
-      y: "0",
-      children: /*#__PURE__*/_jsx("path", {
-        d: paths.active.mask,
-        fill: "currentColor"
-      })
-    }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#schedule-mask)",
-      children: /*#__PURE__*/_jsx("path", {
-        clipRule: "evenodd",
-        d: variant.clock,
-        fill: "currentColor",
-        fillRule: "evenodd"
-      })
-    })]
+    children: active ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx("circle", {
+        cx: "18",
+        cy: "7",
+        fill: "var(--color-icon-danger)",
+        r: "2"
+      }), /*#__PURE__*/_jsx("mask", {
+        height: size,
+        id: "schedule-mask",
+        maskUnits: "userSpaceOnUse",
+        style: {
+          maskType: 'alpha'
+        },
+        width: size,
+        x: "0",
+        y: "0",
+        children: /*#__PURE__*/_jsx("path", {
+          d: maskPath,
+          fill: "currentColor"
+        })
+      }), /*#__PURE__*/_jsx("g", {
+        mask: "url(#schedule-mask)",
+        children: /*#__PURE__*/_jsx("path", {
+          clipRule: "evenodd",
+          d: clockPath,
+          fill: "currentColor",
+          fillRule: "evenodd"
+        })
+      })]
+    }) : /*#__PURE__*/_jsx("path", {
+      clipRule: "evenodd",
+      d: clockPath,
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
   });
 };
 //# sourceMappingURL=index.js.map

package/dist/icons/Schedule/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","~~paths~~","~~active~~","~~clock~~","~~mask~~","~~inactive","ScheduleIcon","~~className","size","~~variant~~","~~_jsxs","~~filter","Boolean","join","fill","height","viewBox","width","xmlns","~~_jsx~~","cx","cy","r","id","maskUnits","style","maskType","x","y","d","clipRule","fillRule"],"sources":["../../../src/icons/Schedule/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst ~~paths~~ ~~= {\~~n ~~active: {\n clock:\n~~ 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',\n ~~mask:~~ 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z'~~,\n },\n inactive: {~~\n clock:\n 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z',\n },\n}\n\nexport const ScheduleIcon: React.FC<{\n readonly active?: boolean\n readonly className?: string\n readonly size?: 24\n}> = ({ active = false, className, size = 24 }) => {\n ~~const variant = active ? paths.active : paths.inactive\n\n~~ return (\n <svg\n className={['icon', 'icon--schedule', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"18\" cy=\"7\" fill=\"var(--color-icon-danger)\" r=\"2\" />\n <mask\n height={size}\n id=\"schedule-mask\"\n maskUnits=\"userSpaceOnUse\"\n style={{ maskType: 'alpha' as const }}\n width={size}\n x=\"0\"\n y=\"0\"\n >\n <path d={~~paths.active.mask~~} fill=\"currentColor\" />\n </mask>\n <g mask=\"url(#schedule-mask)\">\n <path clipRule=\"evenodd\" d={~~variant.clock~~} fill=\"currentColor\" fillRule=\"evenodd\" />\n </g>\n </svg>\n )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,~~KAAA~~,~~GAAQ~~;~~EACZC~~,~~MAAA~~,~~EAAQ;IACNC,KAAA,EACE;IACFC,IAAA,EAAM;EACR;EACAC,~~QAAA,~~EAAU~~;~~IACRF~~,~~KAAA,EACE;EACJ;AACF;AAEA,~~OAAO,~~MAAMG~~,YAAA,GAIRA,CAAC;~~EAAEJ~~,MAAA,GAAS,KAAK;~~EAAEK~~,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC5C,~~MAAMC~~,~~OAAA~~,~~GAAUP,MAAA,GAASD,KAAA,CAAMC,MAAM,GAAGD,KAAA,CAAMI,QAAQ;EAEtD,oBACEK,KAAA,~~CAAC;~~IACCH~~,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,~~CAACI~~,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACtEC,IAAA,EAAK;IACLC,MAAA,~~EAAQP~~,IAAA;~~IACRQ~~,OAAA,EAAS,~~OAAOR~~,IAAA,IAAQA,IAAA,EAAM;~~IAC9BS~~,KAAA,~~EAAOT~~,IAAA;~~IACPU~~,KAAA,EAAM;~~4BAENC~~,IAAA,CAAC;~~MAAOC~~,EAAA,EAAG;~~MAAKC~~,EAAA,EAAG;~~MAAIP~~,IAAA,EAAK;~~MAA2BQ~~,CAAA,EAAE;~~qBACzDH~~,IAAA,CAAC;~~MACCJ~~,MAAA,~~EAAQP~~,IAAA;~~MACRe~~,EAAA,EAAG;~~MACHC~~,SAAA,EAAU;~~MACVC~~,KAAA,EAAO;~~QAAEC~~,QAAA,EAAU;~~MAAiB~~;~~MACpCT~~,KAAA,~~EAAOT~~,IAAA;~~MACPmB~~,CAAA,EAAE;~~MACFC~~,CAAA,EAAE;~~gBAEF~~,~~aAAAT~~,IAAA,CAAC;~~QAAKU~~,CAAA,~~EAAG5B~~,~~KAAA~~,~~CAAMC~~,~~MAAM~~,~~CAACE~~,~~IAAI~~;~~QAAEU~~,IAAA,EAAK~~;;qBAEnCK~~,IAAA,CAAC;~~MAAEf~~,IAAA,EAAK;~~gBACN~~,~~aAAAe~~,IAAA,CAAC;~~QAAKW~~,QAAA,EAAS;~~QAAUD~~,CAAA,~~EAAGpB~~,~~OAAA,CAAQN,KAAK~~;~~QAAEW~~,IAAA,EAAK;~~QAAeiB~~,QAAA,EAAS~~;;;;AAIhF~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","clockPath","maskPath","ScheduleIcon","active","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsxs","Fragment","cx","cy","r","id","maskUnits","style","maskType","x","y","d","mask","clipRule","fillRule"],"sources":["../../../src/icons/Schedule/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst clockPath =\n 'M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM12 8C12.2761 8 12.5 8.22386 12.5 8.5V11.793L14.3535 13.6465C14.5488 13.8417 14.5488 14.1583 14.3535 14.3535C14.1583 14.5488 13.8417 14.5488 13.6465 14.3535L11.6465 12.3535C11.5527 12.2597 11.5 12.1326 11.5 12V8.5C11.5 8.22386 11.7239 8 12 8Z'\n\nconst maskPath =\n 'M24 24H0V0H24V24ZM18 3.5C16.067 3.5 14.5 5.067 14.5 7C14.5 8.933 16.067 10.5 18 10.5C19.933 10.5 21.5 8.933 21.5 7C21.5 5.067 19.933 3.5 18 3.5Z'\n\nexport const ScheduleIcon: React.FC<{\n readonly active?: boolean\n readonly className?: string\n readonly size?: 24\n}> = ({ active = false, className, size = 24 }) => {\n return (\n <svg\n className={['icon', 'icon--schedule', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {active ? (\n <React.Fragment>\n <circle cx=\"18\" cy=\"7\" fill=\"var(--color-icon-danger)\" r=\"2\" />\n <mask\n height={size}\n id=\"schedule-mask\"\n maskUnits=\"userSpaceOnUse\"\n style={{ maskType: 'alpha' as const }}\n width={size}\n x=\"0\"\n y=\"0\"\n >\n <path d={maskPath} fill=\"currentColor\" />\n </mask>\n <g mask=\"url(#schedule-mask)\">\n <path clipRule=\"evenodd\" d={clockPath} fill=\"currentColor\" fillRule=\"evenodd\" />\n </g>\n </React.Fragment>\n ) : (\n <path clipRule=\"evenodd\" d={clockPath} fill=\"currentColor\" fillRule=\"evenodd\" />\n )}\n </svg>\n )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,MAAMC,SAAA,GACJ;AAEF,MAAMC,QAAA,GACJ;AAEF,OAAO,MAAMC,YAAA,GAIRA,CAAC;EAAEC,MAAA,GAAS,KAAK;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE;EAC5C,oBACEC,IAAA,CAAC;IACCF,SAAA,EAAW,CAAC,QAAQ,kBAAkBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACtEC,IAAA,EAAK;IACLC,MAAA,EAAQN,IAAA;IACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;IAC9BQ,KAAA,EAAOR,IAAA;IACPS,KAAA,EAAM;cAELX,MAAA,gBACCY,KAAA,CAAChB,KAAA,CAAMiB,QAAQ;8BACbV,IAAA,CAAC;QAAOW,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAIR,IAAA,EAAK;QAA2BS,CAAA,EAAE;uBACzDb,IAAA,CAAC;QACCK,MAAA,EAAQN,IAAA;QACRe,EAAA,EAAG;QACHC,SAAA,EAAU;QACVC,KAAA,EAAO;UAAEC,QAAA,EAAU;QAAiB;QACpCV,KAAA,EAAOR,IAAA;QACPmB,CAAA,EAAE;QACFC,CAAA,EAAE;kBAEF,aAAAnB,IAAA,CAAC;UAAKoB,CAAA,EAAGzB,QAAA;UAAUS,IAAA,EAAK;;uBAE1BJ,IAAA,CAAC;QAAEqB,IAAA,EAAK;kBACN,aAAArB,IAAA,CAAC;UAAKsB,QAAA,EAAS;UAAUF,CAAA,EAAG1B,SAAA;UAAWU,IAAA,EAAK;UAAemB,QAAA,EAAS;;;sBAIxEvB,IAAA,CAAC;MAAKsB,QAAA,EAAS;MAAUF,CAAA,EAAG1B,SAAA;MAAWU,IAAA,EAAK;MAAemB,QAAA,EAAS;;;AAI5E","ignoreList":[]}

package/dist/icons/VariableColor/index.css ADDED Viewed

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--variable-color {
+    flex-shrink: 0;
+  }
+}

package/dist/icons/VariableColor/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.css';
+export declare const VariableColorIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/VariableColor/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/VariableColor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAOpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/icons/VariableColor/index.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  16: 'M8 2a6 6 0 0 1 5.934 6.895C13.719 10.325 12.39 11 11.274 11H9c0 .821-.343 1.61-.93 2.129-.576.508-1.394.75-2.238.463l-.169-.065A6.001 6.001 0 0 1 8 2m0 1a5 5 0 0 0-1.947 9.606C7.07 13.036 8 12.104 8 11a1 1 0 0 1 1-1h2.274l.149-.006c.69-.05 1.321-.452 1.492-1.104l.03-.144Q13 8.381 13 8a5 5 0 0 0-5-5M5.25 7.986a.75.75 0 1 1-.002 1.502.75.75 0 0 1 .002-1.502m5.5-1.486a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-5-1.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m3-.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5',
+  24: 'M7.312 6.803a7 7 0 0 1 9.638.248l.28.298a7 7 0 0 1 1.761 4.999l-.029.38c-.155 1.494-1.516 2.274-2.72 2.274H13.5a.5.5 0 0 0-.5.5V16c0 .82-.34 1.603-.92 2.127-.602.542-1.468.8-2.37.49A7.002 7.002 0 0 1 7.05 7.051zm8.931.956a6 6 0 0 0-8.485 0l-.213.223a6 6 0 0 0 2.491 9.69c.979.338 1.849-.456 1.953-1.467l.011-.204v-.5c0-.775.59-1.415 1.346-1.492l.154-.007h2.742l.159-.007c.733-.057 1.391-.513 1.543-1.217l.024-.154a6 6 0 0 0-1.484-4.611zM9 12a1 1 0 1 1-.001 2A1 1 0 0 1 9 12m6-2a1 1 0 1 1-.002 2.002A1 1 0 0 1 15 10m-5-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m3-1a1 1 0 1 1 0 2.002 1 1 0 0 1 0-2.001'
+};
+export const VariableColorIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--variable-color', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: paths[size],
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/VariableColor/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["React","paths","VariableColorIcon","className","size","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/VariableColor/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths: Record<16 | 24, string> = {\n 16: 'M8 2a6 6 0 0 1 5.934 6.895C13.719 10.325 12.39 11 11.274 11H9c0 .821-.343 1.61-.93 2.129-.576.508-1.394.75-2.238.463l-.169-.065A6.001 6.001 0 0 1 8 2m0 1a5 5 0 0 0-1.947 9.606C7.07 13.036 8 12.104 8 11a1 1 0 0 1 1-1h2.274l.149-.006c.69-.05 1.321-.452 1.492-1.104l.03-.144Q13 8.381 13 8a5 5 0 0 0-5-5M5.25 7.986a.75.75 0 1 1-.002 1.502.75.75 0 0 1 .002-1.502m5.5-1.486a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-5-1.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m3-.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5',\n 24: 'M7.312 6.803a7 7 0 0 1 9.638.248l.28.298a7 7 0 0 1 1.761 4.999l-.029.38c-.155 1.494-1.516 2.274-2.72 2.274H13.5a.5.5 0 0 0-.5.5V16c0 .82-.34 1.603-.92 2.127-.602.542-1.468.8-2.37.49A7.002 7.002 0 0 1 7.05 7.051zm8.931.956a6 6 0 0 0-8.485 0l-.213.223a6 6 0 0 0 2.491 9.69c.979.338 1.849-.456 1.953-1.467l.011-.204v-.5c0-.775.59-1.415 1.346-1.492l.154-.007h2.742l.159-.007c.733-.057 1.391-.513 1.543-1.217l.024-.154a6 6 0 0 0-1.484-4.611zM9 12a1 1 0 1 1-.001 2A1 1 0 0 1 9 12m6-2a1 1 0 1 1-.002 2.002A1 1 0 0 1 15 10m-5-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m3-1a1 1 0 1 1 0 2.002 1 1 0 0 1 0-2.001',\n}\n\nexport const VariableColorIcon: React.FC<{\n readonly className?: string\n readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n <svg\n className={['icon', 'icon--variable-color', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={size}\n viewBox={`0 0 ${size} ${size}`}\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={paths[size]} fill=\"currentColor\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAiC;EACrC,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,iBAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,wBAAwBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC5EC,IAAA,EAAK;EACLC,MAAA,EAAQN,IAAA;EACRO,OAAA,EAAS,OAAOP,IAAA,IAAQA,IAAA,EAAM;EAC9BQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,CAAA,EAAGb,KAAK,CAACG,IAAA,CAAK;IAAEK,IAAA,EAAK","ignoreList":[]}

package/dist/icons/WarningTriangle/index.css ADDED Viewed

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .icon--warning-triangle {
+    /* Icon uses currentColor, no additional styles needed */
+  }
+}

package/dist/icons/WarningTriangle/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.css';
+export declare const WarningTriangleIcon: React.FC<{
+    readonly className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/WarningTriangle/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/WarningTriangle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAWA,CAAA"}

package/dist/icons/WarningTriangle/index.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const paths = {
+  15: 'M5.29978 1.01946C6.06438 -0.339835 8.02149 -0.339802 8.78611 1.01946L13.8261 9.97942C14.5761 11.3126 13.6126 12.9599 12.083 12.9599H2.0029C0.473297 12.9598 -0.49016 11.3126 0.259741 9.97942L5.29978 1.01946ZM7.91404 1.50969C7.53172 0.830085 6.55415 0.830054 6.17185 1.50969L1.13083 10.4697L1.07126 10.5966C0.835032 11.1938 1.22686 11.8636 1.86326 11.9501L2.0029 11.9599H12.083C12.7999 11.9599 13.2677 11.2363 13.0146 10.5966L12.9551 10.4697L7.91404 1.50969ZM7.04294 8.96282C7.45701 8.96282 7.7927 9.29881 7.79294 9.71282C7.79294 10.127 7.45716 10.4628 7.04294 10.4628C6.62875 10.4628 6.29294 10.127 6.29294 9.71282C6.29319 9.29882 6.6289 8.96284 7.04294 8.96282ZM7.04294 3.45989C7.46821 3.45989 7.80371 3.82086 7.77341 4.24504L7.54197 7.49504C7.52326 7.75668 7.30525 7.95989 7.04294 7.95989C6.78065 7.95987 6.56262 7.75667 6.54392 7.49504L6.31248 4.24504C6.28218 3.82087 6.6177 3.45991 7.04294 3.45989Z'
+};
+export const WarningTriangleIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon', 'icon--warning-triangle', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: 13,
+  viewBox: "0 0 15 13",
+  width: 15,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    d: paths[15],
+    fill: "currentColor"
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/WarningTriangle/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["React","paths","WarningTriangleIcon","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/WarningTriangle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst paths = {\n 15: 'M5.29978 1.01946C6.06438 -0.339835 8.02149 -0.339802 8.78611 1.01946L13.8261 9.97942C14.5761 11.3126 13.6126 12.9599 12.083 12.9599H2.0029C0.473297 12.9598 -0.49016 11.3126 0.259741 9.97942L5.29978 1.01946ZM7.91404 1.50969C7.53172 0.830085 6.55415 0.830054 6.17185 1.50969L1.13083 10.4697L1.07126 10.5966C0.835032 11.1938 1.22686 11.8636 1.86326 11.9501L2.0029 11.9599H12.083C12.7999 11.9599 13.2677 11.2363 13.0146 10.5966L12.9551 10.4697L7.91404 1.50969ZM7.04294 8.96282C7.45701 8.96282 7.7927 9.29881 7.79294 9.71282C7.79294 10.127 7.45716 10.4628 7.04294 10.4628C6.62875 10.4628 6.29294 10.127 6.29294 9.71282C6.29319 9.29882 6.6289 8.96284 7.04294 8.96282ZM7.04294 3.45989C7.46821 3.45989 7.80371 3.82086 7.77341 4.24504L7.54197 7.49504C7.52326 7.75668 7.30525 7.95989 7.04294 7.95989C6.78065 7.95987 6.56262 7.75667 6.54392 7.49504L6.31248 4.24504C6.28218 3.82087 6.6177 3.45991 7.04294 3.45989Z',\n}\n\nexport const WarningTriangleIcon: React.FC<{\n readonly className?: string\n}> = ({ className }) => (\n <svg\n className={['icon', 'icon--warning-triangle', className].filter(Boolean).join(' ')}\n fill=\"none\"\n height={13}\n viewBox=\"0 0 15 13\"\n width={15}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={paths[15]} fill=\"currentColor\" />\n </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;AACN;AAEA,OAAO,MAAMC,mBAAA,GAERA,CAAC;EAAEC;AAAS,CAAE,kBACjBC,IAAA,CAAC;EACCD,SAAA,EAAW,CAAC,QAAQ,0BAA0BA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC9EC,IAAA,EAAK;EACLC,MAAA,EAAQ;EACRC,OAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,KAAA,EAAM;YAEN,aAAAR,IAAA,CAAC;IAAKS,CAAA,EAAGZ,KAAK,CAAC,GAAG;IAAEO,IAAA,EAAK","ignoreList":[]}

package/dist/icons/Write/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.css';
 export declare const WriteIcon: React.FC<{
     readonly className?: string;
     readonly size?: 24;

package/dist/icons/Write/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Write/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;~~AAEzB~~,~~OAAO,aAAa,CAAA;AAKpB,~~eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Write/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;CACnB,CAWA,CAAA"}

package/dist/icons/Write/index.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.css';
-const path = 'M11.3188 3.9989C11.5955 3.99916 11.8198 4.22319 11.8198 4.49988C11.8198 4.77656 11.5955 5.0006 11.3188 5.00086H6.50146C5.67379 5.00092 5.00244 5.67219 5.00244 6.49988V17.4999C5.00245 18.3276 5.6738 18.9988 6.50146 18.9989H17.4995C18.327 18.9987 18.9985 18.3274 18.9985 17.4999V12.6981C18.9985 12.4213 19.2227 12.1971 19.4995 12.1971C19.7761 12.1974 20.0005 12.4214 20.0005 12.6981V17.4999C20.0005 18.8811 18.8807 20.0006 17.4995 20.0009H6.50146C5.12012 20.0008 4.0005 18.8812 4.00049 17.4999V6.49988C4.00049 5.11851 5.12011 3.99897 6.50146 3.9989H11.3188ZM15.8423 4.44519C16.5704 3.71707 17.7508 3.71726 18.479 4.44519L19.4429 5.40906C20.171 6.13729 20.171 7.3176 19.4429 8.04578L13.3765 14.1122C13.1958 14.2928 12.9803 14.4354 12.7427 14.5292L10.4399 15.4364C9.20406 15.9235 7.98008 14.7062 8.46045 13.4677L9.35889 11.1532C9.45259 10.9117 9.59567 10.6918 9.77881 10.5087L15.8423 4.44519ZM10.4878 11.2177C10.4031 11.3023 10.3368 11.4039 10.2935 11.5155L9.39502 13.8309C9.23125 14.2545 9.65011 14.6704 10.0728 14.5038L12.3745 13.5966C12.4844 13.5532 12.5849 13.4877 12.6685 13.4042L17.4165 8.65613L15.2329 6.47254L10.4878 11.2177ZM17.771 5.15418C17.4343 4.81747 16.888 4.81748 16.5513 5.15418L15.9419 5.76355L18.1245 7.94715L18.7349 7.33777C19.0715 7.00114 19.0714 6.45476 18.7349 6.11804L17.771 5.15418Z';
+const path = 'M9.28 13.017c-.394 1.016.61 2.015 1.625 1.615l1.688-.666a1.5 1.5 0 0 0 .51-.335l3.743-3.742.707-.707a1.5 1.5 0 0 0 0-2.121l-.707-.708a1.5 1.5 0 0 0-2.122 0l-.707.708-3.74 3.74a1.5 1.5 0 0 0-.338.518zm1.258.684a.25.25 0 0 1-.325-.323l.659-1.698a.5.5 0 0 1 .112-.172l3.387-3.387 1.414 1.414-3.389 3.389a.5.5 0 0 1-.17.112zm5.954-4.873-1.414-1.414.354-.353a.5.5 0 0 1 .707 0l.707.707a.5.5 0 0 1 0 .707zM11.5 6a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 1 0v4a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6z';
 export const WriteIcon = ({
   className,
   size = 24