@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/notificationbadge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/notificationbadge/index.tsx"],"sourcesContent":["import { type JSX, createContext, createMemo, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createStringFormatter, filterDOMProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2IntlStrings } from \"../intl\";\n\nexport interface NotificationBadgeProps {\n  /** The value to display in the notification badge. */\n  value?: number | null;\n  /** The size of the notification badge. @default 'S' */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\ninterface NotificationBadgeContextProps extends NotificationBadgeProps {\n  /** Static color inherited from a surrounding component. */\n  staticColor?: \"black\" | \"white\" | \"auto\";\n  /** Whether the owning control is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const NotificationBadgeContext =\n  createContext<SpectrumContextValue<NotificationBadgeContextProps>>(null);\n\nconst notificationBadge = style(\n  {\n    display: {\n      default: \"flex\",\n      isDisabled: \"none\",\n    },\n    font: \"ui\",\n    color: {\n      default: \"white\",\n      isStaticColor: \"auto\",\n      forcedColors: \"ButtonText\",\n    },\n    fontSize: {\n      size: {\n        S: \"ui-xs\",\n        M: \"ui-xs\",\n        L: \"ui-sm\",\n        XL: \"ui\",\n      },\n    },\n    borderStyle: {\n      forcedColors: \"solid\",\n    },\n    borderWidth: {\n      forcedColors: \"[1px]\",\n    },\n    borderColor: {\n      forcedColors: \"ButtonBorder\",\n    },\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: {\n      default: \"accent\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonFace\",\n    },\n    height: {\n      size: {\n        S: {\n          default: 12,\n          isIndicatorOnly: 8,\n        },\n        M: {\n          default: fontRelative(18),\n          isIndicatorOnly: 8,\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12),\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12),\n        },\n      },\n    },\n    aspectRatio: {\n      isIndicatorOnly: \"square\",\n      isSingleDigit: \"square\",\n    },\n    width: \"max\",\n    paddingX: {\n      isDoubleDigit: \"edge-to-text\",\n    },\n    borderRadius: \"pill\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function NotificationBadge(props: NotificationBadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(NotificationBadgeContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as NotificationBadgeContextProps;\n  const [local] = splitProps(merged, [\n    \"value\",\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"staticColor\",\n    \"isDisabled\",\n    \"slot\",\n    \"ref\",\n    \"aria-label\",\n  ]);\n  const locale = useLocale();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const size = () => local.size ?? \"S\";\n  const value = () => local.value;\n\n  const formattedValue = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return \"\";\n    }\n\n    if (currentValue <= 0) {\n      throw new Error(\"Value cannot be negative or zero\");\n    }\n\n    if (!Number.isInteger(currentValue)) {\n      throw new Error(\"Value must be a positive integer\");\n    }\n\n    const cappedValue = Math.min(currentValue, 99);\n    const formatted = new Intl.NumberFormat(locale().locale).format(cappedValue);\n    return currentValue > 99\n      ? stringFormatter().format(\"notificationbadge.plus\", { notifications: formatted })\n      : formatted;\n  });\n\n  const digitCount = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return 0;\n    }\n\n    return String(Math.min(currentValue, 99)).length;\n  });\n\n  const ariaLabel = () =>\n    local[\"aria-label\"] ??\n    (value() == null ? stringFormatter().format(\"notificationbadge.indicatorOnly\") : undefined);\n  const mergedUnsafeClassName = () =>\n    [contextProps?.UNSAFE_className, props.UNSAFE_className].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <span\n      {...(filterDOMProps(merged, {\n        labelable: true,\n      }) as JSX.HTMLAttributes<HTMLSpanElement>)}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n        props.ref,\n      )}\n      role={ariaLabel() ? \"img\" : undefined}\n      aria-label={ariaLabel()}\n      class={[\n        mergedUnsafeClassName(),\n        notificationBadge(\n          {\n            size: size(),\n            isIndicatorOnly: value() == null,\n            isSingleDigit: digitCount() === 1,\n            isDoubleDigit: digitCount() === 2,\n            isDisabled: local.isDisabled,\n            isStaticColor: !!local.staticColor,\n          },\n          mergeContextStyles(contextProps?.styles, props.styles),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style)}\n    >\n      {formattedValue()}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AA4CA,MAAa,2BACX,cAAmE,IAAA;AAErE,MAAM,oBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEN,SAAgB,kBAAkB,OAAoC;CACpE,MAAM,eAAe,uBAAuB,WAAW,wBAAA,GAA2B,MAAM,IAAI;CAC5F,MAAM,SAAS,aAAW,gBAAgB,CAAC,GAAG,KAAA;CAC9C,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,SAAS,UAAA;CACf,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,cAAc,MAAM;CAE1B,MAAM,iBAAiB,iBAAW;EAChC,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,IAAI,gBAAgB,GAClB,MAAM,IAAI,MAAM,kCAAA;EAGlB,IAAI,CAAC,OAAO,UAAU,YAAA,GACpB,MAAM,IAAI,MAAM,kCAAA;EAGlB,MAAM,cAAc,KAAK,IAAI,cAAc,EAAA;EAC3C,MAAM,YAAY,IAAI,KAAK,aAAa,OAAA,EAAS,MAAM,EAAE,OAAO,WAAA;EAChE,OAAO,eAAe,KAClB,gBAAA,EAAkB,OAAO,0BAA0B,EAAE,eAAe,UAAU,CAAA,IAC9E;CACN,CAAA;CAEA,MAAM,aAAa,iBAAW;EAC5B,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,OAAO,OAAO,KAAK,IAAI,cAAc,EAAA,CAAA,EAAK;CAC5C,CAAA;CAEA,MAAM,kBACJ,MAAM,kBACL,MAAA,KAAW,OAAO,gBAAA,EAAkB,OAAO,iCAAA,IAAqC,KAAA;CACnF,MAAM,8BACJ,CAAC,cAAc,kBAAkB,MAAM,gBAAgB,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA,KAAQ,KAAA;CAExF,cAAA;EAAA,IAAA,OAAA,eAAA,MAAA;EAAA,IAAA,QAKS,iBACF,cAA4D,KAC7D,MAAM,GAAG;EAAA,OAAA,UAAA,cAAA,IAAA,OAAA,IAAA;EAAA,OAAA,MAAA,iBALN,eAAe,QAAQ,EAC1B,WAAW,KACb,CAAA,GAAyC;GAAA,IAKzC,OAAA;IAAA,OAAM,UAAA,IAAc,QAAQ,KAAA;GAAA;GAAA,KAAA,gBAAA;IAAA,OAChB,UAAA;GAAA;GAAA,KAAA,WAAA;IAAA,OACL,CACL,sBAAA,GACA,kBACE;KACE,MAAM,KAAA;KACN,iBAAiB,MAAA,KAAW;KAC5B,eAAe,WAAA,MAAiB;KAChC,eAAe,WAAA,MAAiB;KAChC,YAAY,MAAM;KAClB,eAAe,CAAC,CAAC,MAAM;IACzB,GACA,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CAAA,CAAA,EAGtD,OAAO,OAAA,EACP,KAAK,GAAA;GAAA;GAAA,IACR,QAAA;IAAA,OAAO,wBAAwB,cAAc,cAAc,MAAM,YAAY;GAAA;EAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,MAE5E,cAAA;EAAA,mBAAA;EAAA,OAAA;CAAA,GAAA;AAGP"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/notificationbadge/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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/NotificationBadge.tsx\n\n// Port of packages/@react-spectrum/s2/src/NotificationBadge.tsx.\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  mergeProps,\n  createStringFormatter,\n  filterDOMProps,\n  useLocale,\n} from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2IntlStrings } from \"../intl\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface NotificationBadgeProps {\n  /** The value to display in the notification badge. */\n  value?: number | null;\n  /** The size of the notification badge. @default 'S' */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\ninterface NotificationBadgeContextProps extends NotificationBadgeProps {\n  /** Static color inherited from a surrounding component. */\n  staticColor?: \"black\" | \"white\" | \"auto\";\n  /** Whether the owning control is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const NotificationBadgeContext =\n  createContext<SpectrumContextValue<NotificationBadgeContextProps>>(null);\n\nconst notificationBadge = style(\n  {\n    display: {\n      default: \"flex\",\n      isDisabled: \"none\",\n    },\n    font: \"ui\",\n    /* The register sets a notification count in the PIXEL face, not the UI face: the\n     * count on the icon-rail bell is `--font-display` 10px/700 (TerminalGlassLab.tsx\n     * §01). It is the one numeral in the chrome that is meant to read as a stamp\n     * rather than as text, which is exactly the role `fontFamily: \"display\"` carries\n     * in this package. Declared after `font: \"ui\"` so it overrides only the family\n     * and weight that shorthand established. */\n    fontFamily: \"display\",\n    fontWeight: \"bold\",\n    color: {\n      /* Fuchsia is the register's ASK colour, and a notification count is an ask —\n       * DECISIONS lists NotificationBadge as the one non-`create` surface that keeps\n       * it (it counts as *notification*, not a second CTA). Ink is the create pair's\n       * own ink so the contrast holds in both schemes without a per-scheme value here. */\n      default: \"create-ink\",\n      isStaticColor: \"auto\",\n      forcedColors: \"ButtonText\",\n    },\n    fontSize: {\n      size: {\n        /* 10px flat at S, the rung the handoff draws. The other three keep the shared\n         * ui ramp rather than acquiring three invented px values. */\n        S: \"[10px]\",\n        M: \"ui-xs\",\n        L: \"ui-sm\",\n        XL: \"ui\",\n      },\n    },\n    /* The badge rim is not a forced-colors-only affordance any more: the register\n     * draws a 1px `--accent-create-border` around the fuchsia stamp so it separates\n     * from whatever icon it overlaps. `boxSizing: border-box` keeps that rim inside\n     * the 17px box below instead of growing it to 19px. */\n    boxSizing: \"border-box\",\n    borderStyle: \"solid\",\n    borderWidth: \"[1px]\",\n    borderColor: {\n      default: \"create-border\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonBorder\",\n    },\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: {\n      default: \"create-bg\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonFace\",\n    },\n    height: {\n      size: {\n        /* 17px, the handoff's own badge box (§01 icon rail). 12px was Spectrum's S\n         * rung and could not hold a 10px pixel numeral with a 1px rim. Only the drawn\n         * rung moves; the indicator-only dot stays 8px. */\n        S: {\n          default: \"[17px]\",\n          isIndicatorOnly: 8,\n        },\n        M: {\n          default: \"1lh\",\n          isIndicatorOnly: 8,\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12),\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12),\n        },\n      },\n    },\n    aspectRatio: {\n      isIndicatorOnly: \"square\",\n      isSingleDigit: \"square\",\n    },\n    /* A single-digit badge is square by `aspectRatio` below, but a 10px numeral in a\n     * 17px box is narrower than it is tall at the double-digit rung too — the register\n     * draws `min-width: 17px` so \"1\" and \"12\" sit in the same footprint. Only the drawn\n     * S rung takes it; the rest stay on `aspectRatio` alone. */\n    minWidth: {\n      size: {\n        S: {\n          default: \"[17px]\",\n          isIndicatorOnly: 0,\n        },\n      },\n    },\n    width: \"max\",\n    paddingX: {\n      isDoubleDigit: \"edge-to-text\",\n    },\n    borderRadius: \"pill\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function NotificationBadge(props: NotificationBadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(NotificationBadgeContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as NotificationBadgeContextProps;\n  const [local] = splitProps(merged, [\n    \"value\",\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"staticColor\",\n    \"isDisabled\",\n    \"slot\",\n    \"ref\",\n    \"aria-label\",\n  ]);\n  const locale = useLocale();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const size = () => local.size ?? \"S\";\n  const value = () => local.value;\n\n  const formattedValue = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return \"\";\n    }\n\n    if (currentValue <= 0) {\n      throw new Error(\"Value cannot be negative or zero\");\n    }\n\n    if (!Number.isInteger(currentValue)) {\n      throw new Error(\"Value must be a positive integer\");\n    }\n\n    const cappedValue = Math.min(currentValue, 99);\n    const formatted = new Intl.NumberFormat(locale().locale).format(cappedValue);\n    return currentValue > 99\n      ? stringFormatter().format(\"notificationbadge.plus\", { notifications: formatted })\n      : formatted;\n  });\n\n  const digitCount = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return 0;\n    }\n\n    return String(Math.min(currentValue, 99)).length;\n  });\n\n  const ariaLabel = () =>\n    local[\"aria-label\"] ??\n    (value() == null ? stringFormatter().format(\"notificationbadge.indicatorOnly\") : undefined);\n  const mergedUnsafeClassName = () =>\n    [contextProps?.UNSAFE_className, props.UNSAFE_className].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <span\n      {...(filterDOMProps(merged, {\n        labelable: true,\n      }) as JSX.HTMLAttributes<HTMLSpanElement>)}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n        props.ref,\n      )}\n      role={ariaLabel() ? \"img\" : undefined}\n      aria-label={ariaLabel()}\n      class={[\n        mergedUnsafeClassName(),\n        notificationBadge(\n          {\n            size: size(),\n            isIndicatorOnly: value() == null,\n            isSingleDigit: digitCount() === 1,\n            isDoubleDigit: digitCount() === 2,\n            isDisabled: local.isDisabled,\n            isStaticColor: !!local.staticColor,\n          },\n          mergeContextStyles(contextProps?.styles, props.styles),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style)}\n    >\n      {formattedValue()}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,2BACX,cAAmE,IAAA;AAErE,MAAM,oBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGN,SAAgB,kBAAkB,OAAoC;CACpE,MAAM,eAAe,uBAAuB,WAAW,wBAAA,GAA2B,MAAM,IAAI;CAC5F,MAAM,SAAS,aAAW,gBAAgB,CAAC,GAAG,KAAA;CAC9C,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,SAAS,UAAA;CACf,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,cAAc,MAAM;CAE1B,MAAM,iBAAiB,iBAAW;EAChC,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,IAAI,gBAAgB,GAClB,MAAM,IAAI,MAAM,kCAAA;EAGlB,IAAI,CAAC,OAAO,UAAU,YAAA,GACpB,MAAM,IAAI,MAAM,kCAAA;EAGlB,MAAM,cAAc,KAAK,IAAI,cAAc,EAAA;EAC3C,MAAM,YAAY,IAAI,KAAK,aAAa,OAAA,CAAA,CAAS,MAAM,CAAA,CAAE,OAAO,WAAA;EAChE,OAAO,eAAe,KAClB,gBAAA,CAAA,CAAkB,OAAO,0BAA0B,EAAE,eAAe,UAAU,CAAA,IAC9E;CACN,CAAA;CAEA,MAAM,aAAa,iBAAW;EAC5B,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,OAAO,OAAO,KAAK,IAAI,cAAc,EAAA,CAAA,CAAA,CAAK;CAC5C,CAAA;CAEA,MAAM,kBACJ,MAAM,kBACL,MAAA,KAAW,OAAO,gBAAA,CAAA,CAAkB,OAAO,iCAAA,IAAqC,KAAA;CACnF,MAAM,8BACJ,CAAC,cAAc,kBAAkB,MAAM,gBAAiB,CAAA,CAAC,OAAO,OAAA,CAAA,CAAS,KAAK,GAAA,KAAQ,KAAA;CAEjF,IAAA,OAAA,eAAA,MA8BH;CAzBA,IAAA,QAAK,iBACF,cAA4D,KAC7D,MAAM,GAAG;CAFX,CAAA,OAAA,UAAA,cAAA,MAAA,QAAA,KAEW,MAFX,UAAA;;CAEW,GAFX,IAEW;CANZ,OAAA,MAAA,OAAA;EACM,OAAA,eAAe,QAAQ,EAC1B,WAAW,KACb,CAAA;CAA0C,GAAA;EAK1C,IAAA,OAAA;GAAM,OAAA,UAAA,IAAc,QAAQ,KAAA;EAAA;EAC5B,IAAA,eAAA;GAAY,OAAA,UAAA;EAAA;EACZ,IAAA,UAAA;GAAO,OAAA,CACL,sBAAA,GACA,kBACE;IACE,MAAM,KAAA;IACN,iBAAiB,MAAA,KAAW;IAC5B,eAAe,WAAA,MAAiB;IAChC,eAAe,WAAA,MAAiB;IAChC,YAAY,MAAM;IAClB,eAAe,CAAC,CAAC,MAAM;GACzB,GACA,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CAAA,CAExD,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;EAAA;EACR,IAAA,QAAA;GAAO,OAAA,wBAAwB,cAAc,cAAc,MAAM,YAAY;EAAA;;CA3B1E,OAAA,MA6BH,YAAA;EAAC,OAAA,eAAA;CACD,CAAA,CAAA;CA9BG,mBA8BH;CA9BJ,OAAO;AAgCT"}

package/dist/notificationbadge/index.jsx

@@ -1,75 +1,110 @@
+/*
+* Copyright 2025 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/NotificationBadge.tsx
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "../_chunk/spectrum-context.jsx";
 import { t as s2IntlStrings } from "../_chunk/intl.jsx";
-import { createContext, createMemo, mergeProps, splitProps, useContext } from "solid-js";
-import { createStringFormatter, filterDOMProps, useLocale } from "@proyecto-viviana/solidaria";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createStringFormatter, filterDOMProps, mergeProps as mergeProps$1, useLocale } from "@proyecto-viviana/solidaria";
 //#region src/notificationbadge/index.tsx
 const NotificationBadgeContext = createContext(null);
 const notificationBadge = function anonymous(props, overrides) {
 	let rules = " ";
+	let minWidth = false;
 	let width = false;
 	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
 	for (let p of matches) {
+		if (p[1] === "N") minWidth = true;
 		if (p[1] === "Z") width = true;
 		rules += p[0];
 	}
-	if (props.isDisabled) rules += " sk151";
-	else rules += " sd151";
-	rules += " uxe7h4151";
+	if (props.isDisabled) rules += " sk17";
+	else rules += " sd17";
+	rules += " uiWD3ad17";
+	rules += " ucJ9TBTb17";
+	rules += " ud3Euai17";
+	rules += " uea17";
+	rules += " ugb17";
+	rules += " uhd17";
+	rules += " uje17";
+	rules += " u2NhKxcl17";
+	rules += " uic17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "M") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
+	} else if (props.size === "S") rules += " vIWpurc17";
+	rules += " xd17";
+	rules += " _xa17";
+	rules += " xX0cczbc17";
+	rules += " _xX0cczba17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.isStaticColor) rules += " ph17";
+	else rules += " pLCmSLe17";
+	rules += " plb17";
+	rules += " _oa17";
+	rules += " _jf17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	if (props.isStaticColor) rules += " irEUjy17";
+	else rules += " ihtKvMe17";
+	rules += " ila17";
+	rules += " _Ca17";
+	rules += " eb17";
+	rules += " gqMFGYc17";
+	rules += " FRuFGYc17";
+	if (props.isSingleDigit) rules += " fa17";
+	else if (props.isIndicatorOnly) rules += " fa17";
+	if (props.size === "S") {
+		if (props.isIndicatorOnly) {
+			if (!minWidth) rules += " Na17";
+		} else if (!minWidth) rules += " NFVrurc17";
+	}
+	if (!width) rules += " ZK17";
+	if (props.isDoubleDigit) rules += " Sv17";
+	if (props.isDoubleDigit) rules += " Rv17";
+	rules += " oh17";
+	rules += " nh17";
+	rules += " kh17";
+	rules += " jh17";
+	if (props.isStaticColor) rules += " -g_-g_c17";
+	else rules += " -g_-ghtKvMe17";
+	rules += " -g_-lgb17";
+	if (props.size === "XL") {
+		if (props.isIndicatorOnly) rules += " -F_-Fspvr8c17";
+		else rules += " -F_-Fm17";
+	} else if (props.size === "L") {
+		if (props.isIndicatorOnly) rules += " -F_-Fspvr8c17";
+		else rules += " -F_-Ft17";
+	} else if (props.size === "M") {
+		if (props.isIndicatorOnly) rules += " -F_-Fi17";
+		else rules += " -F_-FObNfn17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		if (props.isIndicatorOnly) rules += " -F_-Fi17";
+		else rules += " -F_-FFVrurc17";
 	}
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	if (props.isStaticColor) rules += " ph151";
-	else rules += " px151";
-	rules += " plb151";
-	rules += " _jlf151";
-	rules += " _klb151";
-	rules += " hlb151";
-	rules += " mlb151";
-	rules += " llb151";
-	rules += " ila151";
-	rules += " _Ca151";
-	rules += " eb151";
-	rules += " gqMFGYc151";
-	rules += " FRuFGYc151";
-	if (props.isSingleDigit) rules += " fa151";
-	else if (props.isIndicatorOnly) rules += " fa151";
-	if (!width) rules += " ZK151";
-	if (props.isDoubleDigit) rules += " Sv151";
-	if (props.isDoubleDigit) rules += " Rv151";
-	rules += " oh151";
-	rules += " nh151";
-	rules += " kh151";
-	rules += " jh151";
-	if (props.isStaticColor) rules += " -g_-g_c151";
-	else rules += " -g_-gdeCgNc151";
-	rules += " -g_-lgb151";
-	if (props.size === "XL") if (props.isIndicatorOnly) rules += " -F_-Fspvr8c151";
-	else rules += " -F_-Fm151";
-	else if (props.size === "L") if (props.isIndicatorOnly) rules += " -F_-Fspvr8c151";
-	else rules += " -F_-Ft151";
-	else if (props.size === "M") if (props.isIndicatorOnly) rules += " -F_-Fi151";
-	else rules += " -F_-FLb8KJ151";
-	else if (props.size === "S") if (props.isIndicatorOnly) rules += " -F_-Fi151";
-	else rules += " -F_-Fk151";
 	return rules;
 };
 function NotificationBadge(props) {
 	const contextProps = getSlottedContextProps(useContext(NotificationBadgeContext), props.slot);
-	const merged = mergeProps(contextProps ?? {}, props);
+	const merged = mergeProps$1(contextProps ?? {}, props);
 	const [local] = splitProps(merged, [
 		"value",
 		"size",

package/dist/notificationbadge/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/notificationbadge/index.tsx"],"sourcesContent":["import { type JSX, createContext, createMemo, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createStringFormatter, filterDOMProps, useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2IntlStrings } from \"../intl\";\n\nexport interface NotificationBadgeProps {\n  /** The value to display in the notification badge. */\n  value?: number | null;\n  /** The size of the notification badge. @default 'S' */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\ninterface NotificationBadgeContextProps extends NotificationBadgeProps {\n  /** Static color inherited from a surrounding component. */\n  staticColor?: \"black\" | \"white\" | \"auto\";\n  /** Whether the owning control is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const NotificationBadgeContext =\n  createContext<SpectrumContextValue<NotificationBadgeContextProps>>(null);\n\nconst notificationBadge = style(\n  {\n    display: {\n      default: \"flex\",\n      isDisabled: \"none\",\n    },\n    font: \"ui\",\n    color: {\n      default: \"white\",\n      isStaticColor: \"auto\",\n      forcedColors: \"ButtonText\",\n    },\n    fontSize: {\n      size: {\n        S: \"ui-xs\",\n        M: \"ui-xs\",\n        L: \"ui-sm\",\n        XL: \"ui\",\n      },\n    },\n    borderStyle: {\n      forcedColors: \"solid\",\n    },\n    borderWidth: {\n      forcedColors: \"[1px]\",\n    },\n    borderColor: {\n      forcedColors: \"ButtonBorder\",\n    },\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: {\n      default: \"accent\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonFace\",\n    },\n    height: {\n      size: {\n        S: {\n          default: 12,\n          isIndicatorOnly: 8,\n        },\n        M: {\n          default: fontRelative(18),\n          isIndicatorOnly: 8,\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12),\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12),\n        },\n      },\n    },\n    aspectRatio: {\n      isIndicatorOnly: \"square\",\n      isSingleDigit: \"square\",\n    },\n    width: \"max\",\n    paddingX: {\n      isDoubleDigit: \"edge-to-text\",\n    },\n    borderRadius: \"pill\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function NotificationBadge(props: NotificationBadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(NotificationBadgeContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as NotificationBadgeContextProps;\n  const [local] = splitProps(merged, [\n    \"value\",\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"staticColor\",\n    \"isDisabled\",\n    \"slot\",\n    \"ref\",\n    \"aria-label\",\n  ]);\n  const locale = useLocale();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const size = () => local.size ?? \"S\";\n  const value = () => local.value;\n\n  const formattedValue = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return \"\";\n    }\n\n    if (currentValue <= 0) {\n      throw new Error(\"Value cannot be negative or zero\");\n    }\n\n    if (!Number.isInteger(currentValue)) {\n      throw new Error(\"Value must be a positive integer\");\n    }\n\n    const cappedValue = Math.min(currentValue, 99);\n    const formatted = new Intl.NumberFormat(locale().locale).format(cappedValue);\n    return currentValue > 99\n      ? stringFormatter().format(\"notificationbadge.plus\", { notifications: formatted })\n      : formatted;\n  });\n\n  const digitCount = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return 0;\n    }\n\n    return String(Math.min(currentValue, 99)).length;\n  });\n\n  const ariaLabel = () =>\n    local[\"aria-label\"] ??\n    (value() == null ? stringFormatter().format(\"notificationbadge.indicatorOnly\") : undefined);\n  const mergedUnsafeClassName = () =>\n    [contextProps?.UNSAFE_className, props.UNSAFE_className].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <span\n      {...(filterDOMProps(merged, {\n        labelable: true,\n      }) as JSX.HTMLAttributes<HTMLSpanElement>)}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n        props.ref,\n      )}\n      role={ariaLabel() ? \"img\" : undefined}\n      aria-label={ariaLabel()}\n      class={[\n        mergedUnsafeClassName(),\n        notificationBadge(\n          {\n            size: size(),\n            isIndicatorOnly: value() == null,\n            isSingleDigit: digitCount() === 1,\n            isDoubleDigit: digitCount() === 2,\n            isDisabled: local.isDisabled,\n            isStaticColor: !!local.staticColor,\n          },\n          mergeContextStyles(contextProps?.styles, props.styles),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style)}\n    >\n      {formattedValue()}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAyBA,MAAM,2BAAkC,cAAoB,IAAA;AAC5D,MAAE,oBAAmB,SAAa,UAAA,OAAA,WAAA;CAC9B,IAAG,QAAM;CACX,IAAM,QAAQ;CACd,IAAM,UAAQ,OAAA,aAAgB,EAAA,EAAA,SAAA,+EAAA;CAC7B,KAAK,IAAK,KAAI,SAAM;EACf,IAAA,EAAA,OAAa,KAAC,QAAM;EACpB,SAAA,EAAW;CAChB;CACA,IAAK,MAAM,YACd,SAAA;MAEA,SAAU;CAER,SAAW;CACT,IAAE,MAAQ,SAAI,MAAO;EACvB,SAAa;EACf,SAAA;;EAEO,SAAM;EACX,SAAc;;EAEV,SAAA;EACJ,SAAA;CACE,OAAO,IAAE,MAAA,SAAA,KAAA;EACP,SAAU;EACV,SAAW;CACb;CACA,SAAS;CACT,SAAO;CACP,SAAS;CACT,SAAE;CACF,IAAE,MAAA,eACD,SAAA;MAEC,SAAM;CAER,SAAQ;CACR,SAAQ;CACR,SAAS;CACT,SAAG;CACH,SAAC;CACD,SAAA;CACA,SAAE;CACF,SAAC;CACD,SAAA;CACA,SAAE;CACF,SAAC;CACD,IAAA,MAAA,eACE,SAAA;MACD,IAAA,MAAA,iBACD,SAAA;CAEA,IAAA,CAAA,OAAA,SAAiB;CACjB,IAAE,MAAQ,eACR,SAAA;CAEF,IAAC,MAAA,eACD,SAAQ;CAER,SAAO;CACP,SAAM;CACN,SAAM;CACN,SAAK;CACL,IAAI,MAAG,eACH,SAAS;MAET,SAAC;CAEL,SAAM;CACN,IAAI,MAAE,SAAA,MACF,IAAC,MAAA,iBACG,SAAA;MAEF,SAAA;MAEH,IAAA,MAAA,SAAA,KACF,IAAA,MAAA,iBACD,SAAa;MAEX,SAAe;MAEV,IAAI,MAAC,SAAA,KACZ,IAAQ,MAAE,iBACR,SAAe;MAEjB,SAAe;MAEjB,IAAA,MAAmB,SAAE,KACtB,IAAA,MAAA,iBAAA,SAAA;MAGO,SAAa;CAGjB,OAAO;AACX;AACA,SAAY,kBAAA,OAAA;CACR,MAAC,eAAiB,uBAAA,WAAA,wBAAA,GAAA,MAAA,IAAA;CAClB,MAAC,SAAa,WAAA,gBAAA,CAAA,GAAA,KAAA;CACd,MAAC,CAAA,SAAY,WAAA,QAAA;EACZ;EACA;EACG;EACH;EACD;EACI;EACA;EACA;EACA;;CAEN,CAAA;CACE,MAAM,SAAA,UAAe;CACrB,MAAI,kBAAoB,sBAAE,eAAA,oBAAA;CAC1B,MAAE,aAAS,MAAA,QAAA;CACX,MAAA,cAAA,MAAA;;EAEI,MAAA,eAAmB,MAAA;EACrB,IAAM,gBAAgB,MACxB,OAAA;EAEI,IAAC,gBAAiB,GACd,MAAI,IAAM,MAAM,kCAA6B;uCAG/C,MAAA,IAAY,MAAM,kCAAsB;EAE9C,MAAO,cAAe,KAAA,IAAA,cAAA,EAAA;EAClB,MAAA,YAAkB,IAAA,KAAQ,aAAA,OAAkB,EAAK,MAAI,EAAA,OAAA,WAAe;EACpE,OAAA,eAAS,KAAA,gBAAA,EAAA,OAAA,0BAAA,EACb,eAAA,UAAA,CAAA,IAAA;CAEF,CAAA;CACE,MAAM,aAAa,iBAAS;EACxB,MAAA,eAAqB,MAAC;EACxB,IAAM,gBAAE,MACV,OAAA;EAEA,OAAO,OAAW,KAAK,IAAA,cAAkB,EAAC,CAAA,EAAA;CAC1C,CAAA;;CAEF,MAAM,8BAAgB,CACb,cAAc,kBACb,MAAI,gBACR,EAAA,OAAA,OAAA,EAAA,KAAuB,GAAG,KAAE,KAAA;CAChC,OAAC,CAAA,SAAc,eAAkB,QAAM,EAAA,WAAA,KAEzC,CAAA,GAAO,KAAA,iBAAA,cAEE,KAAA,MAAe,GAAA,GAAM,MAAE,UAAA,IAAA,QAAA,KAAA,GAAA,YAAA,UAAA,GAAA,OAAA,CAC1B,sBAAe,GACf,kBAAQ;EACL,MAAA,KAAA;EACF,iBAAkB,MAAM,KAAO;EAChC,eAAS,WAAA,MAAA;EACV,eAAA,WAAA,MAAA;EACK,YAAY,MAAM;EACnB,eAAgB,CAAC,CAAC,MAAA;CACvB,GAAK,mBAAE,cAAA,QAAA,MAAA,MAAA,CAAA,CACT,EAAE,OAAE,OAAA,EAAA,KAAA,GAAsB,GAAC,OAAA,wBAAA,cAAA,cAAA,MAAA,YAAA,GAAA;OACxB,eAAC,EAAA;IACJ,EAAE;AACN"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/notificationbadge/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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/NotificationBadge.tsx\n\n// Port of packages/@react-spectrum/s2/src/NotificationBadge.tsx.\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  mergeProps,\n  createStringFormatter,\n  filterDOMProps,\n  useLocale,\n} from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2IntlStrings } from \"../intl\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface NotificationBadgeProps {\n  /** The value to display in the notification badge. */\n  value?: number | null;\n  /** The size of the notification badge. @default 'S' */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLSpanElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  [key: `data-${string}`]: string | undefined;\n}\n\ninterface NotificationBadgeContextProps extends NotificationBadgeProps {\n  /** Static color inherited from a surrounding component. */\n  staticColor?: \"black\" | \"white\" | \"auto\";\n  /** Whether the owning control is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const NotificationBadgeContext =\n  createContext<SpectrumContextValue<NotificationBadgeContextProps>>(null);\n\nconst notificationBadge = style(\n  {\n    display: {\n      default: \"flex\",\n      isDisabled: \"none\",\n    },\n    font: \"ui\",\n    /* The register sets a notification count in the PIXEL face, not the UI face: the\n     * count on the icon-rail bell is `--font-display` 10px/700 (TerminalGlassLab.tsx\n     * §01). It is the one numeral in the chrome that is meant to read as a stamp\n     * rather than as text, which is exactly the role `fontFamily: \"display\"` carries\n     * in this package. Declared after `font: \"ui\"` so it overrides only the family\n     * and weight that shorthand established. */\n    fontFamily: \"display\",\n    fontWeight: \"bold\",\n    color: {\n      /* Fuchsia is the register's ASK colour, and a notification count is an ask —\n       * DECISIONS lists NotificationBadge as the one non-`create` surface that keeps\n       * it (it counts as *notification*, not a second CTA). Ink is the create pair's\n       * own ink so the contrast holds in both schemes without a per-scheme value here. */\n      default: \"create-ink\",\n      isStaticColor: \"auto\",\n      forcedColors: \"ButtonText\",\n    },\n    fontSize: {\n      size: {\n        /* 10px flat at S, the rung the handoff draws. The other three keep the shared\n         * ui ramp rather than acquiring three invented px values. */\n        S: \"[10px]\",\n        M: \"ui-xs\",\n        L: \"ui-sm\",\n        XL: \"ui\",\n      },\n    },\n    /* The badge rim is not a forced-colors-only affordance any more: the register\n     * draws a 1px `--accent-create-border` around the fuchsia stamp so it separates\n     * from whatever icon it overlaps. `boxSizing: border-box` keeps that rim inside\n     * the 17px box below instead of growing it to 19px. */\n    boxSizing: \"border-box\",\n    borderStyle: \"solid\",\n    borderWidth: \"[1px]\",\n    borderColor: {\n      default: \"create-border\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonBorder\",\n    },\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: {\n      default: \"create-bg\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"ButtonFace\",\n    },\n    height: {\n      size: {\n        /* 17px, the handoff's own badge box (§01 icon rail). 12px was Spectrum's S\n         * rung and could not hold a 10px pixel numeral with a 1px rim. Only the drawn\n         * rung moves; the indicator-only dot stays 8px. */\n        S: {\n          default: \"[17px]\",\n          isIndicatorOnly: 8,\n        },\n        M: {\n          default: \"1lh\",\n          isIndicatorOnly: 8,\n        },\n        L: {\n          default: 16,\n          isIndicatorOnly: fontRelative(12),\n        },\n        XL: {\n          default: 18,\n          isIndicatorOnly: fontRelative(12),\n        },\n      },\n    },\n    aspectRatio: {\n      isIndicatorOnly: \"square\",\n      isSingleDigit: \"square\",\n    },\n    /* A single-digit badge is square by `aspectRatio` below, but a 10px numeral in a\n     * 17px box is narrower than it is tall at the double-digit rung too — the register\n     * draws `min-width: 17px` so \"1\" and \"12\" sit in the same footprint. Only the drawn\n     * S rung takes it; the rest stay on `aspectRatio` alone. */\n    minWidth: {\n      size: {\n        S: {\n          default: \"[17px]\",\n          isIndicatorOnly: 0,\n        },\n      },\n    },\n    width: \"max\",\n    paddingX: {\n      isDoubleDigit: \"edge-to-text\",\n    },\n    borderRadius: \"pill\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function NotificationBadge(props: NotificationBadgeProps): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(NotificationBadgeContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props) as NotificationBadgeContextProps;\n  const [local] = splitProps(merged, [\n    \"value\",\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"staticColor\",\n    \"isDisabled\",\n    \"slot\",\n    \"ref\",\n    \"aria-label\",\n  ]);\n  const locale = useLocale();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const size = () => local.size ?? \"S\";\n  const value = () => local.value;\n\n  const formattedValue = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return \"\";\n    }\n\n    if (currentValue <= 0) {\n      throw new Error(\"Value cannot be negative or zero\");\n    }\n\n    if (!Number.isInteger(currentValue)) {\n      throw new Error(\"Value must be a positive integer\");\n    }\n\n    const cappedValue = Math.min(currentValue, 99);\n    const formatted = new Intl.NumberFormat(locale().locale).format(cappedValue);\n    return currentValue > 99\n      ? stringFormatter().format(\"notificationbadge.plus\", { notifications: formatted })\n      : formatted;\n  });\n\n  const digitCount = createMemo(() => {\n    const currentValue = value();\n    if (currentValue == null) {\n      return 0;\n    }\n\n    return String(Math.min(currentValue, 99)).length;\n  });\n\n  const ariaLabel = () =>\n    local[\"aria-label\"] ??\n    (value() == null ? stringFormatter().format(\"notificationbadge.indicatorOnly\") : undefined);\n  const mergedUnsafeClassName = () =>\n    [contextProps?.UNSAFE_className, props.UNSAFE_className].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <span\n      {...(filterDOMProps(merged, {\n        labelable: true,\n      }) as JSX.HTMLAttributes<HTMLSpanElement>)}\n      ref={mergeContextRefs(\n        (contextProps as { ref?: RefLike<HTMLSpanElement> } | null)?.ref,\n        props.ref,\n      )}\n      role={ariaLabel() ? \"img\" : undefined}\n      aria-label={ariaLabel()}\n      class={[\n        mergedUnsafeClassName(),\n        notificationBadge(\n          {\n            size: size(),\n            isIndicatorOnly: value() == null,\n            isSingleDigit: digitCount() === 1,\n            isDoubleDigit: digitCount() === 2,\n            isDisabled: local.isDisabled,\n            isStaticColor: !!local.staticColor,\n          },\n          mergeContextStyles(contextProps?.styles, props.styles),\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style)}\n    >\n      {formattedValue()}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,MAAa,2BACX,cAAmE,IAAA;AAErE,MAAM,oBAAA,SAAA,UAAA,OAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGN,SAAgB,kBAAkB,OAAoC;CACpE,MAAM,eAAe,uBAAuB,WAAW,wBAAA,GAA2B,MAAM,IAAI;CAC5F,MAAM,SAAS,aAAW,gBAAgB,CAAC,GAAG,KAAA;CAC9C,MAAM,CAAC,SAAS,WAAW,QAAQ;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,SAAS,UAAA;CACf,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,aAAa,MAAM,QAAQ;CACjC,MAAM,cAAc,MAAM;CAE1B,MAAM,iBAAiB,iBAAW;EAChC,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,IAAI,gBAAgB,GAClB,MAAM,IAAI,MAAM,kCAAA;EAGlB,IAAI,CAAC,OAAO,UAAU,YAAA,GACpB,MAAM,IAAI,MAAM,kCAAA;EAGlB,MAAM,cAAc,KAAK,IAAI,cAAc,EAAA;EAC3C,MAAM,YAAY,IAAI,KAAK,aAAa,OAAA,CAAA,CAAS,MAAM,CAAA,CAAE,OAAO,WAAA;EAChE,OAAO,eAAe,KAClB,gBAAA,CAAA,CAAkB,OAAO,0BAA0B,EAAE,eAAe,UAAU,CAAA,IAC9E;CACN,CAAA;CAEA,MAAM,aAAa,iBAAW;EAC5B,MAAM,eAAe,MAAA;EACrB,IAAI,gBAAgB,MAClB,OAAO;EAGT,OAAO,OAAO,KAAK,IAAI,cAAc,EAAA,CAAA,CAAA,CAAK;CAC5C,CAAA;CAEA,MAAM,kBACJ,MAAM,kBACL,MAAA,KAAW,OAAO,gBAAA,CAAA,CAAkB,OAAO,iCAAA,IAAqC,KAAA;CACnF,MAAM,8BACJ,CAAC,cAAc,kBAAkB,MAAM,gBAAiB,CAAA,CAAC,OAAO,OAAA,CAAA,CAAS,KAAK,GAAA,KAAQ,KAAA;CAExF,OAAO,CACJ,SACM,eAAe,QAAQ,EAC1B,WAAW,KACb,CAAA,GACA,KAAK,iBACF,cAA4D,KAC7D,MAAM,GAAG,GAEX,MAAM,UAAA,IAAc,QAAQ,KAAA,GAC5B,YAAY,UAAA,GACZ,OAAO,CACL,sBAAA,GACA,kBACE;EACE,MAAM,KAAA;EACN,iBAAiB,MAAA,KAAW;EAC5B,eAAe,WAAA,MAAiB;EAChC,eAAe,WAAA,MAAiB;EAChC,YAAY,MAAM;EAClB,eAAe,CAAC,CAAC,MAAM;CACzB,GACA,mBAAmB,cAAc,QAAQ,MAAM,MAAM,CAAA,CAExD,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA,GACR,OAAO,wBAAwB,cAAc,cAAc,MAAM,YAAY,GAC9E;OACE,eAAA,EAAiB;IACpB,EAAE;AAEN"}

package/dist/numberfield/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type NumberFieldProps as HeadlessNumberFieldProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import { type SpectrumContextValue } from "../button/spectrum-context";

package/dist/numberfield/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/numberfield/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAClB,OAAO,EAQL,KAAK,gBAAgB,IAAI,wBAAwB,EAIlD,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiB5C,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAErD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,wBAAwB,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CACzC;IACC,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,sCAAsC;IACtC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,iDAAiD;IACjD,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AAyU9F;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAgNhE;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/numberfield/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAQL,KAAK,gBAAgB,IAAI,wBAAwB,EAIlD,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAkB5C,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAI/F,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAErD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,wBAAwB,EACxB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CACzC;IACC,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,sCAAsC;IACtC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;IACnD,iDAAiD;IACjD,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,oEAA8D,CAAC;AAoQ9F;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkNhE;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/overlays/Modal.d.ts

@@ -1,4 +1,18 @@
-import { type JSX } from "solid-js";
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Modal.tsx
+
+import type { JSX } from "@solidjs/web";
 import { type ModalOverlayProps as HeadlessModalOverlayProps } from "@proyecto-viviana/solidaria-components";
 export type ModalSize = "sm" | "md" | "lg" | "fullscreen";
 export interface StyledModalProps extends Omit<HeadlessModalOverlayProps, "class"> {

package/dist/overlays/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlays/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAGL,KAAK,iBAAiB,IAAI,yBAAyB,EACpD,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC;IAChF,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAiCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAYhE"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlays/Modal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAGL,KAAK,iBAAiB,IAAI,yBAAyB,EACpD,MAAM,wCAAwC,CAAC;AAIhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC;IAChF,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAiCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAYhE"}

package/dist/overlays/OpenTransition.d.ts

@@ -1,4 +1,18 @@
-import { type JSX } from "solid-js";
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/overlays/OpenTransition.tsx
+
+import type { JSX } from "@solidjs/web";
 export interface OpenTransitionProps {
     /** Whether the content is open/visible. */
     open: boolean;

package/dist/overlays/OpenTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenTransition.d.ts","sourceRoot":"","sources":["../../src/overlays/OpenTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAoDtE"}
+{"version":3,"file":"OpenTransition.d.ts","sourceRoot":"","sources":["../../src/overlays/OpenTransition.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAmDtE"}

package/dist/overlays/Overlay.d.ts

@@ -1,4 +1,18 @@
-import { type JSX } from "solid-js";
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/overlays/Overlay.tsx
+
+import type { JSX } from "@solidjs/web";
 export interface OverlayProps {
     /** Whether the overlay is currently open. */
     isOpen?: boolean;

package/dist/overlays/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAItD,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAexD"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/overlays/Overlay.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAexD"}

package/dist/overlays/Tray.d.ts

@@ -1,4 +1,18 @@
-import { type JSX } from "solid-js";
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/overlays/Tray.tsx
+
+import type { JSX } from "@solidjs/web";
 import { type ModalOverlayProps as HeadlessModalOverlayProps } from "@proyecto-viviana/solidaria-components";
 export interface TrayProps extends Omit<HeadlessModalOverlayProps, "class"> {
     /** Additional CSS class name. */

package/dist/overlays/Tray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tray.d.ts","sourceRoot":"","sources":["../../src/overlays/Tray.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAGL,KAAK,iBAAiB,IAAI,yBAAyB,EACpD,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC;IACzE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AA2CD;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAWlD"}
+{"version":3,"file":"Tray.d.ts","sourceRoot":"","sources":["../../src/overlays/Tray.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAGL,KAAK,iBAAiB,IAAI,yBAAyB,EACpD,MAAM,wCAAwC,CAAC;AAIhD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC;IACzE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AA2CD;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAWlD"}

package/dist/picker/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ListBoxSectionProps as HeadlessListBoxSectionProps, type SelectProps as HeadlessSelectProps, type SelectOptionProps as HeadlessSelectOptionProps } from "@proyecto-viviana/solidaria-components";
 import type { Key } from "@proyecto-viviana/solid-stately";
 import type { StyleString } from "../style";

package/dist/picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/picker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/picker/index.tsx"],"names":[],"mappings":"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"}