@proyecto-viviana/ui 0.5.0 → 0.6.1

package/dist/notificationbadge/index.jsx

@@ -0,0 +1,119 @@
+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";
+//#region src/notificationbadge/index.tsx
+const NotificationBadgeContext = createContext(null);
+const notificationBadge = function anonymous(props, overrides) {
+	let rules = " ";
+	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] === "Z") width = true;
+		rules += p[0];
+	}
+	if (props.isDisabled) rules += " sk151";
+	else rules += " sd151";
+	rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "M") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	}
+	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 [local] = splitProps(merged, [
+		"value",
+		"size",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"staticColor",
+		"isDisabled",
+		"slot",
+		"ref",
+		"aria-label"
+	]);
+	const locale = useLocale();
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
+	const size = () => local.size ?? "S";
+	const value = () => local.value;
+	const formattedValue = createMemo(() => {
+		const currentValue = value();
+		if (currentValue == null) return "";
+		if (currentValue <= 0) throw new Error("Value cannot be negative or zero");
+		if (!Number.isInteger(currentValue)) throw new Error("Value must be a positive integer");
+		const cappedValue = Math.min(currentValue, 99);
+		const formatted = new Intl.NumberFormat(locale().locale).format(cappedValue);
+		return currentValue > 99 ? stringFormatter().format("notificationbadge.plus", { notifications: formatted }) : formatted;
+	});
+	const digitCount = createMemo(() => {
+		const currentValue = value();
+		if (currentValue == null) return 0;
+		return String(Math.min(currentValue, 99)).length;
+	});
+	const ariaLabel = () => local["aria-label"] ?? (value() == null ? stringFormatter().format("notificationbadge.indicatorOnly") : void 0);
+	const mergedUnsafeClassName = () => [contextProps?.UNSAFE_className, props.UNSAFE_className].filter(Boolean).join(" ") || void 0;
+	return <span {...filterDOMProps(merged, { labelable: true })} ref={mergeContextRefs(contextProps?.ref, props.ref)} role={ariaLabel() ? "img" : void 0} aria-label={ariaLabel()} class={[mergedUnsafeClassName(), notificationBadge({
+		size: size(),
+		isIndicatorOnly: value() == null,
+		isSingleDigit: digitCount() === 1,
+		isDoubleDigit: digitCount() === 2,
+		isDisabled: local.isDisabled,
+		isStaticColor: !!local.staticColor
+	}, mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ")} style={mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style)}>
+      {formattedValue()}
+    </span>;
+}
+//#endregion
+export { NotificationBadge, NotificationBadgeContext };
+
+//# sourceMappingURL=index.jsx.map

package/dist/notificationbadge/index.jsx.map

@@ -0,0 +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":"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"}

package/dist/numberfield/index.d.ts

@@ -0,0 +1,43 @@
+import { type JSX } from "solid-js";
+import { type NumberFieldProps as HeadlessNumberFieldProps } from "@proyecto-viviana/solidaria-components";
+import type { StyleString } from "../style";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+export type NumberFieldSize = "S" | "M" | "L" | "XL";
+export type NumberFieldLabelPosition = "top" | "side";
+export type NumberFieldLabelAlign = "start" | "end";
+export type NumberFieldNecessityIndicator = "icon" | "label";
+export interface NumberFieldProps extends Omit<HeadlessNumberFieldProps, "class" | "style" | "children" | "label"> {
+    /** The size of the number field. */
+    size?: NumberFieldSize;
+    /** Spectrum-defined generated classes. */
+    styles?: StyleString;
+    /** Additional CSS class name. Use only as a last resort. */
+    UNSAFE_className?: string;
+    /** Additional inline styles. Use only as a last resort. */
+    UNSAFE_style?: JSX.CSSProperties;
+    /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */
+    class?: string;
+    /** Label text for the input. */
+    label?: JSX.Element;
+    /** Description text shown below the input. */
+    description?: JSX.Element;
+    /** Error message shown when invalid. */
+    errorMessage?: JSX.Element;
+    /** Whether to hide the stepper buttons. */
+    hideStepper?: boolean;
+    /** Position of the label relative to the input. */
+    labelPosition?: NumberFieldLabelPosition;
+    /** Text alignment for side labels. */
+    labelAlign?: NumberFieldLabelAlign;
+    /** Whether required fields show an icon or text label. */
+    necessityIndicator?: NumberFieldNecessityIndicator;
+    /** An icon or text rendered before the input. */
+    prefix?: JSX.Element;
+}
+export declare const NumberFieldContext: import("solid-js").Context<SpectrumContextValue<NumberFieldProps>>;
+/**
+ * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.
+ */
+export declare function NumberField(props: NumberFieldProps): JSX.Element;
+export type { NumberFieldState } from "@proyecto-viviana/solid-stately";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/numberfield/index.js

@@ -0,0 +1,2 @@
+import { n as NumberFieldContext, t as NumberField } from "../_chunk/numberfield.js";
+export { NumberField, NumberFieldContext };

package/dist/numberfield/index.jsx

@@ -0,0 +1,2 @@
+import { n as NumberFieldContext, t as NumberField } from "../_chunk/numberfield.jsx";
+export { NumberField, NumberFieldContext };

package/dist/overlays/Modal.d.ts

@@ -0,0 +1,16 @@
+import { type JSX } from "solid-js";
+import { type ModalOverlayProps as HeadlessModalOverlayProps } from "@proyecto-viviana/solidaria-components";
+export type ModalSize = "sm" | "md" | "lg" | "fullscreen";
+export interface StyledModalProps extends Omit<HeadlessModalOverlayProps, "class"> {
+    /** The size of the modal. @default 'md' */
+    size?: ModalSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** The content of the modal. */
+    children?: JSX.Element;
+}
+/**
+ * A styled modal overlay with sizing options.
+ */
+export declare function StyledModal(props: StyledModalProps): JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +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"}

package/dist/overlays/OpenTransition.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+export interface OpenTransitionProps {
+    /** Whether the content is open/visible. */
+    open: boolean;
+    /** The content to apply transitions to. */
+    children: JSX.Element;
+    /** CSS classes for the start of the enter transition. */
+    enterFrom?: string;
+    /** CSS classes for the end of the enter transition. */
+    enterTo?: string;
+    /** CSS classes for the start of the exit transition. */
+    exitFrom?: string;
+    /** CSS classes for the end of the exit transition. */
+    exitTo?: string;
+    /** Transition duration in ms. @default 200 */
+    duration?: number;
+    /** Callback when exit transition completes (useful for overlay unmounting). */
+    onExited?: () => void;
+    /** Additional CSS class always applied. */
+    class?: string;
+}
+/**
+ * A transition utility that applies CSS classes for enter/exit animations.
+ */
+export declare function OpenTransition(props: OpenTransitionProps): JSX.Element;
+//# sourceMappingURL=OpenTransition.d.ts.map

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

@@ -0,0 +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"}

package/dist/overlays/Overlay.d.ts

@@ -0,0 +1,16 @@
+import { type JSX } from "solid-js";
+export interface OverlayProps {
+    /** Whether the overlay is currently open. */
+    isOpen?: boolean;
+    /** The content of the overlay. */
+    children?: JSX.Element;
+    /** Additional CSS class name. */
+    class?: string;
+    /** The container element to render the overlay into. */
+    container?: HTMLElement;
+}
+/**
+ * A generic overlay container that renders content above the page via a portal.
+ */
+export declare function Overlay(props: OverlayProps): JSX.Element;
+//# sourceMappingURL=Overlay.d.ts.map

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

@@ -0,0 +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"}

package/dist/overlays/Tray.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+import { type ModalOverlayProps as HeadlessModalOverlayProps } from "@proyecto-viviana/solidaria-components";
+export interface TrayProps extends Omit<HeadlessModalOverlayProps, "class"> {
+    /** Additional CSS class name. */
+    class?: string;
+    /** The content of the tray. */
+    children?: JSX.Element;
+}
+/**
+ * A bottom-sheet overlay for mobile contexts.
+ */
+export declare function Tray(props: TrayProps): JSX.Element;
+//# sourceMappingURL=Tray.d.ts.map

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

@@ -0,0 +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"}

package/dist/overlays/index.d.ts

@@ -0,0 +1,15 @@
+export { AlertDialog, CloseButton, CustomDialog, Dialog, DialogContainer, DialogFooter, DialogTrigger, FullscreenDialog, useDialogContainer, } from "../dialog";
+export type { AlertDialogProps, AlertDialogVariant, CloseButtonProps, CustomDialogProps, CustomDialogSize, DialogFooterProps, DialogProps, DialogRenderProps, DialogSize, DialogTriggerProps, FullscreenDialogProps, FullscreenDialogVariant, } from "../dialog";
+export { Popover, PopoverTrigger, PopoverHeader, PopoverFooter } from "../popover";
+export type { PopoverProps, PopoverTriggerProps, PopoverHeaderProps, PopoverFooterProps, PopoverPlacement, PopoverSize, PopoverRenderProps, } from "../popover";
+export { Tooltip, TooltipTrigger, SimpleTooltip } from "../tooltip";
+export type { TooltipProps, TooltipTriggerProps, TooltipPlacement, TooltipVariant, SimpleTooltipProps, } from "../tooltip";
+export { StyledModal, StyledModal as Modal } from "./Modal";
+export type { StyledModalProps, ModalSize } from "./Modal";
+export { Overlay } from "./Overlay";
+export type { OverlayProps } from "./Overlay";
+export { Tray } from "./Tray";
+export type { TrayProps } from "./Tray";
+export { OpenTransition } from "./OpenTransition";
+export type { OpenTransitionProps } from "./OpenTransition";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnF,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACpE,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/picker/index.d.ts

@@ -0,0 +1,57 @@
+import { type JSX } from "solid-js";
+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";
+import { type SpectrumContextValue } from "../button/spectrum-context";
+export type PickerSize = "S" | "M" | "L" | "XL";
+export type PickerLabelPosition = "top" | "side";
+export type PickerLabelAlign = "start" | "end";
+export type PickerNecessityIndicator = "icon" | "label";
+export type PickerDirection = "bottom" | "top";
+export type PickerAlign = "start" | "end";
+export type PickerLoadingState = "idle" | "loading" | "loadingMore" | "sorting" | "filtering" | "error";
+export interface PickerProps<T> extends Omit<HeadlessSelectProps<T>, "class" | "style" | "children"> {
+    size?: PickerSize;
+    isQuiet?: boolean;
+    styles?: StyleString;
+    UNSAFE_className?: string;
+    UNSAFE_style?: JSX.CSSProperties;
+    class?: string;
+    label?: JSX.Element;
+    description?: JSX.Element;
+    errorMessage?: JSX.Element;
+    isInvalid?: boolean;
+    labelPosition?: PickerLabelPosition;
+    labelAlign?: PickerLabelAlign;
+    necessityIndicator?: PickerNecessityIndicator;
+    contextualHelp?: JSX.Element;
+    direction?: PickerDirection;
+    align?: PickerAlign;
+    menuWidth?: number;
+    shouldFlip?: boolean;
+    loadingState?: PickerLoadingState;
+    onLoadMore?: () => void | Promise<void>;
+    renderValue?: (selectedItems: T[]) => JSX.Element;
+    children?: JSX.Element | ((item: T) => JSX.Element);
+}
+export interface PickerItemProps<T> extends Omit<HeadlessSelectOptionProps<T>, "class" | "style" | "children"> {
+    children?: JSX.Element;
+    styles?: StyleString;
+    UNSAFE_className?: string;
+    UNSAFE_style?: JSX.CSSProperties;
+    class?: string;
+}
+export declare const PickerContext: import("solid-js").Context<SpectrumContextValue<PickerProps<any>>>;
+export declare function Picker<T>(props: PickerProps<T>): JSX.Element;
+export declare function PickerItem<T>(props: PickerItemProps<T>): JSX.Element;
+export interface PickerSectionProps<T> extends Omit<HeadlessListBoxSectionProps, "style" | "class" | "render"> {
+}
+/**
+ * A section within a `<Picker>`, mirroring React S2's `PickerSection`. Renders a
+ * headless list-box section followed by a size-matched `<Divider>`; the size is
+ * read from the internal picker context.
+ */
+export declare function PickerSection<T>(props: PickerSectionProps<T>): JSX.Element;
+export declare const Item: typeof PickerItem;
+export type { Key };
+//# sourceMappingURL=index.d.ts.map

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

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