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

package/dist/togglebuttongroup/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":["HeadlessToggleButtonGroup"],"sources":["../../src/togglebuttongroup/index.tsx"],"sourcesContent":["import { type JSX, mergeProps, splitProps } from \"solid-js\";\nimport {\n  ToggleButtonGroup as HeadlessToggleButtonGroup,\n  type ToggleButtonGroupProps as HeadlessToggleButtonGroupProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { useProviderProps } from \"../provider\";\nimport {\n  type ActionButtonDensity,\n  type ActionButtonOrientation,\n  type ActionButtonSize,\n  ToggleButtonGroupContext,\n  useToggleButtonGroupContext,\n} from \"../button/group-context\";\nimport { s2ActionButtonGroup } from \"../button/s2-action-button-styles\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"../button/spectrum-context\";\nimport type { StaticColor } from \"../button/types\";\n\nexport interface ToggleButtonGroupProps extends Omit<\n  HeadlessToggleButtonGroupProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The ToggleButtons contained within the group. */\n  children?: JSX.Element;\n  /** Size of the buttons. @default 'M' */\n  size?: ActionButtonSize;\n  /** Spacing between the buttons. @default 'regular' */\n  density?: ActionButtonDensity;\n  /** Whether the buttons should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the selected ToggleButtons should be emphasized. */\n  isEmphasized?: boolean;\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean;\n  /** The static color style to apply. Useful when the group appears over a color background. */\n  staticColor?: StaticColor;\n  /** The axis the group should align with. @default 'horizontal' */\n  orientation?: ActionButtonOrientation;\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 * A ToggleButtonGroup is a grouping of related ToggleButtons with single or multiple selection.\n */\nexport function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useToggleButtonGroupContext(), props.slot);\n  const defaultProps: Partial<ToggleButtonGroupProps> = {\n    density: \"regular\",\n    size: \"M\",\n    orientation: \"horizontal\",\n  };\n  const providedContextProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const merged = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isJustified\",\n    \"staticColor\",\n    \"orientation\",\n    \"isDisabled\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"ref\",\n  ]);\n\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const density = (): ActionButtonDensity => local.density ?? \"regular\";\n  const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignGroupRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref as RefLike<HTMLDivElement>,\n  );\n  const className = () =>\n    [\n      local.UNSAFE_className,\n      s2ActionButtonGroup(\n        {\n          size: size(),\n          density: density(),\n          orientation: orientation(),\n          isJustified: local.isJustified,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const contextValue = {\n    get size() {\n      return providedContextProps.size;\n    },\n    get density() {\n      return providedContextProps.density;\n    },\n    get orientation() {\n      return providedContextProps.orientation;\n    },\n    get isQuiet() {\n      return providedContextProps.isQuiet;\n    },\n    get isJustified() {\n      return providedContextProps.isJustified;\n    },\n    get isEmphasized() {\n      return providedContextProps.isEmphasized;\n    },\n    get staticColor() {\n      return providedContextProps.staticColor;\n    },\n    get isDisabled() {\n      return providedContextProps.isDisabled;\n    },\n    get selectionMode() {\n      return providedContextProps.selectionMode;\n    },\n    get disallowEmptySelection() {\n      return providedContextProps.disallowEmptySelection;\n    },\n    get selectedKeys() {\n      return providedContextProps.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return providedContextProps.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return providedContextProps.onSelectionChange;\n    },\n  };\n\n  return (\n    <HeadlessToggleButtonGroup\n      {...headlessProps}\n      orientation={orientation()}\n      isDisabled={local.isDisabled}\n      ref={assignGroupRefs}\n      class={className()}\n      style={mergedUnsafeStyle()}\n      data-orientation={orientation()}\n      data-disabled={local.isDisabled || undefined}\n    >\n      {() => (\n        <ToggleButtonGroupContext.Provider value={contextValue}>\n          {local.children}\n        </ToggleButtonGroupContext.Provider>\n      )}\n    </HeadlessToggleButtonGroup>\n  );\n}\n"],"mappings":";;;;;;;;;AAuDA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,gBAAgB,iBAAiB,KAAK;CAC5C,MAAM,eAAe,uBAAuB,4BAA4B,GAAG,MAAM,IAAI;CACrF,MAAM,eAAgD;EACpD,SAAS;EACT,MAAM;EACN,aAAa;CACf;CACA,MAAM,uBAAuB,WAAW,eAAe,gBAAgB,CAAC,GAAG,KAAK;CAEhF,MAAM,CAAC,OAAO,iBAAiB,WADhB,WAAW,cAAc,eAAe,gBAAgB,CAAC,GAAG,KAC5B,GAAG;EAChD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,aAA+B,MAAM,QAAQ;CACnD,MAAM,gBAAqC,MAAM,WAAW;CAC5D,MAAM,oBAA6C,MAAM,eAAe;CACxE,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,kBAAkB,iBACrB,cAA2D,KAC5D,MAAM,GACR;CACA,MAAM,kBACJ,CACE,MAAM,kBACN,oBACE;EACE,MAAM,KAAK;EACX,SAAS,QAAQ;EACjB,aAAa,YAAY;EACzB,aAAa,MAAM;CACrB,GACA,aAAa,CACf,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;CAEb,MAAM,eAAe;EACnB,IAAI,OAAO;GACT,OAAO,qBAAqB;EAC9B;EACA,IAAI,UAAU;GACZ,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,UAAU;GACZ,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,eAAe;GACjB,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,aAAa;GACf,OAAO,qBAAqB;EAC9B;EACA,IAAI,gBAAgB;GAClB,OAAO,qBAAqB;EAC9B;EACA,IAAI,yBAAyB;GAC3B,OAAO,qBAAqB;EAC9B;EACA,IAAI,eAAe;GACjB,OAAO,qBAAqB;EAC9B;EACA,IAAI,sBAAsB;GACxB,OAAO,qBAAqB;EAC9B;EACA,IAAI,oBAAoB;GACtB,OAAO,qBAAqB;EAC9B;CACF;CAEA,OACE,CAACA,wBACK,eACJ,aAAa,YAAY,GACzB,YAAY,MAAM,YAClB,KAAK,iBACL,OAAO,UAAU,GACjB,OAAO,kBAAkB,GACzB,kBAAkB,YAAY,GAC9B,eAAe,MAAM,cAAc,KAAA,GACpC;aAEG,CAAC,yBAAyB,SAAS,OAAO,cAAc;WACrD,MAAM,SAAS;QAClB,EAAE,yBAAyB,UAC3B;IACJ,EAAEA;AAEN"}
+{"version":3,"file":"index.jsx","names":["HeadlessToggleButtonGroup"],"sources":["../../src/togglebuttongroup/index.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/ToggleButtonGroup.tsx\n\n// Port of packages/@react-spectrum/s2/src/ToggleButtonGroup.tsx.\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  ToggleButtonGroup as HeadlessToggleButtonGroup,\n  type ToggleButtonGroupProps as HeadlessToggleButtonGroupProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { useProviderProps, type ProviderInheritedProps } from \"../provider\";\nimport {\n  type ActionButtonDensity,\n  type ActionButtonOrientation,\n  type ActionButtonSize,\n  ToggleButtonGroupContext,\n  useToggleButtonGroupContext,\n} from \"../button/group-context\";\nimport { s2ActionButtonGroup } from \"../button/s2-action-button-styles\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n} from \"../button/spectrum-context\";\nimport type { StaticColor } from \"../button/types\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ToggleButtonGroupProps extends Omit<\n  HeadlessToggleButtonGroupProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The ToggleButtons contained within the group. */\n  children?: JSX.Element;\n  /** Size of the buttons. @default 'M' */\n  size?: ActionButtonSize;\n  /** Spacing between the buttons. @default 'regular' */\n  density?: ActionButtonDensity;\n  /** Whether the buttons should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the selected ToggleButtons should be emphasized. */\n  isEmphasized?: boolean;\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean;\n  /** The static color style to apply. Useful when the group appears over a color background. */\n  staticColor?: StaticColor;\n  /** The axis the group should align with. @default 'horizontal' */\n  orientation?: ActionButtonOrientation;\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 * A ToggleButtonGroup is a grouping of related ToggleButtons with single or multiple selection.\n */\nexport function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element {\n  const providerProps = useProviderProps(props) as ToggleButtonGroupProps & ProviderInheritedProps;\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useToggleButtonGroupContext(), props.slot);\n  const defaultProps: Partial<ToggleButtonGroupProps> = {\n    density: \"regular\",\n    size: \"M\",\n    orientation: \"horizontal\",\n  };\n  const providedContextProps = mergeProps<ToggleButtonGroupProps>(flags, contextProps ?? {}, props);\n  const merged = mergeProps<ToggleButtonGroupProps>(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isJustified\",\n    \"staticColor\",\n    \"orientation\",\n    \"isDisabled\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"ref\",\n  ]);\n\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const density = (): ActionButtonDensity => local.density ?? \"regular\";\n  const orientation = (): ActionButtonOrientation => local.orientation ?? \"horizontal\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignGroupRefs = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref as RefLike<HTMLDivElement>,\n  );\n  const className = () =>\n    [\n      local.UNSAFE_className,\n      s2ActionButtonGroup(\n        {\n          size: size(),\n          density: density(),\n          orientation: orientation(),\n          isJustified: local.isJustified,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const contextValue = {\n    get size() {\n      return providedContextProps.size;\n    },\n    get density() {\n      return providedContextProps.density;\n    },\n    get orientation() {\n      return providedContextProps.orientation;\n    },\n    get isQuiet() {\n      return providedContextProps.isQuiet;\n    },\n    get isJustified() {\n      return providedContextProps.isJustified;\n    },\n    get isEmphasized() {\n      return providedContextProps.isEmphasized;\n    },\n    get staticColor() {\n      return providedContextProps.staticColor;\n    },\n    get isDisabled() {\n      return providedContextProps.isDisabled;\n    },\n    get selectionMode() {\n      return providedContextProps.selectionMode;\n    },\n    get disallowEmptySelection() {\n      return providedContextProps.disallowEmptySelection;\n    },\n    get selectedKeys() {\n      return providedContextProps.selectedKeys;\n    },\n    get defaultSelectedKeys() {\n      return providedContextProps.defaultSelectedKeys;\n    },\n    get onSelectionChange() {\n      return providedContextProps.onSelectionChange;\n    },\n  };\n\n  return (\n    <HeadlessToggleButtonGroup\n      {...headlessProps}\n      orientation={orientation()}\n      isDisabled={local.isDisabled}\n      ref={assignGroupRefs}\n      class={className()}\n      style={mergedUnsafeStyle()}\n      data-orientation={orientation()}\n      data-disabled={local.isDisabled || undefined}\n    >\n      {() => (\n        <ToggleButtonGroupContext value={contextValue}>{local.children}</ToggleButtonGroupContext>\n      )}\n    </HeadlessToggleButtonGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwEA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,gBAAgB,iBAAiB,KAAK;CAC5C,MAAM,CAAC,SAAS,WAAW,eAAe;EACxC;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,eAAe,uBAAuB,4BAA4B,GAAG,MAAM,IAAI;CACrF,MAAM,eAAgD;EACpD,SAAS;EACT,MAAM;EACN,aAAa;CACf;CACA,MAAM,uBAAuB,WAAmC,OAAO,gBAAgB,CAAC,GAAG,KAAK;CAChG,MAAM,SAAS,WAAmC,cAAc,OAAO,gBAAgB,CAAC,GAAG,KAAK;CAChG,MAAM,CAAC,OAAO,iBAAiB,WAAW,QAAQ;EAChD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,aAA+B,MAAM,QAAQ;CACnD,MAAM,gBAAqC,MAAM,WAAW;CAC5D,MAAM,oBAA6C,MAAM,eAAe;CACxE,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,kBAAkB,iBACrB,cAA2D,KAC5D,MAAM,GACR;CACA,MAAM,kBACJ,CACE,MAAM,kBACN,oBACE;EACE,MAAM,KAAK;EACX,SAAS,QAAQ;EACjB,aAAa,YAAY;EACzB,aAAa,MAAM;CACrB,GACA,aAAa,CACf,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEb,MAAM,eAAe;EACnB,IAAI,OAAO;GACT,OAAO,qBAAqB;EAC9B;EACA,IAAI,UAAU;GACZ,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,UAAU;GACZ,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,eAAe;GACjB,OAAO,qBAAqB;EAC9B;EACA,IAAI,cAAc;GAChB,OAAO,qBAAqB;EAC9B;EACA,IAAI,aAAa;GACf,OAAO,qBAAqB;EAC9B;EACA,IAAI,gBAAgB;GAClB,OAAO,qBAAqB;EAC9B;EACA,IAAI,yBAAyB;GAC3B,OAAO,qBAAqB;EAC9B;EACA,IAAI,eAAe;GACjB,OAAO,qBAAqB;EAC9B;EACA,IAAI,sBAAsB;GACxB,OAAO,qBAAqB;EAC9B;EACA,IAAI,oBAAoB;GACtB,OAAO,qBAAqB;EAC9B;CACF;CAEA,OACE,CAACA,wBACK,eACJ,aAAa,YAAY,GACzB,YAAY,MAAM,YAClB,KAAK,iBACL,OAAO,UAAU,GACjB,OAAO,kBAAkB,GACzB,kBAAkB,YAAY,GAC9B,eAAe,MAAM,cAAc,KAAA,GACpC;aAEG,CAAC,yBAAyB,OAAO,eAAe,MAAM,SAAS,EAAE,0BACjE;IACJ,EAAEA;AAEN"}

package/dist/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ToolbarProps as HeadlessToolbarProps, type ToolbarRenderProps } from "@proyecto-viviana/solidaria-components";
 export type { ToolbarRenderProps };
 export type ToolbarProps = HeadlessToolbarProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAGhD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC;AA0BhD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAWxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAIhD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC;AA4ChD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAcxD"}

package/dist/toolbar/index.js

@@ -1,18 +1,50 @@
-import { createComponent, mergeProps } from "solid-js/web";
-import { splitProps } 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/Toolbar.tsx
+import { createComponent, mergeProps } from "@solidjs/web";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Toolbar as Toolbar$1 } from "@proyecto-viviana/solidaria-components";
 //#region src/toolbar/index.tsx
 const toolbarStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " _de151";
-	rules += " __Ad151";
-	rules += " Ue151";
-	rules += " qe151";
-	if (props.orientation === "vertical") rules += " _ta151";
-	else if (props.orientation === "horizontal") rules += " _tc151";
-	if (props.orientation === "vertical") rules += " ed151";
-	else if (props.orientation === "horizontal") rules += " eb151";
+	rules += " sd17";
+	rules += " _de17";
+	rules += " __Ad17";
+	rules += " UT4Nfn17";
+	rules += " qT4Nfn17";
+	rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	rules += " _nbkwzSb17";
+	rules += " Tp17";
+	rules += " Qp17";
+	rules += " Sp17";
+	rules += " Rp17";
+	rules += " _oa17";
+	if (props.orientation === "vertical") rules += " _ta17";
+	else if (props.orientation === "horizontal") rules += " _tc17";
+	if (props.orientation === "vertical") rules += " ed17";
+	else if (props.orientation === "horizontal") rules += " eb17";
 	return rules;
 };
 /**
@@ -27,14 +59,13 @@ const toolbarStyles = function anonymous(props) {
 *   <Button>Underline</Button>
 * </Toolbar>
 * ```
-*/
-function Toolbar(props) {
+*/ function Toolbar(props) {
 	const [local, headlessProps] = splitProps(props, ["class"]);
 	const mergedClass = (rp) => {
 		const cls = local.class;
 		return [toolbarStyles({ orientation: rp.orientation }), typeof cls === "function" ? cls(rp) : cls].filter(Boolean).join(" ");
 	};
-	return createComponent(Toolbar$1, mergeProps(headlessProps, { "class": mergedClass }));
+	return createComponent(Toolbar$1, mergeProps(headlessProps, { class: mergedClass }));
 }
 //#endregion
 export { Toolbar };

package/dist/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [toolbarStyles({ orientation: rp.orientation }), typeof cls === \"function\" ? cls(rp) : cls]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;;AAgBA,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,OAAA,CAAQ;CAE1D,MAAM,eAAe,OAA+B;EAClD,MAAM,MAAM,MAAM;EAClB,OAAO,CAAC,cAAc,EAAE,aAAa,GAAG,YAAY,CAAA,GAAI,OAAO,QAAQ,aAAa,IAAI,EAAA,IAAM,GAAA,EAC3F,OAAO,OAAA,EACP,KAAK,GAAA;CACV;CAEA,OAAA,gBAAQ,WAAA,WAAoB,eAAa,EAAA,SAAS,YAAA,CAAA,CAAA;AACpD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/toolbar/index.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/Toolbar.tsx\n\n// Port of packages/@react-spectrum/s2/src/Toolbar.tsx.\n\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\n// Glasselated: the toolbar is the register's COMMAND STRIP — the same matte\n// treatment as terminal Tabs and the ActionBar: an opaque well under the\n// register's dither, hairline `--well-border`, control rim, 4px inset with 4px\n// between controls. The strip is what makes a run of ActionButtons read as one\n// instrument rather than as loose buttons.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: \"[4px]\",\n  backgroundColor: \"well\",\n  backgroundImage: {\n    default: \"[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[var(--dither-tile) var(--dither-tile)]\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  borderRadius: \"default\",\n  boxShadow: \"edge-glass\",\n  padding: \"[4px]\",\n  boxSizing: \"border-box\",\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [\n      toolbarStyles({ orientation: rp.orientation }),\n      typeof cls === \"function\" ? cls(rp) : cls,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,OAAQ,CAAA;CAE1D,MAAM,eAAe,OAA+B;EAClD,MAAM,MAAM,MAAM;EAClB,OAAO,CACL,cAAc,EAAE,aAAa,GAAG,YAAY,CAAA,GAC5C,OAAO,QAAQ,aAAa,IAAI,EAAA,IAAM,GACvC,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CACV;CAEA,OAAA,gBAAA,WAAA,WAA4B,eAA5B,EAA2C,OAAO,YAAA,CAAA,CAAA;AACpD"}

package/dist/toolbar/index.jsx

@@ -1,17 +1,49 @@
-import { splitProps } 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/Toolbar.tsx
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Toolbar as Toolbar$1 } from "@proyecto-viviana/solidaria-components";
 //#region src/toolbar/index.tsx
 const toolbarStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " _de151";
-	rules += " __Ad151";
-	rules += " Ue151";
-	rules += " qe151";
-	if (props.orientation === "vertical") rules += " _ta151";
-	else if (props.orientation === "horizontal") rules += " _tc151";
-	if (props.orientation === "vertical") rules += " ed151";
-	else if (props.orientation === "horizontal") rules += " eb151";
+	rules += " sd17";
+	rules += " _de17";
+	rules += " __Ad17";
+	rules += " UT4Nfn17";
+	rules += " qT4Nfn17";
+	rules += " gHPXipd17";
+	rules += " _iRvAxPd17";
+	rules += " _ilc17";
+	rules += " __mh0dLcd17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " iAv83Hb17";
+	rules += " ob17";
+	rules += " nb17";
+	rules += " kb17";
+	rules += " jb17";
+	rules += " _nbkwzSb17";
+	rules += " Tp17";
+	rules += " Qp17";
+	rules += " Sp17";
+	rules += " Rp17";
+	rules += " _oa17";
+	if (props.orientation === "vertical") rules += " _ta17";
+	else if (props.orientation === "horizontal") rules += " _tc17";
+	if (props.orientation === "vertical") rules += " ed17";
+	else if (props.orientation === "horizontal") rules += " eb17";
 	return rules;
 };
 /**

package/dist/toolbar/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","names":[],"sources":["../../src/toolbar/index.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: 8,\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [toolbarStyles({ orientation: rp.orientation }), typeof cls === \"function\" ? cls(rp) : cls]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;AASA,MAAM,gBAAM,SAAe,UAAA,OAAoB;;CAE5C,SAAS;CACT,SAAQ;CACR,SAAS;CACT,SAAO;CACP,SAAM;CACT,IAAM,MAAA,gBAAwB,YAC5B,SAAe;MACN,IAAG,MAAM,gBAAA,cAClB,SAAc;CAEd,IAAA,MAAA,gBAAe,YACb,SAAa;MACX,IAAA,MAAa,gBAAI,cACjB,SAAW;CAEd,OAAA;AACH;;;;;;;;;;;;;GAaI,SAAE,QAAA,OAAA;CACF,MAAA,CAAO,OAAM,iBAAY,WAAW,OAAA,CAClC,OACF,CAAC;CACD,MAAE,eAAkB,OAAM;EACzB,MAAO,MAAA,MAAA;EACP,OAAA,CACH,cAAA,EACc,aAAa,GAAE,YACtB,CAAA,GAAA,OAAA,QAAA,aAAA,IAAA,EAAA,IAAA,GAED,EAAA,OAAA,OAAe,EAAG,KAAC,GAAA;CACvB;CACA,OAAO,CAAC,cAAgB,eAAgB,OAAA;AAC5C"}
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/toolbar/index.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/Toolbar.tsx\n\n// Port of packages/@react-spectrum/s2/src/Toolbar.tsx.\n\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Toolbar as HeadlessToolbar,\n  type ToolbarProps as HeadlessToolbarProps,\n  type ToolbarRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type { ToolbarRenderProps };\nexport type ToolbarProps = HeadlessToolbarProps;\n\n// S2 1.5.1 ships Toolbar as a bare unstyled passthrough, but viviana-ui owns\n// its own register: an unstyled toolbar renders as a plain block and its\n// controls stack with no rhythm. Layout only — flex along the toolbar axis\n// with a consistent gap; the controls keep their own paint. `alignSelf: start`\n// stops column-flex parents from stretching the row full-width.\n// Glasselated: the toolbar is the register's COMMAND STRIP — the same matte\n// treatment as terminal Tabs and the ActionBar: an opaque well under the\n// register's dither, hairline `--well-border`, control rim, 4px inset with 4px\n// between controls. The strip is what makes a run of ActionButtons read as one\n// instrument rather than as loose buttons.\nconst toolbarStyles = style<{ orientation: \"horizontal\" | \"vertical\" }>({\n  display: \"flex\",\n  alignSelf: \"start\",\n  justifySelf: \"start\",\n  gap: \"[4px]\",\n  backgroundColor: \"well\",\n  backgroundImage: {\n    default: \"[repeating-conic-gradient(var(--well-scan) 0% 25%, transparent 0% 50%)]\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[var(--dither-tile) var(--dither-tile)]\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"well-border\",\n  borderRadius: \"default\",\n  boxShadow: \"edge-glass\",\n  padding: \"[4px]\",\n  boxSizing: \"border-box\",\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  alignItems: {\n    orientation: {\n      horizontal: \"center\",\n      vertical: \"start\",\n    },\n  },\n});\n\n/**\n * A toolbar is a container for a set of interactive controls, such as buttons,\n * menus, or checkboxes, with arrow key navigation between them.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n\n  const mergedClass = (rp: ToolbarRenderProps): string => {\n    const cls = local.class;\n    return [\n      toolbarStyles({ orientation: rp.orientation }),\n      typeof cls === \"function\" ? cls(rp) : cls,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  };\n\n  return <HeadlessToolbar {...headlessProps} class={mergedClass} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsCA,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CN,SAAgB,QAAQ,OAA0B;CAChD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,OAAQ,CAAA;CAE1D,MAAM,eAAe,OAA+B;EAClD,MAAM,MAAM,MAAM;EAClB,OAAO,CACL,cAAc,EAAE,aAAa,GAAG,YAAY,CAAA,GAC5C,OAAO,QAAQ,aAAa,IAAI,EAAA,IAAM,GACvC,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CACV;CAEA,OAAA,CAAQ,cAAoB,eAAe,OAAO;AACpD"}

package/dist/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type TooltipPlacement, type TooltipProps as HeadlessTooltipProps, type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps, type TooltipRenderProps } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 export type { TooltipPlacement };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AACtD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,4BAA4B,IAAI,2BAA2B,EAChE,KAAK,kBAAkB,EAExB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,yEAAyE;IACzE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9F,kCAAkC;IAClC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,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,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0FD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAgExD;AAoBD,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAWpE;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,4BAA4B,IAAI,2BAA2B,EAChE,KAAK,kBAAkB,EAExB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,yEAAyE;IACzE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9F,kCAAkC;IAClC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,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,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwHD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAgExD;AAoBD,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAWpE;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/tooltip/index.js

@@ -1,118 +1,145 @@
+/*
+* 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/Tooltip.tsx
 import { mergeStyles } from "../style/runtime.js";
-import { useTheme } from "../provider/index.js";
-import { className, createComponent, effect, getNextElement, insert, memo, mergeProps, setAttribute, style, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
+import { o as useTheme } from "../_chunk/provider.js";
+import { className, createComponent, effect, getNextElement, insert, memo, mergeProps, readShallow, scope, style, template } from "@solidjs/web";
+import { Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from "@proyecto-viviana/solidaria-components";
 //#region src/tooltip/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div data-rsp-slot=tooltip-arrow><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 10 5"><path d="M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z">`), _tmpl$2 = /*#__PURE__*/ template(`<div><div class=vui-tooltip__trigger></div><div><span>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div data-rsp-slot=tooltip-arrow><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 10 5"><path d="M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><div class=vui-tooltip__trigger></div><div><span>`);
 const tooltip = function anonymous(props) {
 	let rules = " ";
-	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
-	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
-	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
-	rules += " _pK8eoyd151";
-	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
-	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa17";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -NvXmrd-_ZN8Gi4c151";
-		rules += " -NvXmrd-D1v0V_ZLmU151";
+		rules += " -ICUGx-_pb17";
+		rules += " -ICUGx-D1v0V_pa17";
 	}
-	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
-	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	rules += " _pK8eoyd17";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU17";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -j9blY-_ZLmU151";
-		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+		rules += " -NvXmrd-_ZN8Gi4c17";
+		rules += " -NvXmrd-D1v0V_ZLmU17";
 	}
-	rules += " _Ca151";
-	rules += " eb151";
-	rules += " Le151";
-	rules += " MAyFGYc151";
-	rules += " _oa151";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	rules += " pLZZSrd151";
-	rules += " plb151";
-	rules += " _kJ8iPYd151";
-	rules += " hXMFGYc151";
-	rules += " mlb151";
-	rules += " llb151";
-	rules += " _jlf151";
-	rules += " ilA151";
-	rules += " gHKLAu151";
-	rules += " osmOfn151";
-	rules += " nsmOfn151";
-	rules += " ksmOfn151";
-	rules += " jsmOfn151";
-	rules += " Sv151";
-	rules += " Rv151";
-	rules += " Tu7Fubd151";
-	rules += " Qu7Fubd151";
-	rules += " Yd151";
-	rules += " Xc151";
-	if (props.isExiting) rules += " _2c151";
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c17";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU17";
+		rules += " -j9blY-D1v0V_ZN8Gi4c17";
+	}
+	rules += " _Ca17";
+	rules += " eb17";
+	rules += " Le17";
+	rules += " MAyFGYc17";
+	rules += " _oa17";
+	rules += " uxe7h417";
+	rules += " -_6BNtrc-b17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	rules += " pmiKvLd17";
+	rules += " plb17";
+	rules += " _kJ8iPYd17";
+	rules += " hXMFGYc17";
+	rules += " mb17";
+	rules += " mlb17";
+	rules += " lb17";
+	rules += " llb17";
+	rules += " _jf17";
+	rules += " _jlf17";
+	rules += " iOvEbWc17";
+	rules += " ilA17";
+	rules += " -Ovbhqd-gBNUKmd17";
+	rules += " -Ovbhqd-lga17";
+	rules += " gEzkoQe17";
+	rules += " -Jvcevd-0bAVIe17";
+	rules += " _nmHdxkc17";
+	rules += " osmOfn17";
+	rules += " nsmOfn17";
+	rules += " ksmOfn17";
+	rules += " jsmOfn17";
+	rules += " Sv17";
+	rules += " Rv17";
+	rules += " Tu7Fubd17";
+	rules += " Qu7Fubd17";
+	rules += " Yd17";
+	rules += " Xc17";
+	if (props.isExiting) rules += " _2c17";
 	if (props.placement === "right") {
 		if (props.isExiting) {
-			rules += " -_7PloMd-m151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-m17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_7PloMd-m151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-m17";
+			rules += " __Ya17";
 		}
 	} else if (props.placement === "left") {
 		if (props.isExiting) {
-			rules += " -_7PloMd-G151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-G17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_7PloMd-G151";
-			rules += " __Ya151";
+			rules += " -_7PloMd-G17";
+			rules += " __Ya17";
 		}
 	}
 	if (props.placement === "bottom") {
 		if (props.isExiting) {
-			rules += " -_8PloMd-l151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-l17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_8PloMd-l151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-l17";
+			rules += " __Ya17";
 		}
 	} else if (props.placement === "top") {
 		if (props.isExiting) {
-			rules += " -_8PloMd-F151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-F17";
+			rules += " __Ya17";
 		} else if (props.isEntering) {
-			rules += " -_8PloMd-F151";
-			rules += " __Ya151";
+			rules += " -_8PloMd-F17";
+			rules += " __Ya17";
 		}
 	}
-	if (props.isExiting) rules += " _Ia151";
-	else if (props.isEntering) rules += " _Ia151";
-	rules += " -nTSCV-LTAEPe151";
-	rules += " -M_-Mg151";
-	rules += " -_k_-l_kb151";
-	rules += " -h_-lhb151";
+	if (props.isExiting) rules += " _Ia17";
+	else if (props.isEntering) rules += " _Ia17";
+	rules += " -nTSCV-LTAEPe17";
+	rules += " -M_-Mg17";
+	rules += " -_k_-_kb17";
+	rules += " -_k_-l_kb17";
+	rules += " -h_-hb17";
+	rules += " -h_-lhb17";
 	return rules;
 };
 const arrowStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " sb151";
-	rules += " tHKLAu151";
-	rules += " Zi151";
-	rules += " Ff151";
-	if (props.placement === "right") rules += " _Sd151";
-	else if (props.placement === "left") rules += " _Sa151";
-	else if (props.placement === "bottom") rules += " _Sc151";
-	else if (props.placement === "top") rules += " _Sb151";
+	rules += " sb17";
+	rules += " tEzkoQe17";
+	rules += " Zi17";
+	rules += " Ff17";
+	if (props.placement === "right") rules += " _Sd17";
+	else if (props.placement === "left") rules += " _Sa17";
+	else if (props.placement === "bottom") rules += " _Sc17";
+	else if (props.placement === "top") rules += " _Sb17";
 	if (props.placement === "right") {
-		rules += " -_7PloMd-y151";
-		rules += " __Ya151";
+		rules += " -_7PloMd-y17";
+		rules += " __Ya17";
 	} else if (props.placement === "left") {
-		rules += " -_7PloMd-e151";
-		rules += " __Ya151";
+		rules += " -_7PloMd-e17";
+		rules += " __Ya17";
 	}
 	return rules;
 };
@@ -128,8 +155,7 @@ const arrowStyles = function anonymous(props) {
 *   <Tooltip>This is helpful information</Tooltip>
 * </TooltipTrigger>
 * ```
-*/
-function TooltipTrigger(props) {
+*/ function TooltipTrigger(props) {
 	return createComponent(TooltipTrigger$1, props);
 }
 /**
@@ -142,8 +168,7 @@ function TooltipTrigger(props) {
 *   <Tooltip>Save your changes</Tooltip>
 * </TooltipTrigger>
 * ```
-*/
-function Tooltip(props) {
+*/ function Tooltip(props) {
 	const theme = useTheme();
 	const [local, rest] = splitProps(props, [
 		"children",
@@ -159,7 +184,7 @@ function Tooltip(props) {
 		arrowBoundaryOffset: 8,
 		arrowSize: 10,
 		offset: 9,
-		"class": (renderProps) => [
+		class: (renderProps) => [
 			local.UNSAFE_className,
 			local.class,
 			mergeStyles(tooltip({
@@ -176,22 +201,25 @@ function Tooltip(props) {
 				return showArrow();
 			},
 			get children() {
-				var _el$ = getNextElement(_tmpl$), _el$2 = _el$.firstChild;
-				effect((_p$) => {
-					var _v$ = arrowFrameStyle(renderProps.placement ?? "top"), _v$2 = arrowStyles({
-						...renderProps,
-						placement: renderProps.placement ?? "top"
-					});
-					_p$.e = style(_el$, _v$, _p$.e);
-					_v$2 !== _p$.t && setAttribute(_el$2, "class", _p$.t = _v$2);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
+				var _el$ = getNextElement(_tmpl$);
+				var _el$2 = _el$.firstChild;
+				effect(() => {
+					return {
+						e: readShallow(arrowFrameStyle(renderProps.placement ?? "top")),
+						t: readShallow(arrowStyles({
+							...renderProps,
+							placement: renderProps.placement ?? "top"
+						}))
+					};
+				}, ({ e, t }, _p$) => {
+					style(_el$, e, _p$?.e);
+					className(_el$2, t, _p$?.t);
 				});
 				return _el$;
 			}
-		}), memo(() => local.children)]
+		}), memo(() => {
+			return local.children;
+		})]
 	}));
 }
 function arrowFrameStyle(placement) {
@@ -235,24 +263,28 @@ function arrowFrameStyle(placement) {
 *   <button>Save</button>
 * </SimpleTooltip>
 * ```
-*/
-function SimpleTooltip(props) {
+*/ function SimpleTooltip(props) {
 	const position = () => props.position ?? "bottom";
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$2), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild;
-		insert(_el$4, () => props.children);
-		insert(_el$6, () => props.label);
-		effect((_p$) => {
-			var _v$3 = `vui-tooltip ${props.class ?? ""}`, _v$4 = `vui-tooltip__content vui-tooltip__content--${position()}`;
-			_v$3 !== _p$.e && className(_el$3, _p$.e = _v$3);
-			_v$4 !== _p$.t && className(_el$5, _p$.t = _v$4);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$3;
-	})();
+	var _el$3 = getNextElement(_tmpl$2);
+	var _el$4 = _el$3.firstChild;
+	var _el$5 = _el$4.nextSibling;
+	var _el$6 = _el$5.firstChild;
+	insert(_el$4, scope(() => {
+		return props.children;
+	}));
+	insert(_el$6, () => {
+		return props.label;
+	});
+	effect(() => {
+		return {
+			e: `vui-tooltip ${props.class ?? ""}`,
+			t: `vui-tooltip__content vui-tooltip__content--${position()}`
+		};
+	}, ({ e, t }, _p$) => {
+		className(_el$3, e, _p$?.e);
+		className(_el$5, t, _p$?.t);
+	});
+	return _el$3;
 }
 //#endregion
 export { SimpleTooltip, Tooltip, TooltipTrigger };