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

package/dist/_chunk/form.jsx

@@ -1,90 +1,115 @@
+/*
+* 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/Field.tsx
+/*
+* 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/Form.tsx
 import { t as assignRef } from "./spectrum-context.jsx";
 import { createIsSkeleton } from "../skeleton/index.jsx";
-import { Show, createContext, splitProps, useContext } from "solid-js";
+import { Show, createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { FieldError, Form } from "@proyecto-viviana/solidaria-components";
 //#region src/form/Field.tsx
 const fieldStyles = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " _ta151";
-	if (props.size === "lg") rules += " Ug151";
-	else if (props.size === "sm") rules += " Ub151";
-	else rules += " Ue151";
-	if (props.size === "lg") rules += " qg151";
-	else if (props.size === "sm") rules += " qb151";
-	else rules += " qe151";
+	rules += " sd17";
+	rules += " _ta17";
+	if (props.size === "lg") rules += " Ug17";
+	else if (props.size === "sm") rules += " Ub17";
+	else rules += " Ue17";
+	if (props.size === "lg") rules += " qg17";
+	else if (props.size === "sm") rules += " qb17";
+	else rules += " qe17";
 	return rules;
 };
 const fieldLabelStyles = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "lg") rules += " uxe7h4151";
-	else if (props.size === "sm") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	if (props.size === "lg") rules += " uxe7h417";
+	else if (props.size === "sm") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "lg") {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	} else if (props.size === "sm") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	}
 	if (props.size === "lg") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else if (props.size === "sm") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
 	if (props.size === "lg") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "sm") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " pLw1gcc17";
 	return rules;
 };
 const fieldTextStyles = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "sm") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	if (props.size === "sm") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "sm") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	}
 	if (props.size === "sm") {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	} else {
-		rules += " xb151";
-		rules += " _xa151";
+		rules += " xb17";
+		rules += " _xa17";
 	}
 	if (props.size === "sm") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isInvalid) rules += " pYjUhNc151";
-	else rules += " pUUi0Fe151";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else if (props.isInvalid) rules += " plIkJnc17";
+	else rules += " pLw1gcc17";
 	return rules;
 };
-const requiredStyles = " pYjUhNc151 Ir151";
+const requiredStyles = " plIkJnc17 Ir17";
 /**
 * A field layout component that provides label, help text, and error message
 * around a form input.
@@ -138,44 +163,6 @@ const requiredStyles = " pYjUhNc151 Ir151";
     </div>;
 }
 //#endregion
-//#region src/form/HelpText.tsx
-const helpTextStyles = function anonymous(props) {
-	let rules = " ";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isInvalid) rules += " pYjUhNc151";
-	else rules += " pUUi0Fe151";
-	return rules;
-};
-/**
-* Displays description or error text below a form field.
-*/ function HelpText(props) {
-	const [local] = splitProps(props, [
-		"description",
-		"errorMessage",
-		"isInvalid",
-		"isDisabled",
-		"class"
-	]);
-	const showError = () => local.isInvalid && local.errorMessage;
-	return <div class={local.class}>
-      <Show when={showError()}>
-        <p class={helpTextStyles({ isInvalid: true })} role="alert">
-          {local.errorMessage}
-        </p>
-      </Show>
-      <Show when={!showError() && local.description}>
-        <p class={helpTextStyles({ isDisabled: local.isDisabled })}>{local.description}</p>
-      </Show>
-    </div>;
-}
-//#endregion
 //#region src/form/index.tsx
 const FormContext = createContext(null);
 const formStylePropKeys = [
@@ -232,14 +219,14 @@ function useFormProps(props) {
 const formStyles = function anonymous(props, overrides) {
 	let rules = " ";
 	rules += (String(overrides || "").match(/(?:^|\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) || []).join("");
-	rules += " se151";
-	if (props.labelPosition === "side") rules += " Dfzkwne151";
-	else if (props.labelPosition === "top") rules += " DS1aTJb151";
-	if (props.size === "XL") rules += " Un151";
-	else if (props.size === "L") rules += " Up151";
-	else if (props.size === "M") rules += " Uj151";
-	else if (props.size === "S") rules += " Ui151";
-	rules += " qf151";
+	rules += " se17";
+	if (props.labelPosition === "side") rules += " Dfzkwne17";
+	else if (props.labelPosition === "top") rules += " DS1aTJb17";
+	if (props.size === "XL") rules += " Un17";
+	else if (props.size === "L") rules += " Up17";
+	else if (props.size === "M") rules += " Uj17";
+	else if (props.size === "S") rules += " Ui17";
+	rules += " qf17";
 	return rules;
 };
 function Form$1(props) {
@@ -254,8 +241,7 @@ function Form$1(props) {
 		"styles",
 		"UNSAFE_className",
 		"UNSAFE_style",
-		"ref",
-		"children"
+		"ref"
 	]);
 	const size = () => local.size ?? "M";
 	const labelPosition = () => local.labelPosition ?? "top";
@@ -284,21 +270,19 @@ function Form$1(props) {
 			return local.isEmphasized;
 		}
 	};
-	return <FormContext.Provider value={contextValue}>
+	return <FormContext value={contextValue}>
       <Form {...headlessProps} ref={(el) => assignRef(local.ref, el)} class={[local.UNSAFE_className, formStyles({
 		size: size(),
 		labelPosition: labelPosition()
-	}, local.styles)].filter(Boolean).join(" ")} style={local.UNSAFE_style}>
-        {(renderProps) => typeof local.children === "function" ? local.children(renderProps) : local.children}
-      </Form>
-    </FormContext.Provider>;
+	}, local.styles)].filter(Boolean).join(" ")} style={local.UNSAFE_style} />
+    </FormContext>;
 }
-const fieldErrorStyles = " uxe7h4151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pYjUhNc151";
+const fieldErrorStyles = " uxe7h417 -_6BNtrc-b17 vx17 xb17 _xa17 _Fd17 _FnuYUweb17 plIkJnc17";
 function FieldError$1(props) {
 	const [local, headlessProps] = splitProps(props, ["class"]);
 	return <FieldError {...headlessProps} class={[fieldErrorStyles, local.class].filter(Boolean).join(" ")} />;
 }
 //#endregion
-export { useIsInForm as a, useFormProps as i, Form$1 as n, HelpText as o, FormContext as r, Field as s, FieldError$1 as t };
+export { useIsInForm as a, useFormProps as i, Form$1 as n, Field as o, FormContext as r, FieldError$1 as t };
 
 //# sourceMappingURL=form.jsx.map

package/dist/_chunk/form.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"form.jsx","names":[],"sources":["../../src/form/Field.tsx","../../src/form/HelpText.tsx","../../src/form/index.tsx"],"sourcesContent":["import { type JSX, splitProps, Show } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type FieldSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface FieldProps {\n  /** The label for the field. */\n  label?: string;\n  /** A description or help text for the field. */\n  description?: string;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Whether the field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the field is invalid. */\n  isInvalid?: boolean;\n  /** The size of the field. @default 'md' */\n  size?: FieldSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** The field content (input element). */\n  children?: JSX.Element;\n  /** ID for the label's htmlFor attribute. */\n  htmlFor?: string;\n}\n\n// Vertical field stack. The label/help-text colors mirror S2's `fieldLabel()`\n// and `helpTextStyles` (`neutral-subdued`, flipping to `negative`/`disabled`);\n// sizes map sm/md/lg → the UI font's xs/sm/base steps. Routed through the\n// `style()` macro so the CSS ships in the package bundle for installed consumers.\nconst fieldStyles = style<{ size: FieldSize }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: { default: 8, size: { sm: 4, lg: 12 } },\n});\n\nconst fieldLabelStyles = style<{ size: FieldSize; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\", lg: \"ui\" } },\n  color: { default: \"neutral-subdued\", isDisabled: \"disabled\" },\n});\n\nconst fieldTextStyles = style<{ size: FieldSize; isInvalid?: boolean; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\" } },\n  color: { default: \"neutral-subdued\", isInvalid: \"negative\", isDisabled: \"disabled\" },\n});\n\nconst requiredStyles = style({ color: \"negative\", marginStart: 2 });\n\n/**\n * A field layout component that provides label, help text, and error message\n * around a form input.\n */\nexport function Field(props: FieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isInvalid\",\n    \"size\",\n    \"class\",\n    \"children\",\n    \"htmlFor\",\n  ]);\n\n  const size = () => local.size ?? \"md\";\n  const showError = () => local.isInvalid && local.errorMessage;\n\n  return (\n    <div class={[fieldStyles({ size: size() }), local.class].filter(Boolean).join(\" \")}>\n      <Show when={local.label}>\n        <label\n          for={local.htmlFor}\n          class={fieldLabelStyles({ size: size(), isDisabled: local.isDisabled })}\n        >\n          {local.label}\n          <Show when={local.isRequired}>\n            <span class={requiredStyles}>*</span>\n          </Show>\n        </label>\n      </Show>\n\n      {local.children}\n\n      <Show when={showError()}>\n        <p class={fieldTextStyles({ size: size(), isInvalid: true })} role=\"alert\">\n          {local.errorMessage}\n        </p>\n      </Show>\n\n      <Show when={!showError() && local.description}>\n        <p class={fieldTextStyles({ size: size(), isDisabled: local.isDisabled })}>\n          {local.description}\n        </p>\n      </Show>\n    </div>\n  );\n}\n","import { type JSX, splitProps, Show } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport interface HelpTextProps {\n  /** The description text. */\n  description?: string;\n  /** The error message text. */\n  errorMessage?: string;\n  /** Whether the field is in an error state. */\n  isInvalid?: boolean;\n  /** Whether the help text is disabled (dimmed). */\n  isDisabled?: boolean;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// Mirrors S2's `helpTextStyles` (Field.tsx): the small UI font with a\n// `neutral-subdued` description color that flips to `negative` for errors and\n// `disabled` when the field is disabled. Emitted via the `style()` macro so the\n// CSS ships in the package bundle for installed consumers.\nconst helpTextStyles = style<{ isInvalid?: boolean; isDisabled?: boolean }>({\n  font: \"ui-sm\",\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: \"negative\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * Displays description or error text below a form field.\n */\nexport function HelpText(props: HelpTextProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"isDisabled\",\n    \"class\",\n  ]);\n\n  const showError = () => local.isInvalid && local.errorMessage;\n\n  return (\n    <div class={local.class}>\n      <Show when={showError()}>\n        <p class={helpTextStyles({ isInvalid: true })} role=\"alert\">\n          {local.errorMessage}\n        </p>\n      </Show>\n      <Show when={!showError() && local.description}>\n        <p class={helpTextStyles({ isDisabled: local.isDisabled })}>{local.description}</p>\n      </Show>\n    </div>\n  );\n}\n","import { type JSX, createContext, splitProps, useContext } from \"solid-js\";\nimport {\n  Form as HeadlessForm,\n  FieldError as HeadlessFieldError,\n  type FormProps as HeadlessFormProps,\n  type FieldErrorProps as HeadlessFieldErrorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { 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 { createIsSkeleton } from \"../skeleton\";\nimport { assignRef } from \"../button/spectrum-context\";\n\nexport type FormSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type FormLabelPosition = \"top\" | \"side\";\nexport type FormLabelAlign = \"start\" | \"end\";\nexport type FormNecessityIndicator = \"icon\" | \"label\";\n\nexport interface FormStyleProps {\n  /** The size of descendant Form elements. @default 'M' */\n  size?: FormSize;\n  /** The label's overall position relative to each field. @default 'top' */\n  labelPosition?: FormLabelPosition;\n  /** The label's horizontal alignment relative to each field. @default 'start' */\n  labelAlign?: FormLabelAlign;\n  /** Whether required fields show an icon or text label. @default 'icon' */\n  necessityIndicator?: FormNecessityIndicator;\n  /** Whether descendant Form elements are required. */\n  isRequired?: boolean;\n  /** Whether descendant Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether descendant Form elements are rendered with emphasized styling. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends Omit<HeadlessFormProps, \"class\" | \"style\" | \"ref\">, FormStyleProps {\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\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  ref?: HeadlessFormProps[\"ref\"];\n}\n\nexport interface FieldErrorProps extends Omit<HeadlessFieldErrorProps, \"class\"> {\n  class?: string;\n}\n\nexport const FormContext = createContext<FormStyleProps | null>(null);\n\nconst formStylePropKeys = [\n  \"size\",\n  \"labelPosition\",\n  \"labelAlign\",\n  \"necessityIndicator\",\n  \"isRequired\",\n  \"isDisabled\",\n  \"isEmphasized\",\n] as const;\n\nexport function useIsInForm(): boolean {\n  return useContext(FormContext) != null;\n}\n\nexport function useFormProps<T extends object>(props: T): T {\n  const context = useContext(FormContext);\n  const isSkeleton = createIsSkeleton();\n\n  const getInheritedValue = (property: PropertyKey) => {\n    if (property === \"isDisabled\" && isSkeleton()) {\n      return true;\n    }\n\n    if (typeof property !== \"string\") {\n      return undefined;\n    }\n\n    return context?.[property as keyof FormStyleProps];\n  };\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return true;\n      }\n\n      const localValue = Reflect.get(target, property, receiver);\n      if (localValue !== undefined) {\n        return localValue;\n      }\n\n      return getInheritedValue(property);\n    },\n    has(target, property) {\n      return Reflect.has(target, property) || getInheritedValue(property) !== undefined;\n    },\n    ownKeys(target) {\n      const keys = new Set<ReturnType<typeof Reflect.ownKeys>[number]>(Reflect.ownKeys(target));\n\n      for (const key of formStylePropKeys) {\n        if (getInheritedValue(key) !== undefined) {\n          keys.add(key);\n        }\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => true,\n        };\n      }\n\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (getInheritedValue(property) !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => getInheritedValue(property),\n        };\n      }\n\n      return undefined;\n    },\n  }) as T;\n}\n\nconst formStyles = style<{ labelPosition: FormLabelPosition; size: FormSize }>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      labelPosition: {\n        top: [\"[field] 1fr\"],\n        side: [\"[label] auto\", \"[field] 1fr\"],\n      },\n    },\n    rowGap: {\n      size: {\n        S: 20,\n        M: 24,\n        L: 32,\n        XL: 40,\n      },\n    },\n    columnGap: \"text-to-control\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function Form(props: FormProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"size\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"ref\",\n    \"children\",\n  ]);\n\n  const size = () => local.size ?? \"M\";\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n\n  const contextValue: FormStyleProps = {\n    get size() {\n      return size();\n    },\n    get labelPosition() {\n      return labelPosition();\n    },\n    get labelAlign() {\n      return labelAlign();\n    },\n    get necessityIndicator() {\n      return necessityIndicator();\n    },\n    get isRequired() {\n      return local.isRequired;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get isEmphasized() {\n      return local.isEmphasized;\n    },\n  };\n\n  return (\n    <FormContext.Provider value={contextValue}>\n      <HeadlessForm\n        {...headlessProps}\n        ref={(el) => assignRef(local.ref, el)}\n        class={[\n          local.UNSAFE_className,\n          formStyles({ size: size(), labelPosition: labelPosition() }, local.styles),\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={local.UNSAFE_style}\n      >\n        {(renderProps) =>\n          typeof local.children === \"function\" ? local.children(renderProps) : local.children\n        }\n      </HeadlessForm>\n    </FormContext.Provider>\n  );\n}\n\n// Small UI font in the `negative` color, mirroring S2's help-text error state.\nconst fieldErrorStyles = style({ font: \"ui-sm\", color: \"negative\" });\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  return (\n    <HeadlessFieldError\n      {...headlessProps}\n      class={[fieldErrorStyles, local.class].filter(Boolean).join(\" \")}\n    />\n  );\n}\n\nexport { Field } from \"./Field\";\nexport type { FieldProps, FieldSize } from \"./Field\";\nexport { HelpText } from \"./HelpText\";\nexport type { HelpTextProps } from \"./HelpText\";\n"],"mappings":"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"}
+{"version":3,"file":"form.jsx","names":[],"sources":["../../src/form/Field.tsx","../../src/form/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/Field.tsx\n\n// Port of packages/@react-spectrum/s2/src/Field.tsx.\nimport { Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type FieldSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface FieldProps {\n  /** The label for the field. */\n  label?: string;\n  /** A description or help text for the field. */\n  description?: string;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Whether the field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the field is invalid. */\n  isInvalid?: boolean;\n  /** The size of the field. @default 'md' */\n  size?: FieldSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** The field content (input element). */\n  children?: JSX.Element;\n  /** ID for the label's htmlFor attribute. */\n  htmlFor?: string;\n}\n\n// Vertical field stack. The label/help-text colors mirror S2's `fieldLabel()`\n// and `helpTextStyles` (`neutral-subdued`, flipping to `negative`/`disabled`);\n// sizes map sm/md/lg → the UI font's xs/sm/base steps. Routed through the\n// `style()` macro so the CSS ships in the package bundle for installed consumers.\nconst fieldStyles = style<{ size: FieldSize }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: { default: 8, size: { sm: 4, lg: 12 } },\n});\n\nconst fieldLabelStyles = style<{ size: FieldSize; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\", lg: \"ui\" } },\n  color: { default: \"neutral-subdued\", isDisabled: \"disabled\" },\n});\n\nconst fieldTextStyles = style<{ size: FieldSize; isInvalid?: boolean; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\" } },\n  color: { default: \"neutral-subdued\", isInvalid: \"negative\", isDisabled: \"disabled\" },\n});\n\nconst requiredStyles = style({ color: \"negative\", marginStart: 2 });\n\n/**\n * A field layout component that provides label, help text, and error message\n * around a form input.\n */\nexport function Field(props: FieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isInvalid\",\n    \"size\",\n    \"class\",\n    \"children\",\n    \"htmlFor\",\n  ]);\n\n  const size = () => local.size ?? \"md\";\n  const showError = () => local.isInvalid && local.errorMessage;\n\n  return (\n    <div class={[fieldStyles({ size: size() }), local.class].filter(Boolean).join(\" \")}>\n      <Show when={local.label}>\n        <label\n          for={local.htmlFor}\n          class={fieldLabelStyles({ size: size(), isDisabled: local.isDisabled })}\n        >\n          {local.label}\n          <Show when={local.isRequired}>\n            <span class={requiredStyles}>*</span>\n          </Show>\n        </label>\n      </Show>\n\n      {local.children}\n\n      <Show when={showError()}>\n        <p class={fieldTextStyles({ size: size(), isInvalid: true })} role=\"alert\">\n          {local.errorMessage}\n        </p>\n      </Show>\n\n      <Show when={!showError() && local.description}>\n        <p class={fieldTextStyles({ size: size(), isDisabled: local.isDisabled })}>\n          {local.description}\n        </p>\n      </Show>\n    </div>\n  );\n}\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Form.tsx\n\n// Port of packages/@react-spectrum/s2/src/Form.tsx.\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Form as HeadlessForm,\n  FieldError as HeadlessFieldError,\n  type FormProps as HeadlessFormProps,\n  type FieldErrorProps as HeadlessFieldErrorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { 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 { createIsSkeleton } from \"../skeleton\";\nimport { assignRef } from \"../button/spectrum-context\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type FormSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type FormLabelPosition = \"top\" | \"side\";\nexport type FormLabelAlign = \"start\" | \"end\";\nexport type FormNecessityIndicator = \"icon\" | \"label\";\n\nexport interface FormStyleProps {\n  /** The size of descendant Form elements. @default 'M' */\n  size?: FormSize;\n  /** The label's overall position relative to each field. @default 'top' */\n  labelPosition?: FormLabelPosition;\n  /** The label's horizontal alignment relative to each field. @default 'start' */\n  labelAlign?: FormLabelAlign;\n  /** Whether required fields show an icon or text label. @default 'icon' */\n  necessityIndicator?: FormNecessityIndicator;\n  /** Whether descendant Form elements are required. */\n  isRequired?: boolean;\n  /** Whether descendant Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether descendant Form elements are rendered with emphasized styling. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends Omit<HeadlessFormProps, \"class\" | \"style\" | \"ref\">, FormStyleProps {\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\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  ref?: HeadlessFormProps[\"ref\"];\n}\n\nexport interface FieldErrorProps extends Omit<HeadlessFieldErrorProps, \"class\"> {\n  class?: string;\n}\n\nexport const FormContext = createContext<FormStyleProps | null>(null);\n\nconst formStylePropKeys = [\n  \"size\",\n  \"labelPosition\",\n  \"labelAlign\",\n  \"necessityIndicator\",\n  \"isRequired\",\n  \"isDisabled\",\n  \"isEmphasized\",\n] as const;\n\nexport function useIsInForm(): boolean {\n  return useContext(FormContext) != null;\n}\n\nexport function useFormProps<T extends object>(props: T): T {\n  const context = useContext(FormContext);\n  const isSkeleton = createIsSkeleton();\n\n  const getInheritedValue = (property: PropertyKey) => {\n    if (property === \"isDisabled\" && isSkeleton()) {\n      return true;\n    }\n\n    if (typeof property !== \"string\") {\n      return undefined;\n    }\n\n    return context?.[property as keyof FormStyleProps];\n  };\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return true;\n      }\n\n      const localValue = Reflect.get(target, property, receiver);\n      if (localValue !== undefined) {\n        return localValue;\n      }\n\n      return getInheritedValue(property);\n    },\n    has(target, property) {\n      return Reflect.has(target, property) || getInheritedValue(property) !== undefined;\n    },\n    ownKeys(target) {\n      const keys = new Set<ReturnType<typeof Reflect.ownKeys>[number]>(Reflect.ownKeys(target));\n\n      for (const key of formStylePropKeys) {\n        if (getInheritedValue(key) !== undefined) {\n          keys.add(key);\n        }\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => true,\n        };\n      }\n\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (getInheritedValue(property) !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => getInheritedValue(property),\n        };\n      }\n\n      return undefined;\n    },\n  }) as T;\n}\n\nconst formStyles = style<{ labelPosition: FormLabelPosition; size: FormSize }>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      labelPosition: {\n        top: [\"[field] 1fr\"],\n        side: [\"[label] auto\", \"[field] 1fr\"],\n      },\n    },\n    rowGap: {\n      size: {\n        S: 20,\n        M: 24,\n        L: 32,\n        XL: 40,\n      },\n    },\n    columnGap: \"text-to-control\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function Form(props: FormProps): JSX.Element {\n  // Leave `children` on the headless rest props so they flow through as a\n  // lazy Solid getter — do not split them off and re-wrap. A forced\n  // `(rp) => children` render-prop wrapper desyncs createUniqueId between SSR\n  // and client (Form+Button hydration mismatch). See solid-spectrum Form.\n  const [local, headlessProps] = splitProps(props, [\n    \"size\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"ref\",\n  ]);\n\n  const size = () => local.size ?? \"M\";\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n\n  const contextValue: FormStyleProps = {\n    get size() {\n      return size();\n    },\n    get labelPosition() {\n      return labelPosition();\n    },\n    get labelAlign() {\n      return labelAlign();\n    },\n    get necessityIndicator() {\n      return necessityIndicator();\n    },\n    get isRequired() {\n      return local.isRequired;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get isEmphasized() {\n      return local.isEmphasized;\n    },\n  };\n\n  return (\n    <FormContext value={contextValue}>\n      <HeadlessForm\n        {...headlessProps}\n        ref={(el) => assignRef(local.ref, el)}\n        class={[\n          local.UNSAFE_className,\n          formStyles({ size: size(), labelPosition: labelPosition() }, local.styles),\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={local.UNSAFE_style}\n      />\n    </FormContext>\n  );\n}\n\n// Small UI font in the `negative` color, mirroring S2's help-text error state.\nconst fieldErrorStyles = style({ font: \"ui-sm\", color: \"negative\" });\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  return (\n    <HeadlessFieldError\n      {...headlessProps}\n      class={[fieldErrorStyles, local.class].filter(Boolean).join(\" \")}\n    />\n  );\n}\n\nexport { Field } from \"./Field\";\nexport type { FieldProps, FieldSize } from \"./Field\";\nexport { HelpText } from \"./HelpText\";\nexport type { HelpTextProps } from \"./HelpText\";\n"],"mappings":"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"}