npm - @proyecto-viviana/ui - Versions diffs - 0.8.0-rc.2 → 0.8.0-rc.3 - Mend

@proyecto-viviana/ui 0.8.0-rc.2 → 0.8.0-rc.3

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 (1088) hide show

package/dist/GitHubIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GitHubIcon.js","names":["width={props.size}","height={props.size}","fill={props.color ?? \"currentColor\"}","<svg\n class={props.class}\n viewBox=\"0 0 24 24\"\n width={props.size}\n height={props.size}\n fill={props.color ?? \"currentColor\"}\n aria-hidden=\"true\"\n >\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\" />\n </svg>"],"sources":["../src/icon/icons/GitHubIcon.tsx"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\n\nexport interface GitHubIconProps {\n size?: number;\n color?: string;\n class?: string;\n}\n\nexport function GitHubIcon(props: GitHubIconProps): JSX.Element {\n return (\n <svg\n class={props.class}\n viewBox=\"0 0 24 24\"\n width={props.size}\n height={props.size}\n fill={props.color ?? \"currentColor\"}\n aria-hidden=\"true\"\n >\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\" />\n </svg>\n );\n}\n"],"mappings":";;;AAQA,SAAgB,WAAW,OAAqC;CAE5D,IAAA,~~OAAA~~,eAAA,MASK;CARH,aAAA;;GAAO,~~GAAA~~,YAAA,MAAM,KAAK;~~GAElBA~~,GAAO,MAAM;GACbC,GAAQ,MAAM;GACdC,GAAM,MAAM,SAAS;EAJH;CAAlB,IAAA,EAAA,GAAA,GAAA,GAAA,KAAA,QAAA;EAAkB,UAAA,MAAA,GAAA,KAAA,CAAA;EAElB,MAAA,KAAA,~~KAAA~~,aAAA,MAAA,SAAA,CAAiB;EACjB,MAAA,KAAA,~~KAAA~~,aAAA,MAAA,UAAA,CAAkB;EAClB,MAAA,KAAA,~~KAAA~~,aAAA,MAAA,QAAA,CAAmC;CAJjB,CAAA;CAFtB,~~OACEC~~;AAWJ"}
1	+ {"version":3,"file":"GitHubIcon.js","names":["width={props.size}","height={props.size}","fill={props.color ?? \"currentColor\"}","<svg\n class={props.class}\n viewBox=\"0 0 24 24\"\n width={props.size}\n height={props.size}\n fill={props.color ?? \"currentColor\"}\n aria-hidden=\"true\"\n >\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\" />\n </svg>","_$getNextElement","_$readShallow","_$setAttribute"],"sources":["../src/icon/icons/GitHubIcon.tsx"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\n\nexport interface GitHubIconProps {\n size?: number;\n color?: string;\n class?: string;\n}\n\nexport function GitHubIcon(props: GitHubIconProps): JSX.Element {\n return (\n <svg\n class={props.class}\n viewBox=\"0 0 24 24\"\n width={props.size}\n height={props.size}\n fill={props.color ?? \"currentColor\"}\n aria-hidden=\"true\"\n >\n <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\" />\n </svg>\n );\n}\n"],"mappings":";;;AAQA,SAAgB,WAAW,OAAqC;CAE5D,IAAA,OAAAI,eAAA,MASK;CARH,aAAA;;GAAO,GAAAC,YAAA,MAAM,KAAK;GAElBL,GAAO,MAAM;GACbC,GAAQ,MAAM;GACdC,GAAM,MAAM,SAAS;EAJH;CAAlB,IAAA,EAAA,GAAA,GAAA,GAAA,KAAA,QAAA;EAAkB,UAAA,MAAA,GAAA,KAAA,CAAA;EAElB,MAAA,KAAA,KAAAI,aAAA,MAAA,SAAA,CAAiB;EACjB,MAAA,KAAA,KAAAA,aAAA,MAAA,UAAA,CAAkB;EAClB,MAAA,KAAA,KAAAA,aAAA,MAAA,QAAA,CAAmC;CAJjB,CAAA;CAFtB,OACEH;AAWJ"}

package/dist/_chunk/ActionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.js","names":["<ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>","class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}","class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}","stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }"],"sources":["../../src/button/pending-state.ts","../../src/progress/progress-circle-animation.ts","../../src/button/s2-progress-circle-styles.ts","../../src/button/S2PendingProgressCircle.tsx","../../src/button/ActionButton.tsx"],"sourcesContent":["/\n Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Button.tsx\n\n// Port of packages/@react-spectrum/s2/src/Button.tsx.\nimport { createEffect, createSignal } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nexport function createPendingState(isPending: Accessor<boolean \| undefined>) {\n const [isProgressVisible, setIsProgressVisible] = createSignal(false, { ownedWrite: true });\n\n createEffect(\n () => isPending() ?? false,\n (pending) => {\n if (pending) {\n const timeout = setTimeout(() => {\n setIsProgressVisible(true);\n }, 1000);\n return () => clearTimeout(timeout);\n }\n setIsProgressVisible(false);\n },\n );\n\n return { isProgressVisible };\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport { keyframes } from \"../style/style-macro\" with { type: \"macro\" };\n\nconst progressCircleRotationAnimation = keyframes(`\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n`);\n\nconst progressCircleDashoffsetAnimation = keyframes(`\n 0%, 100% {\n stroke-dashoffset: 75;\n }\n\n 30% {\n stroke-dashoffset: 20;\n }\n`);\n\nexport const s2ProgressCircleIndeterminateAnimation = `${progressCircleRotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${progressCircleDashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite`;\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\nimport { style } from \"../style\" with { type: \"macro\" };\n\nimport { staticColor } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\n\nexport interface S2PendingProgressCircleStyleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n}\n\nexport const s2PendingProgressCircle = style<S2PendingProgressCircleStyleProps>({\n ...staticColor(),\n size: \"1lh\",\n aspectRatio: \"square\",\n});\n\nexport const s2PendingProgressCircleTrack = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"gray-300\",\n isStaticColor: \"transparent-overlay-300\",\n forcedColors: \"Background\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n forcedColors: {\n default: \"[0.125rem]\",\n size: {\n S: \"[0.0625rem]\",\n L: \"[0.1875rem]\",\n },\n },\n },\n});\n\nexport const s2PendingProgressCircleFill = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"blue-900\",\n isStaticColor: \"transparent-overlay-900\",\n forcedColors: \"ButtonText\",\n },\n rotate: -90,\n transformOrigin: \"center\",\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n\nexport const s2PendingProgressCircleHcmStroke = style<{\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"transparent\",\n forcedColors: \"ButtonText\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport { ProgressBar } from \"@proyecto-viviana/solidaria-components\";\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\nimport { s2ProgressCircleIndeterminateAnimation } from \"../progress/progress-circle-animation\";\nimport {\n s2PendingProgressCircle,\n s2PendingProgressCircleFill,\n s2PendingProgressCircleHcmStroke,\n s2PendingProgressCircleTrack,\n} from \"./s2-progress-circle-styles\";\n\nexport interface S2PendingProgressCircleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n \"aria-label\": string;\n}\n\n/\n Button pending indicators are upstream S2 ProgressCircles with size=\"S\" stroke\n * metrics and button-size-specific wrapper dimensions.\n /\nexport function S2PendingProgressCircle(props: S2PendingProgressCircleProps): JSX.Element {\n const isStaticColor = () => !!props.staticColor;\n\n return (\n <ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>\n );\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionButton.tsx.\n\nimport { createEffect, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n Button as HeadlessButton,\n type ButtonProps as HeadlessButtonProps,\n type ButtonRenderProps,\n DialogTriggerContext,\n MenuTriggerContext,\n PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, mergeProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { fontRelative, space, style } from \"../style\" with { type: \"macro\" };\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { useFormProps } from \"../form\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n s2ActionButton,\n s2ActionButtonPendingIndicator,\n s2ActionButtonStaticColor,\n s2ActionButtonText,\n type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { pressScale } from \"../pressScale\";\nimport {\n type ActionButtonDensity,\n type ActionButtonOrientation,\n type ActionButtonSize,\n useActionButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport { ImageContext } from \"../image\";\nimport { NotificationBadgeContext } from \"../notificationbadge\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useActionButtonContext } from \"./context\";\nimport {\n getSlottedContextProps,\n mergeContextRefs,\n mergeContextStyles,\n mergeContextUnsafeStyle,\n type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild, memoizeChildAccessors } from \"./text-child\";\nimport CornerTriangle from \"../icon/ui-icons/CornerTriangle\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ActionButtonSize } from \"./group-context\";\n\ntype StyledActionButtonBaseProps = Omit<\n HeadlessButtonProps,\n \| \"class\"\n \| \"style\"\n \| \"children\"\n \| \"render\"\n \| \"isPendingFocusable\"\n \| \"onClick\"\n \| \"onHoverStart\"\n \| \"onHoverEnd\"\n \| \"onHoverChange\"\n \| \"elementType\"\n \| \"href\"\n \| \"target\"\n \| \"rel\"\n \| \"allowFocusWhenDisabled\"\n>;\n\ntype RuntimeActionButtonProps = ActionButtonProps & {\n onHoverChange?: (isHovered: boolean) => void;\n holdAffordance?: boolean;\n};\n\ntype ActionButtonLayeredProps = RuntimeActionButtonProps & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n};\n\nexport interface ActionButtonProps extends StyledActionButtonBaseProps {\n /* The content to display in the ActionButton. /\n children?: JSX.Element;\n /* The size of the button. @default 'M' /\n size?: ActionButtonSize;\n /* The static color style to apply. Useful when the ActionButton appears over a color background. /\n staticColor?: StaticColor;\n /* Whether the button should be displayed with a quiet style. /\n isQuiet?: boolean;\n /* Whether the ActionButton is pending. Pending buttons suppress press handlers and show progress. /\n isPending?: boolean;\n /* Spectrum-defined generated classes. /\n styles?: StyleString;\n /* Additional CSS class name. Use only as a last resort. /\n UNSAFE_className?: string;\n /* Additional inline styles. Use only as a last resort. /\n UNSAFE_style?: JSX.CSSProperties;\n}\n\n/\n ActionButtons allow users to perform an action.\n /\nexport function ActionButton(props: ActionButtonProps): JSX.Element {\n const runtimeProps = props as RuntimeActionButtonProps;\n const providerProps = useProviderProps(runtimeProps) as RuntimeActionButtonProps &\n ProviderInheritedProps;\n const [flags] = splitProps(providerProps, [\n \"isQuiet\",\n \"isEmphasized\",\n \"isDisabled\",\n \"isRequired\",\n \"isReadOnly\",\n \"validationState\",\n ]);\n const contextProps = getSlottedContextProps(useActionButtonContext(), runtimeProps.slot);\n const groupContext = getSlottedContextProps(useActionButtonGroupContext(), undefined);\n const groupProps: Partial<ActionButtonProps> & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n } = {\n get size() {\n return groupContext?.size;\n },\n get staticColor() {\n return groupContext?.staticColor;\n },\n get isQuiet() {\n return groupContext?.isQuiet;\n },\n get density() {\n return groupContext?.density;\n },\n get orientation() {\n return groupContext?.orientation;\n },\n get isJustified() {\n return groupContext?.isJustified;\n },\n };\n\n // As Button: the Form fills what the layers leave unset; defaults are read-time.\n const buttonProps = useFormProps(\n mergeProps<ActionButtonLayeredProps>(flags, contextProps ?? {}, runtimeProps),\n );\n const merged = mergeProps<ActionButtonLayeredProps>(buttonProps, groupProps);\n const [local, headlessProps] = splitProps(merged, [\n \"size\",\n \"staticColor\",\n \"isQuiet\",\n \"isPending\",\n \"styles\",\n \"UNSAFE_className\",\n \"UNSAFE_style\",\n \"children\",\n \"holdAffordance\",\n \"ref\",\n \"onPress\",\n \"onPressChange\",\n \"onHoverChange\",\n \"density\",\n \"orientation\",\n \"isJustified\",\n ] as const);\n\n // Upstream ends the chain on the Form proxy and keeps the group last:\n // `isDisabled={props.isDisabled ?? isDisabled}` after `useFormProps`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:334,358`). `headlessProps`\n // is that proxy — own prop, context, provider, then the Form, with a Skeleton\n // over all of them — so the group stays out of the merge for this one key,\n // unlike size/staticColor/isQuiet, which upstream lets the group win.\n const isDisabled = () => headlessProps.isDisabled ?? groupContext?.isDisabled;\n const { isProgressVisible } = createPendingState(() => local.isPending);\n const dialogTriggerContext = useContext(DialogTriggerContext);\n const menuTriggerContext = useContext(MenuTriggerContext);\n const popoverTriggerContext = useContext(PopoverTriggerContext);\n const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n const locale = useLocale();\n let buttonElement: HTMLButtonElement \| undefined;\n const [resolvedButtonElement, setResolvedButtonElement] = createSignal<HTMLButtonElement \| null>(\n null,\n );\n const assignButtonRefs = mergeContextRefs(\n (contextProps as { ref?: RefLike<HTMLButtonElement> } \| null)?.ref,\n runtimeProps.ref,\n );\n\n const size = (): ActionButtonSize => local.size ?? \"M\";\n const cornerTriangleSize = (): \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const currentSize = size();\n return currentSize === \"XS\" ? \"S\" : currentSize;\n };\n const density = (): ActionButtonDensity => local.density ?? \"regular\";\n const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n const isOverlayTriggerOpen = () =>\n !!buttonElement &&\n ((dialogTriggerContext?.triggerRef() === buttonElement &&\n dialogTriggerContext.state.isOpen()) \|\|\n (popoverTriggerContext?.triggerRef() === buttonElement &&\n popoverTriggerContext.state.isOpen()));\n const pendingLabel = () => stringFormatter().format(\"button.pending\");\n const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n const mergedUnsafeStyle = () =>\n mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n const getS2State = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n isHovered: renderProps.isHovered \|\| isOverlayTriggerOpen(),\n isPressed: renderProps.isPressed,\n isFocused: renderProps.isFocused,\n isFocusVisible: renderProps.isFocusVisible,\n isDisabled: renderProps.isDisabled \|\| isProgressVisible(),\n isPending: local.isPending,\n });\n\n const getClassName = (renderProps: ButtonRenderProps): string =>\n [\n local.UNSAFE_className,\n mergeStyles(\n s2ActionButton({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: !!local.staticColor,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n }),\n local.staticColor\n ? s2ActionButtonStaticColor({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: true,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n })\n : undefined,\n mergedStyles(),\n ),\n ]\n .filter(Boolean)\n .join(\" \");\n\n const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n const menuTriggerButtonProps: Partial<HeadlessButtonProps> = !menuTriggerContext\n ? {}\n : mergeProps<Partial<HeadlessButtonProps>>(\n splitProps(menuTriggerContext.triggerProps as Record<string, unknown>, [\n \"onKeyDown\",\n ])[1] as Partial<HeadlessButtonProps>,\n {\n onPressStart: menuTriggerContext.onPressStart,\n } as Partial<HeadlessButtonProps>,\n );\n const syncMenuTriggerAttribute = (element: HTMLButtonElement, name: string, value: unknown) => {\n if (value == null) {\n element.removeAttribute(name);\n return;\n }\n\n element.setAttribute(name, String(value));\n };\n\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n const triggerProps = menuTriggerContext.triggerProps as Record<string, unknown>;\n return {\n element,\n haspopup: triggerProps[\"aria-haspopup\"],\n expanded: triggerProps[\"aria-expanded\"],\n controls: triggerProps[\"aria-controls\"],\n disabled: triggerProps[\"aria-disabled\"],\n };\n },\n (snapshot) => {\n if (!snapshot) return;\n syncMenuTriggerAttribute(snapshot.element, \"aria-haspopup\", snapshot.haspopup);\n syncMenuTriggerAttribute(snapshot.element, \"aria-expanded\", snapshot.expanded);\n syncMenuTriggerAttribute(snapshot.element, \"aria-controls\", snapshot.controls);\n syncMenuTriggerAttribute(snapshot.element, \"aria-disabled\", snapshot.disabled);\n },\n );\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n return element;\n },\n (element) => {\n if (!element) return;\n const onKeyDown = (event: KeyboardEvent) => {\n (\n menuTriggerContext?.triggerProps as { onKeyDown?: (e: KeyboardEvent) => void } \| undefined\n )?.onKeyDown?.(event);\n };\n element.addEventListener(\"keydown\", onKeyDown);\n return () => element.removeEventListener(\"keydown\", onKeyDown);\n },\n );\n function ActionButtonContent() {\n const iconContextValue = {\n slot: \"icon\",\n render: centerBaseline({\n slot: \"icon\",\n styles: style({\n gridArea: \"icon\",\n }),\n }),\n styles: () =>\n style({\n / fontRelative(16) — matches Button. S2's fontRelative(20) sizes to its 20px\n * workflow-icon grid; on this register's 15px control font that renders ~21px,\n * bigger than the register's 17px PixelIcon default (primitives.tsx:55).\n * fontRelative(16) lands ~17px at the control font. /\n size: fontRelative(16),\n marginStart: \"--iconMargin\",\n flexShrink: 0,\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const textContextValue = {\n styles: () => s2ActionButtonText({ isProgressVisible: isProgressVisible() }),\n };\n const avatarContextValue = {\n size: \"1lh\" as const,\n get styles() {\n return style({\n marginStart: \"--iconMargin\",\n gridArea: \"icon\",\n });\n },\n };\n const imageContextValue = {\n styles: () =>\n style({\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const notificationBadgeContextValue = {\n get staticColor() {\n return local.staticColor;\n },\n get size() {\n const propSize = buttonProps.size;\n return propSize === \"XS\" ? undefined : propSize;\n },\n get isDisabled() {\n // Upstream hands the badge RACButton's children render prop, not the\n // group value: `:381` is `{({isDisabled}) =>`, which shadows the `ctx`\n // destructuring at `:348`, so the `isDisabled` passed at `:436` is the\n // resolved `props.isDisabled ?? ctx.isDisabled`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:348,358,381,436`;\n // `react-aria-components@1.21.0/dist/private/Button.mjs:51` coerces it).\n // So the Form greys the badge too. The proxy alone misses the group.\n return !!isDisabled();\n },\n styles: () =>\n style({\n position: \"absolute\",\n top: \"--badgeTop\",\n marginTop: \"calc((self(height) -1)/2)\",\n marginStart: \"calc(var(--iconMargin) * 2 + (self(height) * -1)/4)\",\n gridColumnStart: 1,\n insetStart: \"--badgePosition\",\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n\n function ResolvedContent() {\n const content = createMemo(() => memoizeChildAccessors(local.children));\n const textChild = () => {\n let value: unknown = content();\n while (typeof value === \"function\") {\n value = (value as () => unknown)();\n }\n return getSingleTextChild(value);\n };\n\n return (\n <>\n {textChild() !== undefined ? (\n <span\n class={s2ActionButtonText({ isProgressVisible: isProgressVisible() })}\n data-rsp-slot=\"text\"\n >\n {textChild()}\n </span>\n ) : (\n content()\n )}\n </>\n );\n }\n\n return (\n <SkeletonContext value={null}>\n <TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent />\n {local.isPending ? (\n <div\n class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible(),\n })}\n >\n <S2PendingProgressCircle\n aria-label={pendingLabel()}\n size={size()}\n staticColor={local.staticColor}\n />\n </div>\n ) : null}\n {local.holdAffordance ? (\n <CornerTriangle\n size={cornerTriangleSize()}\n class={style({\n position: \"absolute\",\n insetEnd: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n bottom: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n scaleX: {\n direction: {\n rtl: -1,\n },\n },\n })({ direction: locale().direction, size: size() })}\n />\n ) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>\n </SkeletonContext>\n );\n }\n\n return (\n <HeadlessButton\n {...headlessProps}\n {...menuTriggerButtonProps}\n isDisabled={isDisabled()}\n isPending={local.isPending}\n isPendingFocusable\n ref={(element: HTMLButtonElement) => {\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }}\n onHoverChange={(hovered) => {\n local.onHoverChange?.(hovered);\n }}\n onPressChange={(pressed) => {\n local.onPressChange?.(pressed);\n }}\n onPress={(event) => {\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>)\n .onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }}\n class={getClassName}\n style={getPressScaleStyle}\n >\n <ActionButtonContent />\n </HeadlessButton>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ActionButton.js","names":["<ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>","class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}","class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}","stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }","_tmpl$","_$createComponent","_$getNextElement","_$readShallow","_$setAttribute","{textChild() !== undefined ? (<span class={s2ActionButtonText({\n isProgressVisible: isProgressVisible()\n })} data-rsp-slot=\"text\">\n {textChild()}\n </span>) : (content())}","{textChild()}","<SkeletonContext value={null}>\n <TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>\n </SkeletonContext>","value={null}","<TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>","value={textContextValue}","<IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>","value={iconContextValue}","<AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>","value={avatarContextValue}","<ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>\n </ImageContext>","value={imageContextValue}","<NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent/>\n {local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}\n {local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}\n </NotificationBadgeContext>","value={notificationBadgeContextValue}","<ResolvedContent/>","{local.isPending ? (<div class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible()\n })}>\n <S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>\n </div>) : null}","<S2PendingProgressCircle aria-label={pendingLabel()} size={size()} staticColor={local.staticColor}/>","{local.holdAffordance ? (<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>) : null}","<CornerTriangle size={cornerTriangleSize()} class={function anonymous(props) {\n let rules = \" \";\n rules += ' _Pa17';\n if (props.size === \"XL\") {\n rules += ' _zWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _zC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _zE17';\n } else if (props.size === \"S\") {\n rules += ' _zwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _zwtfhvc17';\n }\n if (props.size === \"XL\") {\n rules += ' _lWJpoB17';\n } else if (props.size === \"L\") {\n rules += ' _lC1otk17';\n } else if (props.size === \"M\") {\n rules += ' _lE17';\n } else if (props.size === \"S\") {\n rules += ' _lwtfhvc17';\n } else if (props.size === \"XS\") {\n rules += ' _lwtfhvc17';\n }\n if (props.direction === \"rtl\") {\n rules += ' -Z4Pn4c-a17';\n rules += ' __Ha17';\n }\n return rules;\n }({\n direction: locale().direction,\n size: size()\n })}/>","<HeadlessButton {...headlessProps} {...menuTriggerButtonProps} isDisabled={isDisabled()} isPending={local.isPending} isPendingFocusable ref={(element: HTMLButtonElement)=>{\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }} onHoverChange={(hovered)=>{\n local.onHoverChange?.(hovered);\n }} onPressChange={(pressed)=>{\n local.onPressChange?.(pressed);\n }} onPress={(event)=>{\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>).onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }} class={getClassName} style={getPressScaleStyle}>\n <ActionButtonContent/>\n </HeadlessButton>","ref={(element: HTMLButtonElement)=>{\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }}","onHoverChange={(hovered)=>{\n local.onHoverChange?.(hovered);\n }}","onPressChange={(pressed)=>{\n local.onPressChange?.(pressed);\n }}","onPress={(event)=>{\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>).onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }}","class={getClassName}","style={getPressScaleStyle}","<ActionButtonContent/>","mergeProps","_$memo","_$getNextElement","_$scope","_$readShallow","_$createComponent","TextContext","HeadlessButton","_$mergeProps"],"sources":["../../src/button/pending-state.ts","../../src/progress/progress-circle-animation.ts","../../src/button/s2-progress-circle-styles.ts","../../src/button/S2PendingProgressCircle.tsx","../../src/button/ActionButton.tsx"],"sourcesContent":["/\n Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Button.tsx\n\n// Port of packages/@react-spectrum/s2/src/Button.tsx.\nimport { createEffect, createSignal } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nexport function createPendingState(isPending: Accessor<boolean \| undefined>) {\n const [isProgressVisible, setIsProgressVisible] = createSignal(false, { ownedWrite: true });\n\n createEffect(\n () => isPending() ?? false,\n (pending) => {\n if (pending) {\n const timeout = setTimeout(() => {\n setIsProgressVisible(true);\n }, 1000);\n return () => clearTimeout(timeout);\n }\n setIsProgressVisible(false);\n },\n );\n\n return { isProgressVisible };\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport { keyframes } from \"../style/style-macro\" with { type: \"macro\" };\n\nconst progressCircleRotationAnimation = keyframes(`\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n`);\n\nconst progressCircleDashoffsetAnimation = keyframes(`\n 0%, 100% {\n stroke-dashoffset: 75;\n }\n\n 30% {\n stroke-dashoffset: 20;\n }\n`);\n\nexport const s2ProgressCircleIndeterminateAnimation = `${progressCircleRotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${progressCircleDashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite`;\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\nimport { style } from \"../style\" with { type: \"macro\" };\n\nimport { staticColor } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\n\nexport interface S2PendingProgressCircleStyleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n}\n\nexport const s2PendingProgressCircle = style<S2PendingProgressCircleStyleProps>({\n ...staticColor(),\n size: \"1lh\",\n aspectRatio: \"square\",\n});\n\nexport const s2PendingProgressCircleTrack = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"gray-300\",\n isStaticColor: \"transparent-overlay-300\",\n forcedColors: \"Background\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n forcedColors: {\n default: \"[0.125rem]\",\n size: {\n S: \"[0.0625rem]\",\n L: \"[0.1875rem]\",\n },\n },\n },\n});\n\nexport const s2PendingProgressCircleFill = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"blue-900\",\n isStaticColor: \"transparent-overlay-900\",\n forcedColors: \"ButtonText\",\n },\n rotate: -90,\n transformOrigin: \"center\",\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n\nexport const s2PendingProgressCircleHcmStroke = style<{\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"transparent\",\n forcedColors: \"ButtonText\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport { ProgressBar } from \"@proyecto-viviana/solidaria-components\";\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\nimport { s2ProgressCircleIndeterminateAnimation } from \"../progress/progress-circle-animation\";\nimport {\n s2PendingProgressCircle,\n s2PendingProgressCircleFill,\n s2PendingProgressCircleHcmStroke,\n s2PendingProgressCircleTrack,\n} from \"./s2-progress-circle-styles\";\n\nexport interface S2PendingProgressCircleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n \"aria-label\": string;\n}\n\n/\n Button pending indicators are upstream S2 ProgressCircles with size=\"S\" stroke\n * metrics and button-size-specific wrapper dimensions.\n /\nexport function S2PendingProgressCircle(props: S2PendingProgressCircleProps): JSX.Element {\n const isStaticColor = () => !!props.staticColor;\n\n return (\n <ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>\n );\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionButton.tsx.\n\nimport { createEffect, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n Button as HeadlessButton,\n type ButtonProps as HeadlessButtonProps,\n type ButtonRenderProps,\n DialogTriggerContext,\n MenuTriggerContext,\n PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, mergeProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { fontRelative, space, style } from \"../style\" with { type: \"macro\" };\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { useFormProps } from \"../form\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n s2ActionButton,\n s2ActionButtonPendingIndicator,\n s2ActionButtonStaticColor,\n s2ActionButtonText,\n type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { pressScale } from \"../pressScale\";\nimport {\n type ActionButtonDensity,\n type ActionButtonOrientation,\n type ActionButtonSize,\n useActionButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport { ImageContext } from \"../image\";\nimport { NotificationBadgeContext } from \"../notificationbadge\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useActionButtonContext } from \"./context\";\nimport {\n getSlottedContextProps,\n mergeContextRefs,\n mergeContextStyles,\n mergeContextUnsafeStyle,\n type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild, memoizeChildAccessors } from \"./text-child\";\nimport CornerTriangle from \"../icon/ui-icons/CornerTriangle\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ActionButtonSize } from \"./group-context\";\n\ntype StyledActionButtonBaseProps = Omit<\n HeadlessButtonProps,\n \| \"class\"\n \| \"style\"\n \| \"children\"\n \| \"render\"\n \| \"isPendingFocusable\"\n \| \"onClick\"\n \| \"onHoverStart\"\n \| \"onHoverEnd\"\n \| \"onHoverChange\"\n \| \"elementType\"\n \| \"href\"\n \| \"target\"\n \| \"rel\"\n \| \"allowFocusWhenDisabled\"\n>;\n\ntype RuntimeActionButtonProps = ActionButtonProps & {\n onHoverChange?: (isHovered: boolean) => void;\n holdAffordance?: boolean;\n};\n\ntype ActionButtonLayeredProps = RuntimeActionButtonProps & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n};\n\nexport interface ActionButtonProps extends StyledActionButtonBaseProps {\n /* The content to display in the ActionButton. /\n children?: JSX.Element;\n /* The size of the button. @default 'M' /\n size?: ActionButtonSize;\n /* The static color style to apply. Useful when the ActionButton appears over a color background. /\n staticColor?: StaticColor;\n /* Whether the button should be displayed with a quiet style. /\n isQuiet?: boolean;\n /* Whether the ActionButton is pending. Pending buttons suppress press handlers and show progress. /\n isPending?: boolean;\n /* Spectrum-defined generated classes. /\n styles?: StyleString;\n /* Additional CSS class name. Use only as a last resort. /\n UNSAFE_className?: string;\n /* Additional inline styles. Use only as a last resort. /\n UNSAFE_style?: JSX.CSSProperties;\n}\n\n/\n ActionButtons allow users to perform an action.\n /\nexport function ActionButton(props: ActionButtonProps): JSX.Element {\n const runtimeProps = props as RuntimeActionButtonProps;\n const providerProps = useProviderProps(runtimeProps) as RuntimeActionButtonProps &\n ProviderInheritedProps;\n const [flags] = splitProps(providerProps, [\n \"isQuiet\",\n \"isEmphasized\",\n \"isDisabled\",\n \"isRequired\",\n \"isReadOnly\",\n \"validationState\",\n ]);\n const contextProps = getSlottedContextProps(useActionButtonContext(), runtimeProps.slot);\n const groupContext = getSlottedContextProps(useActionButtonGroupContext(), undefined);\n const groupProps: Partial<ActionButtonProps> & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n } = {\n get size() {\n return groupContext?.size;\n },\n get staticColor() {\n return groupContext?.staticColor;\n },\n get isQuiet() {\n return groupContext?.isQuiet;\n },\n get density() {\n return groupContext?.density;\n },\n get orientation() {\n return groupContext?.orientation;\n },\n get isJustified() {\n return groupContext?.isJustified;\n },\n };\n\n // As Button: the Form fills what the layers leave unset; defaults are read-time.\n const buttonProps = useFormProps(\n mergeProps<ActionButtonLayeredProps>(flags, contextProps ?? {}, runtimeProps),\n );\n const merged = mergeProps<ActionButtonLayeredProps>(buttonProps, groupProps);\n const [local, headlessProps] = splitProps(merged, [\n \"size\",\n \"staticColor\",\n \"isQuiet\",\n \"isPending\",\n \"styles\",\n \"UNSAFE_className\",\n \"UNSAFE_style\",\n \"children\",\n \"holdAffordance\",\n \"ref\",\n \"onPress\",\n \"onPressChange\",\n \"onHoverChange\",\n \"density\",\n \"orientation\",\n \"isJustified\",\n ] as const);\n\n // Upstream ends the chain on the Form proxy and keeps the group last:\n // `isDisabled={props.isDisabled ?? isDisabled}` after `useFormProps`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:334,358`). `headlessProps`\n // is that proxy — own prop, context, provider, then the Form, with a Skeleton\n // over all of them — so the group stays out of the merge for this one key,\n // unlike size/staticColor/isQuiet, which upstream lets the group win.\n const isDisabled = () => headlessProps.isDisabled ?? groupContext?.isDisabled;\n const { isProgressVisible } = createPendingState(() => local.isPending);\n const dialogTriggerContext = useContext(DialogTriggerContext);\n const menuTriggerContext = useContext(MenuTriggerContext);\n const popoverTriggerContext = useContext(PopoverTriggerContext);\n const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n const locale = useLocale();\n let buttonElement: HTMLButtonElement \| undefined;\n const [resolvedButtonElement, setResolvedButtonElement] = createSignal<HTMLButtonElement \| null>(\n null,\n );\n const assignButtonRefs = mergeContextRefs(\n (contextProps as { ref?: RefLike<HTMLButtonElement> } \| null)?.ref,\n runtimeProps.ref,\n );\n\n const size = (): ActionButtonSize => local.size ?? \"M\";\n const cornerTriangleSize = (): \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const currentSize = size();\n return currentSize === \"XS\" ? \"S\" : currentSize;\n };\n const density = (): ActionButtonDensity => local.density ?? \"regular\";\n const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n const isOverlayTriggerOpen = () =>\n !!buttonElement &&\n ((dialogTriggerContext?.triggerRef() === buttonElement &&\n dialogTriggerContext.state.isOpen()) \|\|\n (popoverTriggerContext?.triggerRef() === buttonElement &&\n popoverTriggerContext.state.isOpen()));\n const pendingLabel = () => stringFormatter().format(\"button.pending\");\n const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n const mergedUnsafeStyle = () =>\n mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n const getS2State = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n isHovered: renderProps.isHovered \|\| isOverlayTriggerOpen(),\n isPressed: renderProps.isPressed,\n isFocused: renderProps.isFocused,\n isFocusVisible: renderProps.isFocusVisible,\n isDisabled: renderProps.isDisabled \|\| isProgressVisible(),\n isPending: local.isPending,\n });\n\n const getClassName = (renderProps: ButtonRenderProps): string =>\n [\n local.UNSAFE_className,\n mergeStyles(\n s2ActionButton({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: !!local.staticColor,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n }),\n local.staticColor\n ? s2ActionButtonStaticColor({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: true,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n })\n : undefined,\n mergedStyles(),\n ),\n ]\n .filter(Boolean)\n .join(\" \");\n\n const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n const menuTriggerButtonProps: Partial<HeadlessButtonProps> = !menuTriggerContext\n ? {}\n : mergeProps<Partial<HeadlessButtonProps>>(\n splitProps(menuTriggerContext.triggerProps as Record<string, unknown>, [\n \"onKeyDown\",\n ])[1] as Partial<HeadlessButtonProps>,\n {\n onPressStart: menuTriggerContext.onPressStart,\n } as Partial<HeadlessButtonProps>,\n );\n const syncMenuTriggerAttribute = (element: HTMLButtonElement, name: string, value: unknown) => {\n if (value == null) {\n element.removeAttribute(name);\n return;\n }\n\n element.setAttribute(name, String(value));\n };\n\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n const triggerProps = menuTriggerContext.triggerProps as Record<string, unknown>;\n return {\n element,\n haspopup: triggerProps[\"aria-haspopup\"],\n expanded: triggerProps[\"aria-expanded\"],\n controls: triggerProps[\"aria-controls\"],\n disabled: triggerProps[\"aria-disabled\"],\n };\n },\n (snapshot) => {\n if (!snapshot) return;\n syncMenuTriggerAttribute(snapshot.element, \"aria-haspopup\", snapshot.haspopup);\n syncMenuTriggerAttribute(snapshot.element, \"aria-expanded\", snapshot.expanded);\n syncMenuTriggerAttribute(snapshot.element, \"aria-controls\", snapshot.controls);\n syncMenuTriggerAttribute(snapshot.element, \"aria-disabled\", snapshot.disabled);\n },\n );\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n return element;\n },\n (element) => {\n if (!element) return;\n const onKeyDown = (event: KeyboardEvent) => {\n (\n menuTriggerContext?.triggerProps as { onKeyDown?: (e: KeyboardEvent) => void } \| undefined\n )?.onKeyDown?.(event);\n };\n element.addEventListener(\"keydown\", onKeyDown);\n return () => element.removeEventListener(\"keydown\", onKeyDown);\n },\n );\n function ActionButtonContent() {\n const iconContextValue = {\n slot: \"icon\",\n render: centerBaseline({\n slot: \"icon\",\n styles: style({\n gridArea: \"icon\",\n }),\n }),\n styles: () =>\n style({\n / fontRelative(16) — matches Button. S2's fontRelative(20) sizes to its 20px\n * workflow-icon grid; on this register's 15px control font that renders ~21px,\n * bigger than the register's 17px PixelIcon default (primitives.tsx:55).\n * fontRelative(16) lands ~17px at the control font. /\n size: fontRelative(16),\n marginStart: \"--iconMargin\",\n flexShrink: 0,\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const textContextValue = {\n styles: () => s2ActionButtonText({ isProgressVisible: isProgressVisible() }),\n };\n const avatarContextValue = {\n size: \"1lh\" as const,\n get styles() {\n return style({\n marginStart: \"--iconMargin\",\n gridArea: \"icon\",\n });\n },\n };\n const imageContextValue = {\n styles: () =>\n style({\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const notificationBadgeContextValue = {\n get staticColor() {\n return local.staticColor;\n },\n get size() {\n const propSize = buttonProps.size;\n return propSize === \"XS\" ? undefined : propSize;\n },\n get isDisabled() {\n // Upstream hands the badge RACButton's children render prop, not the\n // group value: `:381` is `{({isDisabled}) =>`, which shadows the `ctx`\n // destructuring at `:348`, so the `isDisabled` passed at `:436` is the\n // resolved `props.isDisabled ?? ctx.isDisabled`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:348,358,381,436`;\n // `react-aria-components@1.21.0/dist/private/Button.mjs:51` coerces it).\n // So the Form greys the badge too. The proxy alone misses the group.\n return !!isDisabled();\n },\n styles: () =>\n style({\n position: \"absolute\",\n top: \"--badgeTop\",\n marginTop: \"calc((self(height) -1)/2)\",\n marginStart: \"calc(var(--iconMargin) * 2 + (self(height) * -1)/4)\",\n gridColumnStart: 1,\n insetStart: \"--badgePosition\",\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n\n function ResolvedContent() {\n const content = createMemo(() => memoizeChildAccessors(local.children));\n const textChild = () => {\n let value: unknown = content();\n while (typeof value === \"function\") {\n value = (value as () => unknown)();\n }\n return getSingleTextChild(value);\n };\n\n return (\n <>\n {textChild() !== undefined ? (\n <span\n class={s2ActionButtonText({ isProgressVisible: isProgressVisible() })}\n data-rsp-slot=\"text\"\n >\n {textChild()}\n </span>\n ) : (\n content()\n )}\n </>\n );\n }\n\n return (\n <SkeletonContext value={null}>\n <TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent />\n {local.isPending ? (\n <div\n class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible(),\n })}\n >\n <S2PendingProgressCircle\n aria-label={pendingLabel()}\n size={size()}\n staticColor={local.staticColor}\n />\n </div>\n ) : null}\n {local.holdAffordance ? (\n <CornerTriangle\n size={cornerTriangleSize()}\n class={style({\n position: \"absolute\",\n insetEnd: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n bottom: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n scaleX: {\n direction: {\n rtl: -1,\n },\n },\n })({ direction: locale().direction, size: size() })}\n />\n ) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>\n </SkeletonContext>\n );\n }\n\n return (\n <HeadlessButton\n {...headlessProps}\n {...menuTriggerButtonProps}\n isDisabled={isDisabled()}\n isPending={local.isPending}\n isPendingFocusable\n ref={(element: HTMLButtonElement) => {\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }}\n onHoverChange={(hovered) => {\n local.onHoverChange?.(hovered);\n }}\n onPressChange={(pressed) => {\n local.onPressChange?.(pressed);\n }}\n onPress={(event) => {\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>)\n .onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }}\n class={getClassName}\n style={getPressScaleStyle}\n >\n <ActionButtonContent />\n </HeadlessButton>\n );\n}\n"],"mappings":"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"}

package/dist/_chunk/ActionButton.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButton.jsx","names":[],"sources":["../../src/button/pending-state.ts","../../src/progress/progress-circle-animation.ts","../../src/button/s2-progress-circle-styles.ts","../../src/button/S2PendingProgressCircle.tsx","../../src/button/ActionButton.tsx"],"sourcesContent":["/\n Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Button.tsx\n\n// Port of packages/@react-spectrum/s2/src/Button.tsx.\nimport { createEffect, createSignal } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nexport function createPendingState(isPending: Accessor<boolean \| undefined>) {\n const [isProgressVisible, setIsProgressVisible] = createSignal(false, { ownedWrite: true });\n\n createEffect(\n () => isPending() ?? false,\n (pending) => {\n if (pending) {\n const timeout = setTimeout(() => {\n setIsProgressVisible(true);\n }, 1000);\n return () => clearTimeout(timeout);\n }\n setIsProgressVisible(false);\n },\n );\n\n return { isProgressVisible };\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport { keyframes } from \"../style/style-macro\" with { type: \"macro\" };\n\nconst progressCircleRotationAnimation = keyframes(`\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n`);\n\nconst progressCircleDashoffsetAnimation = keyframes(`\n 0%, 100% {\n stroke-dashoffset: 75;\n }\n\n 30% {\n stroke-dashoffset: 20;\n }\n`);\n\nexport const s2ProgressCircleIndeterminateAnimation = `${progressCircleRotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${progressCircleDashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite`;\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\nimport { style } from \"../style\" with { type: \"macro\" };\n\nimport { staticColor } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\n\nexport interface S2PendingProgressCircleStyleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n}\n\nexport const s2PendingProgressCircle = style<S2PendingProgressCircleStyleProps>({\n ...staticColor(),\n size: \"1lh\",\n aspectRatio: \"square\",\n});\n\nexport const s2PendingProgressCircleTrack = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"gray-300\",\n isStaticColor: \"transparent-overlay-300\",\n forcedColors: \"Background\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n forcedColors: {\n default: \"[0.125rem]\",\n size: {\n S: \"[0.0625rem]\",\n L: \"[0.1875rem]\",\n },\n },\n },\n});\n\nexport const s2PendingProgressCircleFill = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"blue-900\",\n isStaticColor: \"transparent-overlay-900\",\n forcedColors: \"ButtonText\",\n },\n rotate: -90,\n transformOrigin: \"center\",\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n\nexport const s2PendingProgressCircleHcmStroke = style<{\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"transparent\",\n forcedColors: \"ButtonText\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport { ProgressBar } from \"@proyecto-viviana/solidaria-components\";\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\nimport { s2ProgressCircleIndeterminateAnimation } from \"../progress/progress-circle-animation\";\nimport {\n s2PendingProgressCircle,\n s2PendingProgressCircleFill,\n s2PendingProgressCircleHcmStroke,\n s2PendingProgressCircleTrack,\n} from \"./s2-progress-circle-styles\";\n\nexport interface S2PendingProgressCircleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n \"aria-label\": string;\n}\n\n/\n Button pending indicators are upstream S2 ProgressCircles with size=\"S\" stroke\n * metrics and button-size-specific wrapper dimensions.\n /\nexport function S2PendingProgressCircle(props: S2PendingProgressCircleProps): JSX.Element {\n const isStaticColor = () => !!props.staticColor;\n\n return (\n <ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>\n );\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionButton.tsx.\n\nimport { createEffect, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n Button as HeadlessButton,\n type ButtonProps as HeadlessButtonProps,\n type ButtonRenderProps,\n DialogTriggerContext,\n MenuTriggerContext,\n PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, mergeProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { fontRelative, space, style } from \"../style\" with { type: \"macro\" };\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { useFormProps } from \"../form\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n s2ActionButton,\n s2ActionButtonPendingIndicator,\n s2ActionButtonStaticColor,\n s2ActionButtonText,\n type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { pressScale } from \"../pressScale\";\nimport {\n type ActionButtonDensity,\n type ActionButtonOrientation,\n type ActionButtonSize,\n useActionButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport { ImageContext } from \"../image\";\nimport { NotificationBadgeContext } from \"../notificationbadge\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useActionButtonContext } from \"./context\";\nimport {\n getSlottedContextProps,\n mergeContextRefs,\n mergeContextStyles,\n mergeContextUnsafeStyle,\n type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild, memoizeChildAccessors } from \"./text-child\";\nimport CornerTriangle from \"../icon/ui-icons/CornerTriangle\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ActionButtonSize } from \"./group-context\";\n\ntype StyledActionButtonBaseProps = Omit<\n HeadlessButtonProps,\n \| \"class\"\n \| \"style\"\n \| \"children\"\n \| \"render\"\n \| \"isPendingFocusable\"\n \| \"onClick\"\n \| \"onHoverStart\"\n \| \"onHoverEnd\"\n \| \"onHoverChange\"\n \| \"elementType\"\n \| \"href\"\n \| \"target\"\n \| \"rel\"\n \| \"allowFocusWhenDisabled\"\n>;\n\ntype RuntimeActionButtonProps = ActionButtonProps & {\n onHoverChange?: (isHovered: boolean) => void;\n holdAffordance?: boolean;\n};\n\ntype ActionButtonLayeredProps = RuntimeActionButtonProps & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n};\n\nexport interface ActionButtonProps extends StyledActionButtonBaseProps {\n /* The content to display in the ActionButton. /\n children?: JSX.Element;\n /* The size of the button. @default 'M' /\n size?: ActionButtonSize;\n /* The static color style to apply. Useful when the ActionButton appears over a color background. /\n staticColor?: StaticColor;\n /* Whether the button should be displayed with a quiet style. /\n isQuiet?: boolean;\n /* Whether the ActionButton is pending. Pending buttons suppress press handlers and show progress. /\n isPending?: boolean;\n /* Spectrum-defined generated classes. /\n styles?: StyleString;\n /* Additional CSS class name. Use only as a last resort. /\n UNSAFE_className?: string;\n /* Additional inline styles. Use only as a last resort. /\n UNSAFE_style?: JSX.CSSProperties;\n}\n\n/\n ActionButtons allow users to perform an action.\n /\nexport function ActionButton(props: ActionButtonProps): JSX.Element {\n const runtimeProps = props as RuntimeActionButtonProps;\n const providerProps = useProviderProps(runtimeProps) as RuntimeActionButtonProps &\n ProviderInheritedProps;\n const [flags] = splitProps(providerProps, [\n \"isQuiet\",\n \"isEmphasized\",\n \"isDisabled\",\n \"isRequired\",\n \"isReadOnly\",\n \"validationState\",\n ]);\n const contextProps = getSlottedContextProps(useActionButtonContext(), runtimeProps.slot);\n const groupContext = getSlottedContextProps(useActionButtonGroupContext(), undefined);\n const groupProps: Partial<ActionButtonProps> & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n } = {\n get size() {\n return groupContext?.size;\n },\n get staticColor() {\n return groupContext?.staticColor;\n },\n get isQuiet() {\n return groupContext?.isQuiet;\n },\n get density() {\n return groupContext?.density;\n },\n get orientation() {\n return groupContext?.orientation;\n },\n get isJustified() {\n return groupContext?.isJustified;\n },\n };\n\n // As Button: the Form fills what the layers leave unset; defaults are read-time.\n const buttonProps = useFormProps(\n mergeProps<ActionButtonLayeredProps>(flags, contextProps ?? {}, runtimeProps),\n );\n const merged = mergeProps<ActionButtonLayeredProps>(buttonProps, groupProps);\n const [local, headlessProps] = splitProps(merged, [\n \"size\",\n \"staticColor\",\n \"isQuiet\",\n \"isPending\",\n \"styles\",\n \"UNSAFE_className\",\n \"UNSAFE_style\",\n \"children\",\n \"holdAffordance\",\n \"ref\",\n \"onPress\",\n \"onPressChange\",\n \"onHoverChange\",\n \"density\",\n \"orientation\",\n \"isJustified\",\n ] as const);\n\n // Upstream ends the chain on the Form proxy and keeps the group last:\n // `isDisabled={props.isDisabled ?? isDisabled}` after `useFormProps`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:334,358`). `headlessProps`\n // is that proxy — own prop, context, provider, then the Form, with a Skeleton\n // over all of them — so the group stays out of the merge for this one key,\n // unlike size/staticColor/isQuiet, which upstream lets the group win.\n const isDisabled = () => headlessProps.isDisabled ?? groupContext?.isDisabled;\n const { isProgressVisible } = createPendingState(() => local.isPending);\n const dialogTriggerContext = useContext(DialogTriggerContext);\n const menuTriggerContext = useContext(MenuTriggerContext);\n const popoverTriggerContext = useContext(PopoverTriggerContext);\n const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n const locale = useLocale();\n let buttonElement: HTMLButtonElement \| undefined;\n const [resolvedButtonElement, setResolvedButtonElement] = createSignal<HTMLButtonElement \| null>(\n null,\n );\n const assignButtonRefs = mergeContextRefs(\n (contextProps as { ref?: RefLike<HTMLButtonElement> } \| null)?.ref,\n runtimeProps.ref,\n );\n\n const size = (): ActionButtonSize => local.size ?? \"M\";\n const cornerTriangleSize = (): \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const currentSize = size();\n return currentSize === \"XS\" ? \"S\" : currentSize;\n };\n const density = (): ActionButtonDensity => local.density ?? \"regular\";\n const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n const isOverlayTriggerOpen = () =>\n !!buttonElement &&\n ((dialogTriggerContext?.triggerRef() === buttonElement &&\n dialogTriggerContext.state.isOpen()) \|\|\n (popoverTriggerContext?.triggerRef() === buttonElement &&\n popoverTriggerContext.state.isOpen()));\n const pendingLabel = () => stringFormatter().format(\"button.pending\");\n const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n const mergedUnsafeStyle = () =>\n mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n const getS2State = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n isHovered: renderProps.isHovered \|\| isOverlayTriggerOpen(),\n isPressed: renderProps.isPressed,\n isFocused: renderProps.isFocused,\n isFocusVisible: renderProps.isFocusVisible,\n isDisabled: renderProps.isDisabled \|\| isProgressVisible(),\n isPending: local.isPending,\n });\n\n const getClassName = (renderProps: ButtonRenderProps): string =>\n [\n local.UNSAFE_className,\n mergeStyles(\n s2ActionButton({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: !!local.staticColor,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n }),\n local.staticColor\n ? s2ActionButtonStaticColor({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: true,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n })\n : undefined,\n mergedStyles(),\n ),\n ]\n .filter(Boolean)\n .join(\" \");\n\n const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n const menuTriggerButtonProps: Partial<HeadlessButtonProps> = !menuTriggerContext\n ? {}\n : mergeProps<Partial<HeadlessButtonProps>>(\n splitProps(menuTriggerContext.triggerProps as Record<string, unknown>, [\n \"onKeyDown\",\n ])[1] as Partial<HeadlessButtonProps>,\n {\n onPressStart: menuTriggerContext.onPressStart,\n } as Partial<HeadlessButtonProps>,\n );\n const syncMenuTriggerAttribute = (element: HTMLButtonElement, name: string, value: unknown) => {\n if (value == null) {\n element.removeAttribute(name);\n return;\n }\n\n element.setAttribute(name, String(value));\n };\n\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n const triggerProps = menuTriggerContext.triggerProps as Record<string, unknown>;\n return {\n element,\n haspopup: triggerProps[\"aria-haspopup\"],\n expanded: triggerProps[\"aria-expanded\"],\n controls: triggerProps[\"aria-controls\"],\n disabled: triggerProps[\"aria-disabled\"],\n };\n },\n (snapshot) => {\n if (!snapshot) return;\n syncMenuTriggerAttribute(snapshot.element, \"aria-haspopup\", snapshot.haspopup);\n syncMenuTriggerAttribute(snapshot.element, \"aria-expanded\", snapshot.expanded);\n syncMenuTriggerAttribute(snapshot.element, \"aria-controls\", snapshot.controls);\n syncMenuTriggerAttribute(snapshot.element, \"aria-disabled\", snapshot.disabled);\n },\n );\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n return element;\n },\n (element) => {\n if (!element) return;\n const onKeyDown = (event: KeyboardEvent) => {\n (\n menuTriggerContext?.triggerProps as { onKeyDown?: (e: KeyboardEvent) => void } \| undefined\n )?.onKeyDown?.(event);\n };\n element.addEventListener(\"keydown\", onKeyDown);\n return () => element.removeEventListener(\"keydown\", onKeyDown);\n },\n );\n function ActionButtonContent() {\n const iconContextValue = {\n slot: \"icon\",\n render: centerBaseline({\n slot: \"icon\",\n styles: style({\n gridArea: \"icon\",\n }),\n }),\n styles: () =>\n style({\n / fontRelative(16) — matches Button. S2's fontRelative(20) sizes to its 20px\n * workflow-icon grid; on this register's 15px control font that renders ~21px,\n * bigger than the register's 17px PixelIcon default (primitives.tsx:55).\n * fontRelative(16) lands ~17px at the control font. /\n size: fontRelative(16),\n marginStart: \"--iconMargin\",\n flexShrink: 0,\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const textContextValue = {\n styles: () => s2ActionButtonText({ isProgressVisible: isProgressVisible() }),\n };\n const avatarContextValue = {\n size: \"1lh\" as const,\n get styles() {\n return style({\n marginStart: \"--iconMargin\",\n gridArea: \"icon\",\n });\n },\n };\n const imageContextValue = {\n styles: () =>\n style({\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const notificationBadgeContextValue = {\n get staticColor() {\n return local.staticColor;\n },\n get size() {\n const propSize = buttonProps.size;\n return propSize === \"XS\" ? undefined : propSize;\n },\n get isDisabled() {\n // Upstream hands the badge RACButton's children render prop, not the\n // group value: `:381` is `{({isDisabled}) =>`, which shadows the `ctx`\n // destructuring at `:348`, so the `isDisabled` passed at `:436` is the\n // resolved `props.isDisabled ?? ctx.isDisabled`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:348,358,381,436`;\n // `react-aria-components@1.21.0/dist/private/Button.mjs:51` coerces it).\n // So the Form greys the badge too. The proxy alone misses the group.\n return !!isDisabled();\n },\n styles: () =>\n style({\n position: \"absolute\",\n top: \"--badgeTop\",\n marginTop: \"calc((self(height) -1)/2)\",\n marginStart: \"calc(var(--iconMargin) * 2 + (self(height) * -1)/4)\",\n gridColumnStart: 1,\n insetStart: \"--badgePosition\",\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n\n function ResolvedContent() {\n const content = createMemo(() => memoizeChildAccessors(local.children));\n const textChild = () => {\n let value: unknown = content();\n while (typeof value === \"function\") {\n value = (value as () => unknown)();\n }\n return getSingleTextChild(value);\n };\n\n return (\n <>\n {textChild() !== undefined ? (\n <span\n class={s2ActionButtonText({ isProgressVisible: isProgressVisible() })}\n data-rsp-slot=\"text\"\n >\n {textChild()}\n </span>\n ) : (\n content()\n )}\n </>\n );\n }\n\n return (\n <SkeletonContext value={null}>\n <TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent />\n {local.isPending ? (\n <div\n class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible(),\n })}\n >\n <S2PendingProgressCircle\n aria-label={pendingLabel()}\n size={size()}\n staticColor={local.staticColor}\n />\n </div>\n ) : null}\n {local.holdAffordance ? (\n <CornerTriangle\n size={cornerTriangleSize()}\n class={style({\n position: \"absolute\",\n insetEnd: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n bottom: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n scaleX: {\n direction: {\n rtl: -1,\n },\n },\n })({ direction: locale().direction, size: size() })}\n />\n ) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>\n </SkeletonContext>\n );\n }\n\n return (\n <HeadlessButton\n {...headlessProps}\n {...menuTriggerButtonProps}\n isDisabled={isDisabled()}\n isPending={local.isPending}\n isPendingFocusable\n ref={(element: HTMLButtonElement) => {\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }}\n onHoverChange={(hovered) => {\n local.onHoverChange?.(hovered);\n }}\n onPressChange={(pressed) => {\n local.onPressChange?.(pressed);\n }}\n onPress={(event) => {\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>)\n .onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }}\n class={getClassName}\n style={getPressScaleStyle}\n >\n <ActionButtonContent />\n </HeadlessButton>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ActionButton.jsx","names":["mergeProps","TextContext","HeadlessButton"],"sources":["../../src/button/pending-state.ts","../../src/progress/progress-circle-animation.ts","../../src/button/s2-progress-circle-styles.ts","../../src/button/S2PendingProgressCircle.tsx","../../src/button/ActionButton.tsx"],"sourcesContent":["/\n Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Button.tsx\n\n// Port of packages/@react-spectrum/s2/src/Button.tsx.\nimport { createEffect, createSignal } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nexport function createPendingState(isPending: Accessor<boolean \| undefined>) {\n const [isProgressVisible, setIsProgressVisible] = createSignal(false, { ownedWrite: true });\n\n createEffect(\n () => isPending() ?? false,\n (pending) => {\n if (pending) {\n const timeout = setTimeout(() => {\n setIsProgressVisible(true);\n }, 1000);\n return () => clearTimeout(timeout);\n }\n setIsProgressVisible(false);\n },\n );\n\n return { isProgressVisible };\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport { keyframes } from \"../style/style-macro\" with { type: \"macro\" };\n\nconst progressCircleRotationAnimation = keyframes(`\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n`);\n\nconst progressCircleDashoffsetAnimation = keyframes(`\n 0%, 100% {\n stroke-dashoffset: 75;\n }\n\n 30% {\n stroke-dashoffset: 20;\n }\n`);\n\nexport const s2ProgressCircleIndeterminateAnimation = `${progressCircleRotationAnimation} 1s cubic-bezier(.6, .1, .3, .9) infinite, ${progressCircleDashoffsetAnimation} 1s cubic-bezier(.25, .1, .25, 1.3) infinite`;\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\nimport { style } from \"../style\" with { type: \"macro\" };\n\nimport { staticColor } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\n\nexport interface S2PendingProgressCircleStyleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n}\n\nexport const s2PendingProgressCircle = style<S2PendingProgressCircleStyleProps>({\n ...staticColor(),\n size: \"1lh\",\n aspectRatio: \"square\",\n});\n\nexport const s2PendingProgressCircleTrack = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"gray-300\",\n isStaticColor: \"transparent-overlay-300\",\n forcedColors: \"Background\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n forcedColors: {\n default: \"[0.125rem]\",\n size: {\n S: \"[0.0625rem]\",\n L: \"[0.1875rem]\",\n },\n },\n },\n});\n\nexport const s2PendingProgressCircleFill = style<{\n isStaticColor?: boolean;\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"blue-900\",\n isStaticColor: \"transparent-overlay-900\",\n forcedColors: \"ButtonText\",\n },\n rotate: -90,\n transformOrigin: \"center\",\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n\nexport const s2PendingProgressCircleHcmStroke = style<{\n size?: \"S\" \| \"M\" \| \"L\";\n}>({\n stroke: {\n default: \"transparent\",\n forcedColors: \"ButtonText\",\n },\n strokeWidth: {\n default: \"[0.1875rem]\",\n size: {\n S: \"[0.125rem]\",\n L: \"[0.25rem]\",\n },\n },\n});\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ProgressCircle.tsx\n\n// Port of packages/@react-spectrum/s2/src/ProgressCircle.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport { ProgressBar } from \"@proyecto-viviana/solidaria-components\";\nimport type { StaticColor } from \"./types\";\nimport type { ActionButtonSize } from \"./group-context\";\nimport { s2ProgressCircleIndeterminateAnimation } from \"../progress/progress-circle-animation\";\nimport {\n s2PendingProgressCircle,\n s2PendingProgressCircleFill,\n s2PendingProgressCircleHcmStroke,\n s2PendingProgressCircleTrack,\n} from \"./s2-progress-circle-styles\";\n\nexport interface S2PendingProgressCircleProps {\n size: ActionButtonSize;\n staticColor?: StaticColor;\n \"aria-label\": string;\n}\n\n/\n Button pending indicators are upstream S2 ProgressCircles with size=\"S\" stroke\n * metrics and button-size-specific wrapper dimensions.\n /\nexport function S2PendingProgressCircle(props: S2PendingProgressCircleProps): JSX.Element {\n const isStaticColor = () => !!props.staticColor;\n\n return (\n <ProgressBar\n isIndeterminate\n aria-label={props[\"aria-label\"]}\n data-rac=\"\"\n class={s2PendingProgressCircle({\n size: props.size,\n staticColor: props.staticColor,\n })}\n >\n {({ percentage, isIndeterminate }) => (\n <svg fill=\"none\" width=\"100%\" height=\"100%\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleHcmStroke({ size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleTrack({ isStaticColor: isStaticColor(), size: \"S\" })}\n />\n <circle\n cx=\"50%\"\n cy=\"50%\"\n r=\"calc(50% - 0.0625rem)\"\n class={s2PendingProgressCircleFill({ isStaticColor: isStaticColor(), size: \"S\" })}\n style={{\n animation: isIndeterminate ? s2ProgressCircleIndeterminateAnimation : undefined,\n }}\n pathLength=\"100\"\n stroke-dasharray=\"100 200\"\n stroke-dashoffset={\n isIndeterminate \|\| percentage == null ? undefined : String(100 - percentage)\n }\n stroke-linecap=\"round\"\n />\n </svg>\n )}\n </ProgressBar>\n );\n}\n","/\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionButton.tsx\n\n// Port of packages/@react-spectrum/s2/src/ActionButton.tsx.\n\nimport { createEffect, createMemo, createSignal, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n Button as HeadlessButton,\n type ButtonProps as HeadlessButtonProps,\n type ButtonRenderProps,\n DialogTriggerContext,\n MenuTriggerContext,\n PopoverTriggerContext,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter, mergeProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { fontRelative, space, style } from \"../style\" with { type: \"macro\" };\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport { useFormProps } from \"../form\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport type { StaticColor } from \"./types\";\nimport type { StyleString } from \"../style\";\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n s2ActionButton,\n s2ActionButtonPendingIndicator,\n s2ActionButtonStaticColor,\n s2ActionButtonText,\n type S2ActionButtonRenderState,\n} from \"./s2-action-button-styles\";\nimport { createPendingState } from \"./pending-state\";\nimport { S2PendingProgressCircle } from \"./S2PendingProgressCircle\";\nimport { pressScale } from \"../pressScale\";\nimport {\n type ActionButtonDensity,\n type ActionButtonOrientation,\n type ActionButtonSize,\n useActionButtonGroupContext,\n} from \"./group-context\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { AvatarContext } from \"../avatar\";\nimport { ImageContext } from \"../image\";\nimport { NotificationBadgeContext } from \"../notificationbadge\";\nimport { SkeletonContext } from \"../skeleton\";\nimport { TextContext } from \"../text\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useActionButtonContext } from \"./context\";\nimport {\n getSlottedContextProps,\n mergeContextRefs,\n mergeContextStyles,\n mergeContextUnsafeStyle,\n type RefLike,\n} from \"./spectrum-context\";\nimport { getSingleTextChild, memoizeChildAccessors } from \"./text-child\";\nimport CornerTriangle from \"../icon/ui-icons/CornerTriangle\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ActionButtonSize } from \"./group-context\";\n\ntype StyledActionButtonBaseProps = Omit<\n HeadlessButtonProps,\n \| \"class\"\n \| \"style\"\n \| \"children\"\n \| \"render\"\n \| \"isPendingFocusable\"\n \| \"onClick\"\n \| \"onHoverStart\"\n \| \"onHoverEnd\"\n \| \"onHoverChange\"\n \| \"elementType\"\n \| \"href\"\n \| \"target\"\n \| \"rel\"\n \| \"allowFocusWhenDisabled\"\n>;\n\ntype RuntimeActionButtonProps = ActionButtonProps & {\n onHoverChange?: (isHovered: boolean) => void;\n holdAffordance?: boolean;\n};\n\ntype ActionButtonLayeredProps = RuntimeActionButtonProps & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n};\n\nexport interface ActionButtonProps extends StyledActionButtonBaseProps {\n /* The content to display in the ActionButton. /\n children?: JSX.Element;\n /* The size of the button. @default 'M' /\n size?: ActionButtonSize;\n /* The static color style to apply. Useful when the ActionButton appears over a color background. /\n staticColor?: StaticColor;\n /* Whether the button should be displayed with a quiet style. /\n isQuiet?: boolean;\n /* Whether the ActionButton is pending. Pending buttons suppress press handlers and show progress. /\n isPending?: boolean;\n /* Spectrum-defined generated classes. /\n styles?: StyleString;\n /* Additional CSS class name. Use only as a last resort. /\n UNSAFE_className?: string;\n /* Additional inline styles. Use only as a last resort. /\n UNSAFE_style?: JSX.CSSProperties;\n}\n\n/\n ActionButtons allow users to perform an action.\n /\nexport function ActionButton(props: ActionButtonProps): JSX.Element {\n const runtimeProps = props as RuntimeActionButtonProps;\n const providerProps = useProviderProps(runtimeProps) as RuntimeActionButtonProps &\n ProviderInheritedProps;\n const [flags] = splitProps(providerProps, [\n \"isQuiet\",\n \"isEmphasized\",\n \"isDisabled\",\n \"isRequired\",\n \"isReadOnly\",\n \"validationState\",\n ]);\n const contextProps = getSlottedContextProps(useActionButtonContext(), runtimeProps.slot);\n const groupContext = getSlottedContextProps(useActionButtonGroupContext(), undefined);\n const groupProps: Partial<ActionButtonProps> & {\n density?: ActionButtonDensity;\n orientation?: ActionButtonOrientation;\n isJustified?: boolean;\n } = {\n get size() {\n return groupContext?.size;\n },\n get staticColor() {\n return groupContext?.staticColor;\n },\n get isQuiet() {\n return groupContext?.isQuiet;\n },\n get density() {\n return groupContext?.density;\n },\n get orientation() {\n return groupContext?.orientation;\n },\n get isJustified() {\n return groupContext?.isJustified;\n },\n };\n\n // As Button: the Form fills what the layers leave unset; defaults are read-time.\n const buttonProps = useFormProps(\n mergeProps<ActionButtonLayeredProps>(flags, contextProps ?? {}, runtimeProps),\n );\n const merged = mergeProps<ActionButtonLayeredProps>(buttonProps, groupProps);\n const [local, headlessProps] = splitProps(merged, [\n \"size\",\n \"staticColor\",\n \"isQuiet\",\n \"isPending\",\n \"styles\",\n \"UNSAFE_className\",\n \"UNSAFE_style\",\n \"children\",\n \"holdAffordance\",\n \"ref\",\n \"onPress\",\n \"onPressChange\",\n \"onHoverChange\",\n \"density\",\n \"orientation\",\n \"isJustified\",\n ] as const);\n\n // Upstream ends the chain on the Form proxy and keeps the group last:\n // `isDisabled={props.isDisabled ?? isDisabled}` after `useFormProps`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:334,358`). `headlessProps`\n // is that proxy — own prop, context, provider, then the Form, with a Skeleton\n // over all of them — so the group stays out of the merge for this one key,\n // unlike size/staticColor/isQuiet, which upstream lets the group win.\n const isDisabled = () => headlessProps.isDisabled ?? groupContext?.isDisabled;\n const { isProgressVisible } = createPendingState(() => local.isPending);\n const dialogTriggerContext = useContext(DialogTriggerContext);\n const menuTriggerContext = useContext(MenuTriggerContext);\n const popoverTriggerContext = useContext(PopoverTriggerContext);\n const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n const locale = useLocale();\n let buttonElement: HTMLButtonElement \| undefined;\n const [resolvedButtonElement, setResolvedButtonElement] = createSignal<HTMLButtonElement \| null>(\n null,\n );\n const assignButtonRefs = mergeContextRefs(\n (contextProps as { ref?: RefLike<HTMLButtonElement> } \| null)?.ref,\n runtimeProps.ref,\n );\n\n const size = (): ActionButtonSize => local.size ?? \"M\";\n const cornerTriangleSize = (): \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const currentSize = size();\n return currentSize === \"XS\" ? \"S\" : currentSize;\n };\n const density = (): ActionButtonDensity => local.density ?? \"regular\";\n const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n const isOverlayTriggerOpen = () =>\n !!buttonElement &&\n ((dialogTriggerContext?.triggerRef() === buttonElement &&\n dialogTriggerContext.state.isOpen()) \|\|\n (popoverTriggerContext?.triggerRef() === buttonElement &&\n popoverTriggerContext.state.isOpen()));\n const pendingLabel = () => stringFormatter().format(\"button.pending\");\n const mergedStyles = () => mergeContextStyles(contextProps?.styles, runtimeProps.styles);\n const mergedUnsafeStyle = () =>\n mergeContextUnsafeStyle(contextProps?.UNSAFE_style, runtimeProps.UNSAFE_style);\n const getS2State = (renderProps: ButtonRenderProps): S2ActionButtonRenderState => ({\n isHovered: renderProps.isHovered \|\| isOverlayTriggerOpen(),\n isPressed: renderProps.isPressed,\n isFocused: renderProps.isFocused,\n isFocusVisible: renderProps.isFocusVisible,\n isDisabled: renderProps.isDisabled \|\| isProgressVisible(),\n isPending: local.isPending,\n });\n\n const getClassName = (renderProps: ButtonRenderProps): string =>\n [\n local.UNSAFE_className,\n mergeStyles(\n s2ActionButton({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: !!local.staticColor,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n }),\n local.staticColor\n ? s2ActionButtonStaticColor({\n ...getS2State(renderProps),\n size: size(),\n staticColor: local.staticColor,\n isStaticColor: true,\n isQuiet: local.isQuiet,\n density: density(),\n orientation: orientation(),\n isJustified: local.isJustified,\n isInGroup: !!groupContext,\n })\n : undefined,\n mergedStyles(),\n ),\n ]\n .filter(Boolean)\n .join(\" \");\n\n const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n pressScale(() => buttonElement, mergedUnsafeStyle())(renderProps);\n const menuTriggerButtonProps: Partial<HeadlessButtonProps> = !menuTriggerContext\n ? {}\n : mergeProps<Partial<HeadlessButtonProps>>(\n splitProps(menuTriggerContext.triggerProps as Record<string, unknown>, [\n \"onKeyDown\",\n ])[1] as Partial<HeadlessButtonProps>,\n {\n onPressStart: menuTriggerContext.onPressStart,\n } as Partial<HeadlessButtonProps>,\n );\n const syncMenuTriggerAttribute = (element: HTMLButtonElement, name: string, value: unknown) => {\n if (value == null) {\n element.removeAttribute(name);\n return;\n }\n\n element.setAttribute(name, String(value));\n };\n\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n const triggerProps = menuTriggerContext.triggerProps as Record<string, unknown>;\n return {\n element,\n haspopup: triggerProps[\"aria-haspopup\"],\n expanded: triggerProps[\"aria-expanded\"],\n controls: triggerProps[\"aria-controls\"],\n disabled: triggerProps[\"aria-disabled\"],\n };\n },\n (snapshot) => {\n if (!snapshot) return;\n syncMenuTriggerAttribute(snapshot.element, \"aria-haspopup\", snapshot.haspopup);\n syncMenuTriggerAttribute(snapshot.element, \"aria-expanded\", snapshot.expanded);\n syncMenuTriggerAttribute(snapshot.element, \"aria-controls\", snapshot.controls);\n syncMenuTriggerAttribute(snapshot.element, \"aria-disabled\", snapshot.disabled);\n },\n );\n createEffect(\n () => {\n const element = resolvedButtonElement();\n if (!element \|\| !menuTriggerContext \|\| menuTriggerContext.triggerRef?.() !== element) {\n return null;\n }\n return element;\n },\n (element) => {\n if (!element) return;\n const onKeyDown = (event: KeyboardEvent) => {\n (\n menuTriggerContext?.triggerProps as { onKeyDown?: (e: KeyboardEvent) => void } \| undefined\n )?.onKeyDown?.(event);\n };\n element.addEventListener(\"keydown\", onKeyDown);\n return () => element.removeEventListener(\"keydown\", onKeyDown);\n },\n );\n function ActionButtonContent() {\n const iconContextValue = {\n slot: \"icon\",\n render: centerBaseline({\n slot: \"icon\",\n styles: style({\n gridArea: \"icon\",\n }),\n }),\n styles: () =>\n style({\n / fontRelative(16) — matches Button. S2's fontRelative(20) sizes to its 20px\n * workflow-icon grid; on this register's 15px control font that renders ~21px,\n * bigger than the register's 17px PixelIcon default (primitives.tsx:55).\n * fontRelative(16) lands ~17px at the control font. /\n size: fontRelative(16),\n marginStart: \"--iconMargin\",\n flexShrink: 0,\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const textContextValue = {\n styles: () => s2ActionButtonText({ isProgressVisible: isProgressVisible() }),\n };\n const avatarContextValue = {\n size: \"1lh\" as const,\n get styles() {\n return style({\n marginStart: \"--iconMargin\",\n gridArea: \"icon\",\n });\n },\n };\n const imageContextValue = {\n styles: () =>\n style({\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n const notificationBadgeContextValue = {\n get staticColor() {\n return local.staticColor;\n },\n get size() {\n const propSize = buttonProps.size;\n return propSize === \"XS\" ? undefined : propSize;\n },\n get isDisabled() {\n // Upstream hands the badge RACButton's children render prop, not the\n // group value: `:381` is `{({isDisabled}) =>`, which shadows the `ctx`\n // destructuring at `:348`, so the `isDisabled` passed at `:436` is the\n // resolved `props.isDisabled ?? ctx.isDisabled`\n // (`@react-spectrum/s2@1.7.0/src/ActionButton.tsx:348,358,381,436`;\n // `react-aria-components@1.21.0/dist/private/Button.mjs:51` coerces it).\n // So the Form greys the badge too. The proxy alone misses the group.\n return !!isDisabled();\n },\n styles: () =>\n style({\n position: \"absolute\",\n top: \"--badgeTop\",\n marginTop: \"calc((self(height) -1)/2)\",\n marginStart: \"calc(var(--iconMargin) * 2 + (self(height) * -1)/4)\",\n gridColumnStart: 1,\n insetStart: \"--badgePosition\",\n visibility: {\n isProgressVisible: \"hidden\",\n },\n })({ isProgressVisible: isProgressVisible() }),\n };\n\n function ResolvedContent() {\n const content = createMemo(() => memoizeChildAccessors(local.children));\n const textChild = () => {\n let value: unknown = content();\n while (typeof value === \"function\") {\n value = (value as () => unknown)();\n }\n return getSingleTextChild(value);\n };\n\n return (\n <>\n {textChild() !== undefined ? (\n <span\n class={s2ActionButtonText({ isProgressVisible: isProgressVisible() })}\n data-rsp-slot=\"text\"\n >\n {textChild()}\n </span>\n ) : (\n content()\n )}\n </>\n );\n }\n\n return (\n <SkeletonContext value={null}>\n <TextContext value={textContextValue}>\n <IconContext value={iconContextValue}>\n <AvatarContext value={avatarContextValue}>\n <ImageContext value={imageContextValue}>\n <NotificationBadgeContext value={notificationBadgeContextValue}>\n <ResolvedContent />\n {local.isPending ? (\n <div\n class={s2ActionButtonPendingIndicator({\n isProgressVisible: isProgressVisible(),\n })}\n >\n <S2PendingProgressCircle\n aria-label={pendingLabel()}\n size={size()}\n staticColor={local.staticColor}\n />\n </div>\n ) : null}\n {local.holdAffordance ? (\n <CornerTriangle\n size={cornerTriangleSize()}\n class={style({\n position: \"absolute\",\n insetEnd: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n bottom: {\n size: {\n XS: space(3),\n S: space(3),\n M: 4,\n L: space(5),\n XL: space(6),\n },\n },\n scaleX: {\n direction: {\n rtl: -1,\n },\n },\n })({ direction: locale().direction, size: size() })}\n />\n ) : null}\n </NotificationBadgeContext>\n </ImageContext>\n </AvatarContext>\n </IconContext>\n </TextContext>\n </SkeletonContext>\n );\n }\n\n return (\n <HeadlessButton\n {...headlessProps}\n {...menuTriggerButtonProps}\n isDisabled={isDisabled()}\n isPending={local.isPending}\n isPendingFocusable\n ref={(element: HTMLButtonElement) => {\n buttonElement = element;\n setResolvedButtonElement(element);\n assignButtonRefs(element);\n }}\n onHoverChange={(hovered) => {\n local.onHoverChange?.(hovered);\n }}\n onPressChange={(pressed) => {\n local.onPressChange?.(pressed);\n }}\n onPress={(event) => {\n if (menuTriggerContext?.triggerRef?.() === buttonElement) {\n const menuOnPress = (menuTriggerContext!.triggerProps as Partial<HeadlessButtonProps>)\n .onPress;\n menuOnPress?.(event);\n }\n local.onPress?.(event);\n }}\n class={getClassName}\n style={getPressScaleStyle}\n >\n <ActionButtonContent />\n </HeadlessButton>\n );\n}\n"],"mappings":"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"}

package/dist/_chunk/Asterisk.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Asterisk.jsx","names":[],"sources":["../../src/icon/ui-icons/Asterisk.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize300.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 8,\n L: 10,\n XL: 10,\n },\n },\n height: {\n size: {\n M: 8,\n L: 10,\n XL: 10,\n },\n },\n});\n\nexport type AsteriskProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"M\" \| \"L\" \| \"XL\";\n};\n\nfunction Asterisk_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"8\"\n height=\"8\"\n viewBox=\"0 0 8 8\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M6.575 6.555c.055.056.092.13 0 .2l-1.149.741c-.092.056-.129.019-.166-.074L3.834 4.94 1.963 7c-.019.036-.074.073-.129 0l-.889-.927c-.093-.055-.074-.111 0-.166l2.111-1.76L.648 3.24c-.037 0-.092-.074-.056-.167l.63-1.259a.1.1 0 0 1 .121-.066.1.1 0 0 1 .046.03L3.5 3.148l.13-2.7a.1.1 0 0 1 .081-.11h.03l1.537.2c.093 0 .111.036.093.13l-.723 2.646 2.445-.741c.055-.037.111-.037.148.074l.241 1.37c.018.093 0 .13-.074.13l-2.556.2z\"\n />\n </svg>\n );\n}\n\nfunction Asterisk_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M7.861 7.953c.062.063.1.146 0 .23l-1.293.834c-.1.063-.145.021-.187-.083l-1.6-2.793-2.105 2.314c-.021.04-.083.082-.145 0l-1-1.043c-.1-.062-.083-.125 0-.187l2.375-1.981-2.715-1.026c-.042 0-.1-.083-.063-.188l.707-1.412a.11.11 0 0 1 .136-.074q.03.01.052.034l2.378 1.54.146-3.043A.11.11 0 0 1 4.638.95h.034l1.73.23c.1 0 .125.042.1.146l-.814 2.979 2.751-.834c.062-.042.125-.042.167.083l.271 1.542c.02.1 0 .146-.083.146l-2.876.23z\"\n />\n </svg>\n );\n}\n\nfunction Asterisk_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M8.266 8.324c.07.071.116.164 0 .258l-1.454.938c-.116.071-.163.024-.21-.094l-1.8-3.141-2.367 2.6c-.024.045-.094.092-.163 0l-1.13-1.167c-.118-.07-.094-.141 0-.21l2.671-2.227L.766 4.13c-.047 0-.116-.094-.071-.211l.8-1.593a.124.124 0 0 1 .153-.084.13.13 0 0 1 .058.038l2.669 1.738.164-3.422a.124.124 0 0 1 .1-.14h.038l1.945.258c.118 0 .14.047.118.164l-.915 3.349 3.094-.938c.07-.047.14-.047.187.094l.3 1.734c.023.118 0 .164-.094.164l-3.234.258z\"\n />\n </svg>\n );\n}\n\nconst Asterisk_M = createUIIcon(Asterisk_MSvg);\nconst Asterisk_L = createUIIcon(Asterisk_LSvg);\nconst Asterisk_XL = createUIIcon(Asterisk_XLSvg);\n\nexport default function Asterisk(props: AsteriskProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"M\":\n return <Asterisk_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Asterisk_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Asterisk_XL {...rest} class={mergedClass()} />;\n default:\n return <Asterisk_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const AsteriskIcon = Asterisk;\n"],"mappings":";;;AAiBA,MAAM,SAAA,SAAA,UAAA,OAAA;;;;;;;;;;AAqBN,SAAS,cAAc,OAAiD;CACtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,UACA,WACA,~~sBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,4aACA;IACJ,EAAE;AAEN;AAEA,SAAS,cAAc,OAAiD;CACtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,8aACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,+bACA;IACJ,EAAE;AAEN;AAEA,MAAM,aAAa,aAAa,aAAA;AAChC,MAAM,aAAa,aAAa,aAAA;AAChC,MAAM,cAAc,aAAa,cAAA;AAEjC,SAAwB,SAAS,OAA2B;CAC1D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAQ;EAAS;EAAS;CAAS,CAAA;CAC5E,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,oBAAoB,GAAG,MAAM,SAAS,KAAK,OAAO,EAAE,KAAK,CAAA;CAC/D,QAAQ,MAAR;EACE,KAAK,KACH,OAAA,CAAQ,~~eAAe~~,~~MAAM~~,OAAO,YAAA;EACtC,KAAK,KACH,OAAA,CAAQ,~~eAAe~~,~~MAAM~~,OAAO,YAAA;EACtC,KAAK,MACH,OAAA,CAAQ,~~gBAAgB~~,~~MAAM~~,OAAO,YAAA;EACvC,SACE,OAAA,CAAQ,~~eAAe~~,~~MAAM~~,OAAO,YAAA;CACxC;AACF"}
1	+ {"version":3,"file":"Asterisk.jsx","names":[],"sources":["../../src/icon/ui-icons/Asterisk.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_AsteriskSize300.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 8,\n L: 10,\n XL: 10,\n },\n },\n height: {\n size: {\n M: 8,\n L: 10,\n XL: 10,\n },\n },\n});\n\nexport type AsteriskProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"M\" \| \"L\" \| \"XL\";\n};\n\nfunction Asterisk_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"8\"\n height=\"8\"\n viewBox=\"0 0 8 8\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M6.575 6.555c.055.056.092.13 0 .2l-1.149.741c-.092.056-.129.019-.166-.074L3.834 4.94 1.963 7c-.019.036-.074.073-.129 0l-.889-.927c-.093-.055-.074-.111 0-.166l2.111-1.76L.648 3.24c-.037 0-.092-.074-.056-.167l.63-1.259a.1.1 0 0 1 .121-.066.1.1 0 0 1 .046.03L3.5 3.148l.13-2.7a.1.1 0 0 1 .081-.11h.03l1.537.2c.093 0 .111.036.093.13l-.723 2.646 2.445-.741c.055-.037.111-.037.148.074l.241 1.37c.018.093 0 .13-.074.13l-2.556.2z\"\n />\n </svg>\n );\n}\n\nfunction Asterisk_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M7.861 7.953c.062.063.1.146 0 .23l-1.293.834c-.1.063-.145.021-.187-.083l-1.6-2.793-2.105 2.314c-.021.04-.083.082-.145 0l-1-1.043c-.1-.062-.083-.125 0-.187l2.375-1.981-2.715-1.026c-.042 0-.1-.083-.063-.188l.707-1.412a.11.11 0 0 1 .136-.074q.03.01.052.034l2.378 1.54.146-3.043A.11.11 0 0 1 4.638.95h.034l1.73.23c.1 0 .125.042.1.146l-.814 2.979 2.751-.834c.062-.042.125-.042.167.083l.271 1.542c.02.1 0 .146-.083.146l-2.876.23z\"\n />\n </svg>\n );\n}\n\nfunction Asterisk_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M8.266 8.324c.07.071.116.164 0 .258l-1.454.938c-.116.071-.163.024-.21-.094l-1.8-3.141-2.367 2.6c-.024.045-.094.092-.163 0l-1.13-1.167c-.118-.07-.094-.141 0-.21l2.671-2.227L.766 4.13c-.047 0-.116-.094-.071-.211l.8-1.593a.124.124 0 0 1 .153-.084.13.13 0 0 1 .058.038l2.669 1.738.164-3.422a.124.124 0 0 1 .1-.14h.038l1.945.258c.118 0 .14.047.118.164l-.915 3.349 3.094-.938c.07-.047.14-.047.187.094l.3 1.734c.023.118 0 .164-.094.164l-3.234.258z\"\n />\n </svg>\n );\n}\n\nconst Asterisk_M = createUIIcon(Asterisk_MSvg);\nconst Asterisk_L = createUIIcon(Asterisk_LSvg);\nconst Asterisk_XL = createUIIcon(Asterisk_XLSvg);\n\nexport default function Asterisk(props: AsteriskProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"M\":\n return <Asterisk_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Asterisk_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Asterisk_XL {...rest} class={mergedClass()} />;\n default:\n return <Asterisk_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const AsteriskIcon = Asterisk;\n"],"mappings":";;;AAiBA,MAAM,SAAA,SAAA,UAAA,OAAA;;;;;;;;;;AAqBN,SAAS,cAAc,OAAiD;CACtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,UACA,WACA,kBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,4aACA;IACJ,EAAE;AAEN;AAEA,SAAS,cAAc,OAAiD;CACtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,8aACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,+bACA;IACJ,EAAE;AAEN;AAEA,MAAM,aAAa,aAAa,aAAA;AAChC,MAAM,aAAa,aAAa,aAAA;AAChC,MAAM,cAAc,aAAa,cAAA;AAEjC,SAAwB,SAAS,OAA2B;CAC1D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAQ;EAAS;EAAS;CAAS,CAAA;CAC5E,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,oBAAoB,GAAG,MAAM,SAAS,KAAK,OAAO,EAAE,KAAK,CAAA;CAC/D,QAAQ,MAAR;EACE,KAAK,KACH,OAAA,CAAQ,WAAA,IAAe,IAAI,EAAE,OAAO,YAAA;EACtC,KAAK,KACH,OAAA,CAAQ,WAAA,IAAe,IAAI,EAAE,OAAO,YAAA;EACtC,KAAK,MACH,OAAA,CAAQ,YAAA,IAAgB,IAAI,EAAE,OAAO,YAAA;EACvC,SACE,OAAA,CAAQ,WAAA,IAAe,IAAI,EAAE,OAAO,YAAA;CACxC;AACF"}

package/dist/_chunk/Checkmark.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkmark.js","names":[],"sources":["../../src/icon/ui-icons/Checkmark.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n height: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n});\n\nexport type CheckmarkProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" \| \"XXL\";\n};\n\nfunction Checkmark_XSSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.815 8.69a.92.92 0 0 1-.708-.333L1.216 6.09a.922.922 0 0 1 1.416-1.18l1.162 1.394 3.56-4.532a.92.92 0 1 1 1.45 1.14L4.54 8.336a.92.92 0 0 1-.712.352z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_SSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.667 9.074a.96.96 0 0 1-.737-.345L.753 6.116a.96.96 0 1 1 1.474-1.228l1.418 1.7 4.112-5.233a.96.96 0 1 1 1.51 1.186L4.422 8.707a.96.96 0 0 1-.741.367z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.5 9.503c-.3 0-.584-.135-.774-.367l-2.45-3A1 1 0 1 1 1.823 4.87L3.481 6.9 8.161.888A1 1 0 0 1 9.74 2.118l-5.45 7a1 1 0 0 1-.777.385z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M4.313 10.98c-.308 0-.602-.137-.8-.375L.648 7.165a1.042 1.042 0 0 1 1.6-1.334L4.29 8.283l5.442-6.93a1.043 1.043 0 0 1 1.64 1.288l-6.24 7.941a1.04 1.04 0 0 1-.804.397z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.102 12.517c-.322 0-.627-.143-.833-.391L.989 8.191a1.083 1.083 0 0 1 .139-1.527 1.08 1.08 0 0 1 1.527.139l2.422 2.904 6.243-7.946a1.086 1.086 0 0 1 1.707 1.34l-7.072 9c-.203.258-.51.41-.838.416z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XXLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432z\"\n />\n </svg>\n );\n}\n\nconst Checkmark_XS = createUIIcon(Checkmark_XSSvg);\nconst Checkmark_S = createUIIcon(Checkmark_SSvg);\nconst Checkmark_M = createUIIcon(Checkmark_MSvg);\nconst Checkmark_L = createUIIcon(Checkmark_LSvg);\nconst Checkmark_XL = createUIIcon(Checkmark_XLSvg);\nconst Checkmark_XXL = createUIIcon(Checkmark_XXLSvg);\n\nexport default function Checkmark(props: CheckmarkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"XS\":\n return <Checkmark_XS {...rest} class={mergedClass()} />;\n case \"S\":\n return <Checkmark_S {...rest} class={mergedClass()} />;\n case \"M\":\n return <Checkmark_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Checkmark_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Checkmark_XL {...rest} class={mergedClass()} />;\n case \"XXL\":\n return <Checkmark_XXL {...rest} class={mergedClass()} />;\n default:\n return <Checkmark_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const CheckmarkIcon = Checkmark;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Checkmark.js","names":["xmlns=\"http://www.w3.org/2000/svg\"","width=\"10\"","height=\"10\"","viewBox=\"0 0 10 10\"","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M3.815 8.69a.92.92 0 0 1-.708-.333L1.216 6.09a.922.922 0 0 1 1.416-1.18l1.162 1.394 3.56-4.532a.92.92 0 1 1 1.45 1.14L4.54 8.336a.92.92 0 0 1-.712.352z\"/>\n </svg>","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M3.667 9.074a.96.96 0 0 1-.737-.345L.753 6.116a.96.96 0 1 1 1.474-1.228l1.418 1.7 4.112-5.233a.96.96 0 1 1 1.51 1.186L4.422 8.707a.96.96 0 0 1-.741.367z\"/>\n </svg>","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M3.5 9.503c-.3 0-.584-.135-.774-.367l-2.45-3A1 1 0 1 1 1.823 4.87L3.481 6.9 8.161.888A1 1 0 0 1 9.74 2.118l-5.45 7a1 1 0 0 1-.777.385z\"/>\n </svg>","width=\"12\"","height=\"12\"","viewBox=\"0 0 12 12\"","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M4.313 10.98c-.308 0-.602-.137-.8-.375L.648 7.165a1.042 1.042 0 0 1 1.6-1.334L4.29 8.283l5.442-6.93a1.043 1.043 0 0 1 1.64 1.288l-6.24 7.941a1.04 1.04 0 0 1-.804.397z\"/>\n </svg>","width=\"14\"","height=\"14\"","viewBox=\"0 0 14 14\"","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M5.102 12.517c-.322 0-.627-.143-.833-.391L.989 8.191a1.083 1.083 0 0 1 .139-1.527 1.08 1.08 0 0 1 1.527.139l2.422 2.904 6.243-7.946a1.086 1.086 0 0 1 1.707 1.34l-7.072 9c-.203.258-.51.41-.838.416z\"/>\n </svg>","width=\"16\"","height=\"16\"","viewBox=\"0 0 16 16\"","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" {...rest} class={local.class}>\n <path fill=\"var(--iconPrimary, #222)\" d=\"M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432z\"/>\n </svg>","<Checkmark_XS {...rest} class={mergedClass()}/>","<Checkmark_S {...rest} class={mergedClass()}/>","<Checkmark_M {...rest} class={mergedClass()}/>","<Checkmark_L {...rest} class={mergedClass()}/>","<Checkmark_XL {...rest} class={mergedClass()}/>","<Checkmark_XXL {...rest} class={mergedClass()}/>","_$getNextElement","_$createComponent","_$mergeProps"],"sources":["../../src/icon/ui-icons/Checkmark.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n height: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n});\n\nexport type CheckmarkProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" \| \"XXL\";\n};\n\nfunction Checkmark_XSSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.815 8.69a.92.92 0 0 1-.708-.333L1.216 6.09a.922.922 0 0 1 1.416-1.18l1.162 1.394 3.56-4.532a.92.92 0 1 1 1.45 1.14L4.54 8.336a.92.92 0 0 1-.712.352z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_SSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.667 9.074a.96.96 0 0 1-.737-.345L.753 6.116a.96.96 0 1 1 1.474-1.228l1.418 1.7 4.112-5.233a.96.96 0 1 1 1.51 1.186L4.422 8.707a.96.96 0 0 1-.741.367z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.5 9.503c-.3 0-.584-.135-.774-.367l-2.45-3A1 1 0 1 1 1.823 4.87L3.481 6.9 8.161.888A1 1 0 0 1 9.74 2.118l-5.45 7a1 1 0 0 1-.777.385z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M4.313 10.98c-.308 0-.602-.137-.8-.375L.648 7.165a1.042 1.042 0 0 1 1.6-1.334L4.29 8.283l5.442-6.93a1.043 1.043 0 0 1 1.64 1.288l-6.24 7.941a1.04 1.04 0 0 1-.804.397z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.102 12.517c-.322 0-.627-.143-.833-.391L.989 8.191a1.083 1.083 0 0 1 .139-1.527 1.08 1.08 0 0 1 1.527.139l2.422 2.904 6.243-7.946a1.086 1.086 0 0 1 1.707 1.34l-7.072 9c-.203.258-.51.41-.838.416z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XXLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432z\"\n />\n </svg>\n );\n}\n\nconst Checkmark_XS = createUIIcon(Checkmark_XSSvg);\nconst Checkmark_S = createUIIcon(Checkmark_SSvg);\nconst Checkmark_M = createUIIcon(Checkmark_MSvg);\nconst Checkmark_L = createUIIcon(Checkmark_LSvg);\nconst Checkmark_XL = createUIIcon(Checkmark_XLSvg);\nconst Checkmark_XXL = createUIIcon(Checkmark_XXLSvg);\n\nexport default function Checkmark(props: CheckmarkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"XS\":\n return <Checkmark_XS {...rest} class={mergedClass()} />;\n case \"S\":\n return <Checkmark_S {...rest} class={mergedClass()} />;\n case \"M\":\n return <Checkmark_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Checkmark_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Checkmark_XL {...rest} class={mergedClass()} />;\n case \"XXL\":\n return <Checkmark_XXL {...rest} class={mergedClass()} />;\n default:\n return <Checkmark_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const CheckmarkIcon = Checkmark;\n"],"mappings":"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"}

package/dist/_chunk/Checkmark.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkmark.jsx","names":[],"sources":["../../src/icon/ui-icons/Checkmark.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n height: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n});\n\nexport type CheckmarkProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" \| \"XXL\";\n};\n\nfunction Checkmark_XSSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.815 8.69a.92.92 0 0 1-.708-.333L1.216 6.09a.922.922 0 0 1 1.416-1.18l1.162 1.394 3.56-4.532a.92.92 0 1 1 1.45 1.14L4.54 8.336a.92.92 0 0 1-.712.352z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_SSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.667 9.074a.96.96 0 0 1-.737-.345L.753 6.116a.96.96 0 1 1 1.474-1.228l1.418 1.7 4.112-5.233a.96.96 0 1 1 1.51 1.186L4.422 8.707a.96.96 0 0 1-.741.367z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.5 9.503c-.3 0-.584-.135-.774-.367l-2.45-3A1 1 0 1 1 1.823 4.87L3.481 6.9 8.161.888A1 1 0 0 1 9.74 2.118l-5.45 7a1 1 0 0 1-.777.385z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M4.313 10.98c-.308 0-.602-.137-.8-.375L.648 7.165a1.042 1.042 0 0 1 1.6-1.334L4.29 8.283l5.442-6.93a1.043 1.043 0 0 1 1.64 1.288l-6.24 7.941a1.04 1.04 0 0 1-.804.397z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.102 12.517c-.322 0-.627-.143-.833-.391L.989 8.191a1.083 1.083 0 0 1 .139-1.527 1.08 1.08 0 0 1 1.527.139l2.422 2.904 6.243-7.946a1.086 1.086 0 0 1 1.707 1.34l-7.072 9c-.203.258-.51.41-.838.416z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XXLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432z\"\n />\n </svg>\n );\n}\n\nconst Checkmark_XS = createUIIcon(Checkmark_XSSvg);\nconst Checkmark_S = createUIIcon(Checkmark_SSvg);\nconst Checkmark_M = createUIIcon(Checkmark_MSvg);\nconst Checkmark_L = createUIIcon(Checkmark_LSvg);\nconst Checkmark_XL = createUIIcon(Checkmark_XLSvg);\nconst Checkmark_XXL = createUIIcon(Checkmark_XXLSvg);\n\nexport default function Checkmark(props: CheckmarkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"XS\":\n return <Checkmark_XS {...rest} class={mergedClass()} />;\n case \"S\":\n return <Checkmark_S {...rest} class={mergedClass()} />;\n case \"M\":\n return <Checkmark_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Checkmark_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Checkmark_XL {...rest} class={mergedClass()} />;\n case \"XXL\":\n return <Checkmark_XXL {...rest} class={mergedClass()} />;\n default:\n return <Checkmark_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const CheckmarkIcon = Checkmark;\n"],"mappings":";;;AAuBA,MAAM,SAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;AA2BN,SAAS,gBAAgB,OAAiD;CACxE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,8JACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,+JACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6IACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6KACA;IACJ,EAAE;AAEN;AAEA,SAAS,gBAAgB,OAAiD;CACxE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,2MACA;IACJ,EAAE;AAEN;AAEA,SAAS,iBAAiB,OAAiD;CACzE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,~~wBACI~~,~~MACJ~~,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6KACA;IACJ,EAAE;AAEN;AAEA,MAAM,eAAe,aAAa,eAAA;AAClC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,eAAe,aAAa,eAAA;AAClC,MAAM,gBAAgB,aAAa,gBAAA;AAEnC,SAAwB,UAAU,OAA4B;CAC5D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAQ;EAAS;EAAS;CAAS,CAAA;CAC5E,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,oBAAoB,GAAG,MAAM,SAAS,KAAK,OAAO,EAAE,KAAK,CAAA;CAC/D,QAAQ,MAAR;EACE,KAAK,MACH,OAAA,CAAQ,~~iBAAiB~~,~~MAAM~~,OAAO,YAAA;EACxC,KAAK,KACH,OAAA,CAAQ,~~gBAAgB~~,~~MAAM~~,OAAO,YAAA;EACvC,KAAK,KACH,OAAA,CAAQ,~~gBAAgB~~,~~MAAM~~,OAAO,YAAA;EACvC,KAAK,KACH,OAAA,CAAQ,~~gBAAgB~~,~~MAAM~~,OAAO,YAAA;EACvC,KAAK,MACH,OAAA,CAAQ,~~iBAAiB~~,~~MAAM~~,OAAO,YAAA;EACxC,KAAK,OACH,OAAA,CAAQ,~~kBAAkB~~,~~MAAM~~,OAAO,YAAA;EACzC,SACE,OAAA,CAAQ,~~gBAAgB~~,~~MAAM~~,OAAO,YAAA;CACzC;AACF"}
1	+ {"version":3,"file":"Checkmark.jsx","names":[],"sources":["../../src/icon/ui-icons/Checkmark.tsx"],"sourcesContent":["/\n Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: react-spectrum/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize50.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize75.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize100.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize200.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize300.cjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.mjs\n// Generator input: @react-spectrum/s2@1.7.0/dist/private/S2_CheckmarkSize400.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createUIIcon } from \"../spectrum-icon\";\nimport { style } from \"../../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nconst styles = style({\n width: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n height: {\n size: {\n M: 10,\n L: 12,\n XL: 14,\n XXL: 16,\n XS: 10,\n S: 10,\n },\n },\n});\n\nexport type CheckmarkProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n size?: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" \| \"XXL\";\n};\n\nfunction Checkmark_XSSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.815 8.69a.92.92 0 0 1-.708-.333L1.216 6.09a.922.922 0 0 1 1.416-1.18l1.162 1.394 3.56-4.532a.92.92 0 1 1 1.45 1.14L4.54 8.336a.92.92 0 0 1-.712.352z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_SSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.667 9.074a.96.96 0 0 1-.737-.345L.753 6.116a.96.96 0 1 1 1.474-1.228l1.418 1.7 4.112-5.233a.96.96 0 1 1 1.51 1.186L4.422 8.707a.96.96 0 0 1-.741.367z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M3.5 9.503c-.3 0-.584-.135-.774-.367l-2.45-3A1 1 0 1 1 1.823 4.87L3.481 6.9 8.161.888A1 1 0 0 1 9.74 2.118l-5.45 7a1 1 0 0 1-.777.385z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M4.313 10.98c-.308 0-.602-.137-.8-.375L.648 7.165a1.042 1.042 0 0 1 1.6-1.334L4.29 8.283l5.442-6.93a1.043 1.043 0 0 1 1.64 1.288l-6.24 7.941a1.04 1.04 0 0 1-.804.397z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.102 12.517c-.322 0-.627-.143-.833-.391L.989 8.191a1.083 1.083 0 0 1 .139-1.527 1.08 1.08 0 0 1 1.527.139l2.422 2.904 6.243-7.946a1.086 1.086 0 0 1 1.707 1.34l-7.072 9c-.203.258-.51.41-.838.416z\"\n />\n </svg>\n );\n}\n\nfunction Checkmark_XXLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n const [local, rest] = splitProps(props, [\"class\", \"width\", \"height\"]);\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n {...rest}\n class={local.class}\n >\n <path\n fill=\"var(--iconPrimary, #222)\"\n d=\"M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432z\"\n />\n </svg>\n );\n}\n\nconst Checkmark_XS = createUIIcon(Checkmark_XSSvg);\nconst Checkmark_S = createUIIcon(Checkmark_SSvg);\nconst Checkmark_M = createUIIcon(Checkmark_MSvg);\nconst Checkmark_L = createUIIcon(Checkmark_LSvg);\nconst Checkmark_XL = createUIIcon(Checkmark_XLSvg);\nconst Checkmark_XXL = createUIIcon(Checkmark_XXLSvg);\n\nexport default function Checkmark(props: CheckmarkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"size\", \"class\", \"width\", \"height\"]);\n const size = local.size ?? \"M\";\n const mergedClass = () => `${local.class ?? \"\"}${styles({ size })}`;\n switch (size) {\n case \"XS\":\n return <Checkmark_XS {...rest} class={mergedClass()} />;\n case \"S\":\n return <Checkmark_S {...rest} class={mergedClass()} />;\n case \"M\":\n return <Checkmark_M {...rest} class={mergedClass()} />;\n case \"L\":\n return <Checkmark_L {...rest} class={mergedClass()} />;\n case \"XL\":\n return <Checkmark_XL {...rest} class={mergedClass()} />;\n case \"XXL\":\n return <Checkmark_XXL {...rest} class={mergedClass()} />;\n default:\n return <Checkmark_M {...rest} class={mergedClass()} />;\n }\n}\n\nexport const CheckmarkIcon = Checkmark;\n"],"mappings":";;;AAuBA,MAAM,SAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;AA2BN,SAAS,gBAAgB,OAAiD;CACxE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,8JACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,+JACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6IACA;IACJ,EAAE;AAEN;AAEA,SAAS,eAAe,OAAiD;CACvE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6KACA;IACJ,EAAE;AAEN;AAEA,SAAS,gBAAgB,OAAiD;CACxE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,2MACA;IACJ,EAAE;AAEN;AAEA,SAAS,iBAAiB,OAAiD;CACzE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAS;EAAS;CAAS,CAAA;CACpE,OAAO,CACJ,IACC,mCACA,WACA,YACA,oBAAQ,IACJ,IAAI,EACR,OAAO,MAAM,OACd;MACC,CAAC,KACC,gCACA,6KACA;IACJ,EAAE;AAEN;AAEA,MAAM,eAAe,aAAa,eAAA;AAClC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,cAAc,aAAa,cAAA;AACjC,MAAM,eAAe,aAAa,eAAA;AAClC,MAAM,gBAAgB,aAAa,gBAAA;AAEnC,SAAwB,UAAU,OAA4B;CAC5D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAQ;EAAS;EAAS;CAAS,CAAA;CAC5E,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,oBAAoB,GAAG,MAAM,SAAS,KAAK,OAAO,EAAE,KAAK,CAAA;CAC/D,QAAQ,MAAR;EACE,KAAK,MACH,OAAA,CAAQ,aAAA,IAAiB,IAAI,EAAE,OAAO,YAAA;EACxC,KAAK,KACH,OAAA,CAAQ,YAAA,IAAgB,IAAI,EAAE,OAAO,YAAA;EACvC,KAAK,KACH,OAAA,CAAQ,YAAA,IAAgB,IAAI,EAAE,OAAO,YAAA;EACvC,KAAK,KACH,OAAA,CAAQ,YAAA,IAAgB,IAAI,EAAE,OAAO,YAAA;EACvC,KAAK,MACH,OAAA,CAAQ,aAAA,IAAiB,IAAI,EAAE,OAAO,YAAA;EACxC,KAAK,OACH,OAAA,CAAQ,cAAA,IAAkB,IAAI,EAAE,OAAO,YAAA;EACzC,SACE,OAAA,CAAQ,YAAA,IAAgB,IAAI,EAAE,OAAO,YAAA;CACzC;AACF"}