@plasmicpkgs/react-aria 0.0.151 → 0.0.152

package/skinny/common-81f08e86.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-81f08e86.esm.js","sources":["../src/utils.ts","../src/common.ts"],"sourcesContent":["import {\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n  type CodeComponentMeta,\n} from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect } from \"react\";\nimport { InputProps, TextAreaProps } from \"react-aria-components\";\n\nexport type HasControlContextData<T = BaseControlContextData> = {\n  setControlContextData?: (ctxData: T) => void;\n};\n\nexport const isBrowser = typeof window !== \"undefined\";\n\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport type PlasmicCanvasProps = {\n  plasmicNotifyAutoOpenedContent?: () => void;\n  __plasmic_selection_prop__?: {\n    isSelected: boolean;\n    selectedSlotName?: string;\n  };\n};\n\nexport type ControlContextData = {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type BaseControlContextData = {\n  parent?: ControlContextData;\n};\n\nexport type BaseControlContextDataForLists = {\n  itemIds: string[];\n};\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type OtherCodeComponentsMeta = {\n  text: CodeComponentMeta<any>;\n  description: CodeComponentMeta<any>;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\" | \"name\"\n    >\n  >;\n\n/**\n * This hook determines whether an overlay should be open or not. Unlike `useAutoOpen`, it does not perform any actions.\n * It takes into account the following:\n * 1. Whether the overlay is in canvas or preview.\n * 2. Whether the overlay is selected on canvas\n * 3. Whether the overlay's trigger slot is selected on canvas\n */\nexport function useIsOpen({\n  triggerSlotName,\n  isOpen,\n  props,\n}: {\n  triggerSlotName?: string;\n  isOpen?: boolean;\n  props: PlasmicCanvasProps;\n}) {\n  const { __plasmic_selection_prop__, plasmicNotifyAutoOpenedContent } = props;\n  const canvasContext = usePlasmicCanvasContext();\n  const { isSelected, selectedSlotName } =\n    usePlasmicCanvasComponentInfo?.({ __plasmic_selection_prop__ }) ?? {};\n\n  // In preview, just use the isOpen prop as is.\n  if (!canvasContext) {\n    return isOpen;\n  }\n\n  // In canvas, override the isOpen prop if the element is selected.\n  const isTriggerSlotSelected =\n    isDefined(selectedSlotName) && selectedSlotName === triggerSlotName;\n\n  const isAutoOpenedBySelection = isSelected && !isTriggerSlotSelected;\n\n  if (isAutoOpenedBySelection && !isOpen) {\n    plasmicNotifyAutoOpenedContent?.();\n  }\n  // Component should always be controlled in canvas\n  return Boolean(isAutoOpenedBySelection || isOpen);\n}\n\n/**\n * This hook is used to perform open/close actions on an overlay. It takes into account the following:\n * 1. Whether the overlay is in canvas or preview.\n * 2. Whether the overlay is selected on canvas\n */\nexport function useAutoOpen({\n  props,\n  open,\n  close,\n}: {\n  props: PlasmicCanvasProps;\n  open?: () => void;\n  close?: () => void;\n}) {\n  const inPlasmicCanvas = !!usePlasmicCanvasContext();\n  const isSelected =\n    usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n  const { plasmicNotifyAutoOpenedContent } = props;\n\n  useEffect(() => {\n    // selection in outline tab only matters in canvas\n    if (!inPlasmicCanvas) {\n      return;\n    }\n    if (isSelected) {\n      open?.();\n      plasmicNotifyAutoOpenedContent?.();\n    } else {\n      close?.();\n    }\n  }, [\n    isSelected,\n    inPlasmicCanvas,\n    plasmicNotifyAutoOpenedContent,\n    open,\n    close,\n  ]);\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n  return meta;\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-plasmic-\"))\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n\nexport function isDefined<T>(thing: T | undefined | null): thing is T {\n  return thing !== undefined && thing !== null;\n}\n\nexport function filterHoverProps<T extends TextAreaProps | InputProps>(\n  props: T\n) {\n  const {\n    onHoverStart: _onHoverStart,\n    onHoverChange: _onHoverChange,\n    onHoverEnd: _onHoverEnd,\n    ...otherProps\n  } = props;\n  return otherProps;\n}\n","import { PlasmicElement, PropType } from \"@plasmicapp/host\";\nimport { CSSProperties } from \"react\";\nimport {\n  BaseControlContextData,\n  HasControlContextData,\n  isDefined,\n} from \"./utils\";\n\nexport function hasParent<T>(_props: T, ctx: ConditionalContext<T>): boolean {\n  return isDefined(ctx?.parent) === true;\n}\n\nexport function isParentReadOnly<T>(_props: T, ctx: ConditionalContext<T>) {\n  return ctx?.parent?.isReadOnly === true;\n}\n\nexport function isParentDisabled<T>(_props: T, ctx: ConditionalContext<T>) {\n  return ctx?.parent?.isDisabled === true;\n}\n\nexport function resolveAutoComplete(autoCompleteProp?: string | string[]) {\n  if (typeof autoCompleteProp === \"string\") {\n    return autoCompleteProp;\n  }\n  if (\n    !autoCompleteProp ||\n    !Array.isArray(autoCompleteProp) ||\n    autoCompleteProp.includes(\"off\")\n  ) {\n    return undefined;\n  }\n  if (autoCompleteProp.includes(\"off\")) {\n    return \"off\";\n  }\n  if (autoCompleteProp.includes(\"on\") && autoCompleteProp.length === 1) {\n    return \"on\";\n  }\n  return autoCompleteProp.filter((x) => x !== \"on\").join(\" \");\n}\n\ntype ConditionalContext<T> = T extends HasControlContextData\n  ? BaseControlContextData | null\n  : null;\n\nexport function createIdProp<T>(componentName: string): PropType<T> {\n  return {\n    type: \"string\",\n    description: `Sets the HTML id attribute on the root element of the ${componentName}.`,\n    advanced: true,\n  };\n}\n\nexport function createNameProp<T>(): PropType<T> {\n  return {\n    type: \"string\",\n    description: \"Name for this field if it is part of a form\",\n    displayName: \"Form field key\",\n    hidden: hasParent,\n    advanced: true,\n  };\n}\n\nexport function createDisabledProp<T>(componentName: string): PropType<T> {\n  return {\n    displayName: \"Disabled\",\n    type: \"boolean\",\n    description: `Whether the ${componentName} is read-only and unfocusable`,\n    defaultValueHint: false,\n    hidden: isParentDisabled,\n  };\n}\n\nexport function createReadOnlyProp<T>(componentName: string): PropType<T> {\n  return {\n    displayName: \"Read only\",\n    type: \"boolean\",\n    description: `Whether the value of this ${componentName} can be changed by the user. Unlike disabled, read-only does not prevent the user from interacting with the component (such as focus).`,\n    defaultValueHint: false,\n    advanced: true,\n    hidden: isParentReadOnly,\n  };\n}\n\nexport function createRequiredProp<T>(componentName: string): PropType<T> {\n  return {\n    displayName: \"Required\",\n    type: \"boolean\",\n    description: `Whether user input is required on the ${componentName} before form submission.`,\n    defaultValueHint: false,\n    advanced: true,\n    // hidden: hasParent,\n    hidden: () => true, // hiding required prop until the release of Aria Forms\n  };\n}\n\nexport function createAutoFocusProp<T>(componentName: string): PropType<T> {\n  return {\n    type: \"boolean\",\n    description: `Whether the ${componentName} should be focused when rendered`,\n    defaultValueHint: false,\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createAriaLabelProp<T>(componentName: string): PropType<T> {\n  return {\n    type: \"string\",\n    displayName: \"ARIA label\",\n    description: `Assistive technology uses this if there is no visible label for this ${componentName}`,\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createChildrenProp<T>(): PropType<T> {\n  return {\n    type: \"slot\",\n    mergeWithParent: true,\n  };\n}\nexport function createInitialValueProp<T>(componentName: string): PropType<T> {\n  return {\n    type: \"string\",\n    editOnly: true,\n    displayName: \"Initial value\",\n    uncontrolledProp: \"defaultValue\",\n    description: `The default value of the ${componentName}`,\n    hidden: hasParent,\n  };\n}\n\nexport function createMaxLengthProp<T>(): PropType<T> {\n  return {\n    type: \"number\",\n    description: \"The maximum number of characters supported by the input\",\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createMinLengthProp<T>(): PropType<T> {\n  return {\n    type: \"number\",\n    description: \"The minimum number of characters supported by the input\",\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createPatternProp<T>(): PropType<T> {\n  return {\n    type: \"string\",\n    description:\n      \"Regex pattern that the value of the input must match to be valid\",\n    helpText:\n      \"For more information about writing Regular Expressions (regex), visit [Regexr](https://regexr.com/)\",\n    validator: (value: string) => {\n      try {\n        new RegExp(value);\n        return true;\n      } catch (_err) {\n        return \"Invalid Regex\";\n      }\n    },\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createInputTypeProp<T>(): PropType<T> {\n  return {\n    type: \"choice\",\n    defaultValueHint: \"text\",\n    options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n    description:\n      \"The type of data that an input field is expected to handle. It influences the input's behavior, validation, and the kind of interface provided to the user.\",\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createInputModeProp<T>(): PropType<T> {\n  return {\n    type: \"choice\",\n    description:\n      \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n    options: [\n      \"none\",\n      \"text\",\n      \"tel\",\n      \"url\",\n      \"email\",\n      \"numeric\",\n      \"decimal\",\n      \"search\",\n    ],\n    hidden: hasParent,\n  };\n}\n\nexport function createAutoCompleteProp<T>(): PropType<T> {\n  return {\n    type: \"choice\",\n    advanced: true,\n    multiSelect: true,\n    hidden: hasParent,\n    description: \"Guidance as to the type of data expected in the field\",\n    helpText:\n      \"Learn more about the available options on the [MDN guide](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values)\",\n    options: [\n      \"on\",\n      \"off\",\n      \"name\",\n      \"honorific-prefix\",\n      \"given-name\",\n      \"additional-name\",\n      \"family-name\",\n      \"honorific-suffix\",\n      \"nickname\",\n      \"email\",\n      \"username\",\n      \"new-password\",\n      \"current-password\",\n      \"one-time-code\",\n      \"organization-title\",\n      \"organization\",\n      \"street-address\",\n      \"shipping\",\n      \"billing\",\n      \"address-line1\",\n      \"address-line2\",\n      \"address-line3\",\n      \"address-level4\",\n      \"address-level3\",\n      \"address-level2\",\n      \"address-level1\",\n      \"country\",\n      \"country-name\",\n      \"postal-code\",\n      \"cc-name\",\n      \"cc-given-name\",\n      \"cc-additional-name\",\n      \"cc-family-name\",\n      \"cc-number\",\n      \"cc-exp\",\n      \"cc-exp-month\",\n      \"cc-exp-year\",\n      \"cc-csc\",\n      \"cc-type\",\n      \"transaction-currency\",\n      \"transaction-amount\",\n      \"language\",\n      \"bday\",\n      \"bday-day\",\n      \"bday-month\",\n      \"bday-year\",\n      \"sex\",\n      \"tel\",\n      \"tel-country-code\",\n      \"tel-national\",\n      \"tel-area-code\",\n      \"tel-local\",\n      \"tel-local-suffix\",\n      \"tel-local-prefix\",\n      \"tel-extension\",\n      \"impp\",\n      \"url\",\n      \"photo\",\n      \"webauthn\",\n    ],\n  };\n}\n\nexport function createValidationBehaviorProp<T>(): PropType<T> {\n  return {\n    type: \"choice\",\n    options: [\"native\", \"aria\"],\n    description:\n      \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n    defaultValueHint: \"native\",\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnChangeProp<T>(argType: \"string\" | \"number\" | \"object\" = \"string\"): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"value\", type: argType }],\n    hidden: hasParent,\n  };\n}\n\nexport function createOnFocusProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnBlurProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnFocusChangeProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnKeyDownProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnKeyUpProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnCopyProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnCutProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnPasteProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnCompositionStartProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnCompositionEndProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnCompositionUpdateProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnSelectProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnBeforeInputProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createOnInputProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n    advanced: true,\n    hidden: hasParent,\n  };\n}\n\nexport function createPlaceholderProp<T>(): PropType<T> {\n  return {\n    type: \"string\",\n  };\n}\n\ntype Overrides = {\n  defaultValueHint?: any;\n};\n\nexport function createPlacementProp<T>(\n  componentName: string,\n  overrides: Overrides\n): PropType<T> {\n  return {\n    type: \"choice\",\n    description: `Default placement of the ${componentName} relative to the trigger, if there is enough space`,\n    options: [\n      \"bottom\",\n      \"bottom left\",\n      \"bottom right\",\n      \"bottom start\",\n      \"bottom end\",\n      \"top\",\n      \"top left\",\n      \"top right\",\n      \"top start\",\n      \"top end\",\n      \"left\",\n      \"left top\",\n      \"left bottom\",\n      \"start\",\n      \"start top\",\n      \"start bottom\",\n      \"right\",\n      \"right top\",\n      \"right bottom\",\n      \"end\",\n      \"end top\",\n      \"end bottom\",\n    ],\n    ...(overrides ?? {}),\n  };\n}\n\nexport function createOffsetProp<T>(\n  componentName: string,\n  overrides: Overrides\n): PropType<T> {\n  return {\n    type: \"number\",\n    displayName: \"Offset\",\n    description: `Additional offset applied along the main axis between the ${componentName} and its trigger`,\n    advanced: true,\n    ...(overrides ?? {}),\n  };\n}\n\nexport function createContainerPaddingProp<T>(\n  componentName: string,\n  overrides: Overrides\n): PropType<T> {\n  return {\n    type: \"number\",\n    description: `The padding that should be applied between the ${componentName} and its surrounding container. This affects the positioning breakpoints that determine when it will attempt to flip.`,\n    advanced: true,\n    ...(overrides ?? {}),\n  };\n}\n\nexport function createCrossOffsetProp<T>(\n  componentName: string,\n  overrides: Overrides\n): PropType<T> {\n  return {\n    type: \"number\",\n    description: `The additional offset applied along the cross axis between the ${componentName} and its anchor element.`,\n    advanced: true,\n    ...(overrides ?? {}),\n  };\n}\n\nexport function getCommonOverlayProps<T>(\n  componentName: string,\n  overrides: Record<string, Overrides>\n) {\n  const commonProps: Record<string, PropType<T>> = {\n    placement: createPlacementProp<T>(componentName, overrides[\"placement\"]),\n    offset: createOffsetProp<T>(componentName, overrides[\"offset\"]),\n    containerPadding: createContainerPaddingProp<T>(\n      componentName,\n      overrides[\"containerPadding\"]\n    ),\n    crossOffset: createCrossOffsetProp<T>(\n      componentName,\n      overrides[\"crossOffset\"]\n    ),\n  };\n  return commonProps;\n}\n\nexport const arrowDown: PlasmicElement = {\n  type: \"hbox\",\n  children: [],\n  styles: {\n    width: 0,\n    height: 0,\n    padding: 0,\n    borderLeftWidth: \"5px\",\n    borderRightWidth: \"5px\",\n    borderTopWidth: \"5px\",\n    borderLeftStyle: \"solid\",\n    borderRightStyle: \"solid\",\n    borderTopStyle: \"solid\",\n    borderLeftColor: \"transparent\",\n    borderRightColor: \"transparent\",\n    borderTopColor: \"black\",\n  },\n};\n// Set border-box to the root element of the aria code component to align with Plasmic's default of using border-box for all root elements.\nexport const COMMON_STYLES: CSSProperties = { boxSizing: \"border-box\" };\n\n/**\n* Minimal shared input event-handler registrations for text-entry controls.\n*\n* This returns only the event handler props that have the exact same names and\n* semantics across all three components: Input, Text Field, and Text Area.\n* Non-event props (e.g., id, name, value, maxLength/minLength, inputMode,\n* placeholder, pattern, type, autoComplete, validationBehavior, disabled/\n* isDisabled, readOnly/isReadOnly, required/isRequired, \"aria-label\") must be\n* registered explicitly at the component level to preserve the desired\n* editor-facing ordering.\n*/\nexport function commonInputEventHandlerProps<T>(): Record<string, PropType<T>> {\n  return {\n    // Events supported uniformly by all three\n    onChange: createOnChangeProp<T>(\"string\"),\n    onFocus: createOnFocusProp<T>(),\n    onBlur: createOnBlurProp<T>(),\n    onKeyDown: createOnKeyDownProp<T>(),\n    onKeyUp: createOnKeyUpProp<T>(),\n    onCopy: createOnCopyProp<T>(),\n    onCut: createOnCutProp<T>(),\n    onPaste: createOnPasteProp<T>(),\n    onCompositionStart: createOnCompositionStartProp<T>(),\n    onCompositionEnd: createOnCompositionEndProp<T>(),\n    onCompositionUpdate: createOnCompositionUpdateProp<T>(),\n    onSelect: createOnSelectProp<T>(),\n    onBeforeInput: createOnBeforeInputProp<T>(),\n    onInput: createOnInputProp<T>(),\n  };\n}\n"],"names":["__spreadValues"],"mappings":"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"}

package/skinny/common.d.ts

@@ -6,7 +6,38 @@ export declare function isParentReadOnly<T>(_props: T, ctx: ConditionalContext<T
 export declare function isParentDisabled<T>(_props: T, ctx: ConditionalContext<T>): boolean;
 export declare function resolveAutoComplete(autoCompleteProp?: string | string[]): string | undefined;
 type ConditionalContext<T> = T extends HasControlContextData ? BaseControlContextData | null : null;
-export declare function getCommonProps<T>(componentName: string, propNames: (keyof T)[]): Partial<Record<keyof T, PropType<T>>>;
+export declare function createIdProp<T>(componentName: string): PropType<T>;
+export declare function createNameProp<T>(): PropType<T>;
+export declare function createDisabledProp<T>(componentName: string): PropType<T>;
+export declare function createReadOnlyProp<T>(componentName: string): PropType<T>;
+export declare function createRequiredProp<T>(componentName: string): PropType<T>;
+export declare function createAutoFocusProp<T>(componentName: string): PropType<T>;
+export declare function createAriaLabelProp<T>(componentName: string): PropType<T>;
+export declare function createChildrenProp<T>(): PropType<T>;
+export declare function createInitialValueProp<T>(componentName: string): PropType<T>;
+export declare function createMaxLengthProp<T>(): PropType<T>;
+export declare function createMinLengthProp<T>(): PropType<T>;
+export declare function createPatternProp<T>(): PropType<T>;
+export declare function createInputTypeProp<T>(): PropType<T>;
+export declare function createInputModeProp<T>(): PropType<T>;
+export declare function createAutoCompleteProp<T>(): PropType<T>;
+export declare function createValidationBehaviorProp<T>(): PropType<T>;
+export declare function createOnChangeProp<T>(argType?: "string" | "number" | "object"): PropType<T>;
+export declare function createOnFocusProp<T>(): PropType<T>;
+export declare function createOnBlurProp<T>(): PropType<T>;
+export declare function createOnFocusChangeProp<T>(): PropType<T>;
+export declare function createOnKeyDownProp<T>(): PropType<T>;
+export declare function createOnKeyUpProp<T>(): PropType<T>;
+export declare function createOnCopyProp<T>(): PropType<T>;
+export declare function createOnCutProp<T>(): PropType<T>;
+export declare function createOnPasteProp<T>(): PropType<T>;
+export declare function createOnCompositionStartProp<T>(): PropType<T>;
+export declare function createOnCompositionEndProp<T>(): PropType<T>;
+export declare function createOnCompositionUpdateProp<T>(): PropType<T>;
+export declare function createOnSelectProp<T>(): PropType<T>;
+export declare function createOnBeforeInputProp<T>(): PropType<T>;
+export declare function createOnInputProp<T>(): PropType<T>;
+export declare function createPlaceholderProp<T>(): PropType<T>;
 type Overrides = {
     defaultValueHint?: any;
 };
@@ -17,4 +48,16 @@ export declare function createCrossOffsetProp<T>(componentName: string, override
 export declare function getCommonOverlayProps<T>(componentName: string, overrides: Record<string, Overrides>): Record<string, PropType<T>>;
 export declare const arrowDown: PlasmicElement;
 export declare const COMMON_STYLES: CSSProperties;
+/**
+* Minimal shared input event-handler registrations for text-entry controls.
+*
+* This returns only the event handler props that have the exact same names and
+* semantics across all three components: Input, Text Field, and Text Area.
+* Non-event props (e.g., id, name, value, maxLength/minLength, inputMode,
+* placeholder, pattern, type, autoComplete, validationBehavior, disabled/
+* isDisabled, readOnly/isReadOnly, required/isRequired, "aria-label") must be
+* registered explicitly at the component level to preserve the desired
+* editor-facing ordering.
+*/
+export declare function commonInputEventHandlerProps<T>(): Record<string, PropType<T>>;
 export {};

package/skinny/contexts.d.ts

@@ -12,7 +12,7 @@ export declare const PlasmicRadioGroupContext: React.Context<(import("./register
 export declare const PlasmicDialogTriggerContext: React.Context<import("./registerDialogTrigger").BaseDialogTriggerProps | undefined>;
 export type PlasmicSliderContextType<T extends number | number[]> = React.ComponentProps<typeof BaseSlider<T>> | undefined;
 export declare const PlasmicSliderContext: React.Context<PlasmicSliderContextType<number | number[]>>;
-export declare const PlasmicLabelContext: React.Context<import("react-aria-components").LabelProps | undefined>;
+export declare const PlasmicLabelContext: React.Context<import("./registerLabel").BaseLabelProps | undefined>;
 export declare const PlasmicPopoverTriggerContext: React.Context<boolean | undefined>;
 export declare const PlasmicListBoxContext: React.Context<{
     idManager: OptionsItemIdManager;

package/skinny/registerButton.cjs.js

@@ -4,8 +4,7 @@ var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
@@ -96,6 +95,8 @@ function LinkButton({
     href,
     className: props.className,
     style: common.COMMON_STYLES,
+    id: props.id,
+    "aria-label": props["aria-label"],
     ref
   });
   return /* @__PURE__ */ React__default.default.createElement(
@@ -120,9 +121,9 @@ function LinkButton({
     )
   );
 }
-const BUTTON_COMPONENT_NAME = utils.makeComponentName("button");
+const BUTTON_COMPONENT_NAME = common.makeComponentName("button");
 function registerButton(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseButton,
     {
@@ -145,11 +146,11 @@ function registerButton(loader, overrides) {
         padding: "2px 10px",
         textDecorationLine: "none"
       },
-      props: __spreadProps(__spreadValues({}, common.getCommonProps("button", [
-        "autoFocus",
-        "isDisabled",
-        "aria-label"
-      ])), {
+      props: {
+        id: common.createIdProp("Button"),
+        autoFocus: common.createAutoFocusProp("Button"),
+        isDisabled: common.createDisabledProp("Button"),
+        "aria-label": common.createAriaLabelProp("Button"),
         children: {
           type: "slot",
           mergeWithParent: true,
@@ -193,7 +194,7 @@ function registerButton(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "event", type: "object" }]
         }
-      }),
+      },
       trapsFocus: true
     },
     overrides

package/skinny/registerButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { usePlasmicLink } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { mergeProps, useFocusRing, useHover, useLink } from \"react-aria\";\nimport type { ButtonProps, LinkProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst BUTTON_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(BUTTON_VARIANTS);\n\ntype CommonProps = { children: React.ReactNode } & Omit<\n  ButtonProps,\n  \"className\" | \"children\"\n> &\n  Omit<LinkProps, \"className\" | \"children\">;\ntype LinkSpecificProps = Pick<LinkProps, \"href\" | \"target\">;\ntype ButtonSpecificProps = {\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n};\n\nexport interface BaseButtonProps\n  extends CommonProps,\n    LinkSpecificProps,\n    ButtonSpecificProps,\n    WithVariants<typeof BUTTON_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const BaseButton = React.forwardRef(function BaseButtonInner(\n  props: BaseButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n  const { href } = props;\n\n  if (href) {\n    return (\n      <LinkButton\n        props={props}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n      />\n    );\n  } else {\n    const { submitsForm, resetsForm, children, plasmicUpdateVariant, ...rest } =\n      props;\n    const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n    const buttonProps = mergeProps(rest, {\n      type,\n      style: COMMON_STYLES,\n      ref: ref as React.Ref<HTMLButtonElement>,\n    });\n\n    return (\n      <Button {...buttonProps}>\n        {({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Button>\n    );\n  }\n});\n\nfunction LinkButton({\n  props,\n  ref,\n}: {\n  props: BaseButtonProps;\n  ref: React.RefObject<HTMLAnchorElement>;\n}) {\n  const { href, children, plasmicUpdateVariant, ...rest } = props;\n  const PlasmicLink = usePlasmicLink();\n  const { linkProps, isPressed } = useLink(props, ref);\n  const { hoverProps, isHovered } = useHover(props);\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing();\n\n  const combinedLinkProps = mergeProps(linkProps, hoverProps, focusProps, {\n    href,\n    className: props.className,\n    style: COMMON_STYLES,\n    ref,\n  });\n\n  return (\n    <PlasmicLink\n      {...combinedLinkProps}\n      data-focused={isFocused || undefined}\n      data-hovered={isHovered || undefined}\n      data-pressed={isPressed || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={props.isDisabled || undefined}\n    >\n      {withObservedValues(\n        children,\n        {\n          hovered: isHovered,\n          pressed: isPressed,\n          focused: isFocused,\n          focusVisible: isFocusVisible,\n          disabled: !!rest.isDisabled,\n        },\n        plasmicUpdateVariant\n      )}\n    </PlasmicLink>\n  );\n}\n\nexport const BUTTON_COMPONENT_NAME = makeComponentName(\"button\");\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: BUTTON_COMPONENT_NAME,\n      displayName: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      variants,\n      defaultStyles: {\n        // Ensure consistent design across rendered elements (button, anchor tag).\n        backgroundColor: \"#EFEFEF\",\n        borderColor: \"black\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        color: \"#000000\",\n        cursor: \"pointer\",\n        fontFamily: \"Arial\",\n        fontSize: \"1rem\",\n        lineHeight: \"1.2\",\n        padding: \"2px 10px\",\n        textDecorationLine: \"none\",\n      },\n      props: {\n        ...getCommonProps<BaseButtonProps>(\"button\", [\n          \"autoFocus\",\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Button\",\n          },\n        },\n        href: {\n          type: \"href\",\n          description:\n            \"The URL this button navigates to. If present, this button is an <a> element.\",\n        },\n        target: {\n          type: \"choice\",\n          options: [\"_blank\", \"_self\", \"_parent\", \"_top\"],\n          description:\n            \"Same as target attribute of <a> element. Only applies when the href prop is present.\",\n          hidden: (props) => !props.href,\n          defaultValueHint: \"_self\",\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.resetsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.submitsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","mergeProps","COMMON_STYLES","Button","usePlasmicLink","useLink","useHover","useFocusRing","makeComponentName","registerComponentHelper","getCommonProps"],"mappings":"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"}
+{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { usePlasmicLink } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { mergeProps, useFocusRing, useHover, useLink } from \"react-aria\";\nimport type { ButtonProps, LinkProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n} from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst BUTTON_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(BUTTON_VARIANTS);\n\ntype ButtonCommonProps = { children: React.ReactNode } & Omit<\n  ButtonProps,\n  \"className\" | \"children\"\n> &\n  Omit<LinkProps, \"className\" | \"children\">;\ntype LinkSpecificProps = Pick<LinkProps, \"href\" | \"target\">;\ntype ButtonSpecificProps = {\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n};\n\nexport interface BaseButtonProps\n  extends ButtonCommonProps,\n    LinkSpecificProps,\n    ButtonSpecificProps,\n    WithVariants<typeof BUTTON_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const BaseButton = React.forwardRef(function BaseButtonInner(\n  props: BaseButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n  const { href } = props;\n\n  if (href) {\n    return (\n      <LinkButton\n        props={props}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n      />\n    );\n  } else {\n    const { submitsForm, resetsForm, children, plasmicUpdateVariant, ...rest } =\n      props;\n    const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n    const buttonProps = mergeProps(rest, {\n      type,\n      style: COMMON_STYLES,\n      ref: ref as React.Ref<HTMLButtonElement>,\n    });\n\n    return (\n      <Button {...buttonProps}>\n        {({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Button>\n    );\n  }\n});\n\nfunction LinkButton({\n  props,\n  ref,\n}: {\n  props: BaseButtonProps;\n  ref: React.RefObject<HTMLAnchorElement>;\n}) {\n  const { href, children, plasmicUpdateVariant, ...rest } = props;\n  const PlasmicLink = usePlasmicLink();\n  const { linkProps, isPressed } = useLink(props, ref);\n  const { hoverProps, isHovered } = useHover(props);\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing();\n\n  const combinedLinkProps = mergeProps(linkProps, hoverProps, focusProps, {\n    href,\n    className: props.className,\n    style: COMMON_STYLES,\n    id: props.id,\n    \"aria-label\": props[\"aria-label\"],\n    ref,\n  });\n\n  return (\n    <PlasmicLink\n      {...combinedLinkProps}\n      data-focused={isFocused || undefined}\n      data-hovered={isHovered || undefined}\n      data-pressed={isPressed || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={props.isDisabled || undefined}\n    >\n      {withObservedValues(\n        children,\n        {\n          hovered: isHovered,\n          pressed: isPressed,\n          focused: isFocused,\n          focusVisible: isFocusVisible,\n          disabled: !!rest.isDisabled,\n        },\n        plasmicUpdateVariant\n      )}\n    </PlasmicLink>\n  );\n}\n\nexport const BUTTON_COMPONENT_NAME = makeComponentName(\"button\");\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: BUTTON_COMPONENT_NAME,\n      displayName: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      variants,\n      defaultStyles: {\n        // Ensure consistent design across rendered elements (button, anchor tag).\n        backgroundColor: \"#EFEFEF\",\n        borderColor: \"black\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        color: \"#000000\",\n        cursor: \"pointer\",\n        fontFamily: \"Arial\",\n        fontSize: \"1rem\",\n        lineHeight: \"1.2\",\n        padding: \"2px 10px\",\n        textDecorationLine: \"none\",\n      },\n      props: {\n        id: createIdProp(\"Button\"),\n        autoFocus: createAutoFocusProp(\"Button\"),\n        isDisabled: createDisabledProp(\"Button\"),\n        \"aria-label\": createAriaLabelProp(\"Button\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Button\",\n          },\n        },\n        href: {\n          type: \"href\",\n          description:\n            \"The URL this button navigates to. If present, this button is an <a> element.\",\n        },\n        target: {\n          type: \"choice\",\n          options: [\"_blank\", \"_self\", \"_parent\", \"_top\"],\n          description:\n            \"Same as target attribute of <a> element. Only applies when the href prop is present.\",\n          hidden: (props) => !props.href,\n          defaultValueHint: \"_self\",\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.resetsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.submitsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","mergeProps","COMMON_STYLES","Button","usePlasmicLink","useLink","useHover","useFocusRing","makeComponentName","registerComponentHelper","createIdProp","createAutoFocusProp","createDisabledProp","createAriaLabelProp"],"mappings":"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"}

package/skinny/registerButton.d.ts

@@ -3,7 +3,7 @@ import type { ButtonProps, LinkProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 import { WithVariants } from "./variant-utils";
 declare const BUTTON_VARIANTS: ("disabled" | "hovered" | "pressed" | "focused" | "focusVisible")[];
-type CommonProps = {
+type ButtonCommonProps = {
     children: React.ReactNode;
 } & Omit<ButtonProps, "className" | "children"> & Omit<LinkProps, "className" | "children">;
 type LinkSpecificProps = Pick<LinkProps, "href" | "target">;
@@ -11,7 +11,7 @@ type ButtonSpecificProps = {
     resetsForm?: boolean;
     submitsForm?: boolean;
 };
-export interface BaseButtonProps extends CommonProps, LinkSpecificProps, ButtonSpecificProps, WithVariants<typeof BUTTON_VARIANTS> {
+export interface BaseButtonProps extends ButtonCommonProps, LinkSpecificProps, ButtonSpecificProps, WithVariants<typeof BUTTON_VARIANTS> {
     children: React.ReactNode;
     className?: string;
 }

package/skinny/registerButton.esm.js

@@ -2,8 +2,7 @@ import { usePlasmicLink } from '@plasmicapp/host';
 import React from 'react';
 import { mergeProps, useLink, useHover, useFocusRing } from 'react-aria';
 import { Button } from 'react-aria-components';
-import { C as COMMON_STYLES, g as getCommonProps } from './common-3fde23cc.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
+import { C as COMMON_STYLES, m as makeComponentName, r as registerComponentHelper, c as createIdProp, g as createAutoFocusProp, b as createDisabledProp, f as createAriaLabelProp } from './common-81f08e86.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host/registerComponent';
 
@@ -90,6 +89,8 @@ function LinkButton({
     href,
     className: props.className,
     style: COMMON_STYLES,
+    id: props.id,
+    "aria-label": props["aria-label"],
     ref
   });
   return /* @__PURE__ */ React.createElement(
@@ -139,11 +140,11 @@ function registerButton(loader, overrides) {
         padding: "2px 10px",
         textDecorationLine: "none"
       },
-      props: __spreadProps(__spreadValues({}, getCommonProps("button", [
-        "autoFocus",
-        "isDisabled",
-        "aria-label"
-      ])), {
+      props: {
+        id: createIdProp("Button"),
+        autoFocus: createAutoFocusProp("Button"),
+        isDisabled: createDisabledProp("Button"),
+        "aria-label": createAriaLabelProp("Button"),
         children: {
           type: "slot",
           mergeWithParent: true,
@@ -187,7 +188,7 @@ function registerButton(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "event", type: "object" }]
         }
-      }),
+      },
       trapsFocus: true
     },
     overrides

package/skinny/registerButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerButton.esm.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { usePlasmicLink } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { mergeProps, useFocusRing, useHover, useLink } from \"react-aria\";\nimport type { ButtonProps, LinkProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst BUTTON_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(BUTTON_VARIANTS);\n\ntype CommonProps = { children: React.ReactNode } & Omit<\n  ButtonProps,\n  \"className\" | \"children\"\n> &\n  Omit<LinkProps, \"className\" | \"children\">;\ntype LinkSpecificProps = Pick<LinkProps, \"href\" | \"target\">;\ntype ButtonSpecificProps = {\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n};\n\nexport interface BaseButtonProps\n  extends CommonProps,\n    LinkSpecificProps,\n    ButtonSpecificProps,\n    WithVariants<typeof BUTTON_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const BaseButton = React.forwardRef(function BaseButtonInner(\n  props: BaseButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n  const { href } = props;\n\n  if (href) {\n    return (\n      <LinkButton\n        props={props}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n      />\n    );\n  } else {\n    const { submitsForm, resetsForm, children, plasmicUpdateVariant, ...rest } =\n      props;\n    const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n    const buttonProps = mergeProps(rest, {\n      type,\n      style: COMMON_STYLES,\n      ref: ref as React.Ref<HTMLButtonElement>,\n    });\n\n    return (\n      <Button {...buttonProps}>\n        {({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Button>\n    );\n  }\n});\n\nfunction LinkButton({\n  props,\n  ref,\n}: {\n  props: BaseButtonProps;\n  ref: React.RefObject<HTMLAnchorElement>;\n}) {\n  const { href, children, plasmicUpdateVariant, ...rest } = props;\n  const PlasmicLink = usePlasmicLink();\n  const { linkProps, isPressed } = useLink(props, ref);\n  const { hoverProps, isHovered } = useHover(props);\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing();\n\n  const combinedLinkProps = mergeProps(linkProps, hoverProps, focusProps, {\n    href,\n    className: props.className,\n    style: COMMON_STYLES,\n    ref,\n  });\n\n  return (\n    <PlasmicLink\n      {...combinedLinkProps}\n      data-focused={isFocused || undefined}\n      data-hovered={isHovered || undefined}\n      data-pressed={isPressed || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={props.isDisabled || undefined}\n    >\n      {withObservedValues(\n        children,\n        {\n          hovered: isHovered,\n          pressed: isPressed,\n          focused: isFocused,\n          focusVisible: isFocusVisible,\n          disabled: !!rest.isDisabled,\n        },\n        plasmicUpdateVariant\n      )}\n    </PlasmicLink>\n  );\n}\n\nexport const BUTTON_COMPONENT_NAME = makeComponentName(\"button\");\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: BUTTON_COMPONENT_NAME,\n      displayName: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      variants,\n      defaultStyles: {\n        // Ensure consistent design across rendered elements (button, anchor tag).\n        backgroundColor: \"#EFEFEF\",\n        borderColor: \"black\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        color: \"#000000\",\n        cursor: \"pointer\",\n        fontFamily: \"Arial\",\n        fontSize: \"1rem\",\n        lineHeight: \"1.2\",\n        padding: \"2px 10px\",\n        textDecorationLine: \"none\",\n      },\n      props: {\n        ...getCommonProps<BaseButtonProps>(\"button\", [\n          \"autoFocus\",\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Button\",\n          },\n        },\n        href: {\n          type: \"href\",\n          description:\n            \"The URL this button navigates to. If present, this button is an <a> element.\",\n        },\n        target: {\n          type: \"choice\",\n          options: [\"_blank\", \"_self\", \"_parent\", \"_top\"],\n          description:\n            \"Same as target attribute of <a> element. Only applies when the href prop is present.\",\n          hidden: (props) => !props.href,\n          defaultValueHint: \"_self\",\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.resetsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.submitsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerButton.esm.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { usePlasmicLink } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { mergeProps, useFocusRing, useHover, useLink } from \"react-aria\";\nimport type { ButtonProps, LinkProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n} from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst BUTTON_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(BUTTON_VARIANTS);\n\ntype ButtonCommonProps = { children: React.ReactNode } & Omit<\n  ButtonProps,\n  \"className\" | \"children\"\n> &\n  Omit<LinkProps, \"className\" | \"children\">;\ntype LinkSpecificProps = Pick<LinkProps, \"href\" | \"target\">;\ntype ButtonSpecificProps = {\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n};\n\nexport interface BaseButtonProps\n  extends ButtonCommonProps,\n    LinkSpecificProps,\n    ButtonSpecificProps,\n    WithVariants<typeof BUTTON_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const BaseButton = React.forwardRef(function BaseButtonInner(\n  props: BaseButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n  const { href } = props;\n\n  if (href) {\n    return (\n      <LinkButton\n        props={props}\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n      />\n    );\n  } else {\n    const { submitsForm, resetsForm, children, plasmicUpdateVariant, ...rest } =\n      props;\n    const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n    const buttonProps = mergeProps(rest, {\n      type,\n      style: COMMON_STYLES,\n      ref: ref as React.Ref<HTMLButtonElement>,\n    });\n\n    return (\n      <Button {...buttonProps}>\n        {({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Button>\n    );\n  }\n});\n\nfunction LinkButton({\n  props,\n  ref,\n}: {\n  props: BaseButtonProps;\n  ref: React.RefObject<HTMLAnchorElement>;\n}) {\n  const { href, children, plasmicUpdateVariant, ...rest } = props;\n  const PlasmicLink = usePlasmicLink();\n  const { linkProps, isPressed } = useLink(props, ref);\n  const { hoverProps, isHovered } = useHover(props);\n  const { focusProps, isFocused, isFocusVisible } = useFocusRing();\n\n  const combinedLinkProps = mergeProps(linkProps, hoverProps, focusProps, {\n    href,\n    className: props.className,\n    style: COMMON_STYLES,\n    id: props.id,\n    \"aria-label\": props[\"aria-label\"],\n    ref,\n  });\n\n  return (\n    <PlasmicLink\n      {...combinedLinkProps}\n      data-focused={isFocused || undefined}\n      data-hovered={isHovered || undefined}\n      data-pressed={isPressed || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={props.isDisabled || undefined}\n    >\n      {withObservedValues(\n        children,\n        {\n          hovered: isHovered,\n          pressed: isPressed,\n          focused: isFocused,\n          focusVisible: isFocusVisible,\n          disabled: !!rest.isDisabled,\n        },\n        plasmicUpdateVariant\n      )}\n    </PlasmicLink>\n  );\n}\n\nexport const BUTTON_COMPONENT_NAME = makeComponentName(\"button\");\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: BUTTON_COMPONENT_NAME,\n      displayName: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      variants,\n      defaultStyles: {\n        // Ensure consistent design across rendered elements (button, anchor tag).\n        backgroundColor: \"#EFEFEF\",\n        borderColor: \"black\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        color: \"#000000\",\n        cursor: \"pointer\",\n        fontFamily: \"Arial\",\n        fontSize: \"1rem\",\n        lineHeight: \"1.2\",\n        padding: \"2px 10px\",\n        textDecorationLine: \"none\",\n      },\n      props: {\n        id: createIdProp(\"Button\"),\n        autoFocus: createAutoFocusProp(\"Button\"),\n        isDisabled: createDisabledProp(\"Button\"),\n        \"aria-label\": createAriaLabelProp(\"Button\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Button\",\n          },\n        },\n        href: {\n          type: \"href\",\n          description:\n            \"The URL this button navigates to. If present, this button is an <a> element.\",\n        },\n        target: {\n          type: \"choice\",\n          options: [\"_blank\", \"_self\", \"_parent\", \"_top\"],\n          description:\n            \"Same as target attribute of <a> element. Only applies when the href prop is present.\",\n          hidden: (props) => !props.href,\n          defaultValueHint: \"_self\",\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.resetsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (props) => Boolean(props.submitsForm) || Boolean(props.href),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerCheckbox.cjs.js

@@ -2,10 +2,9 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var OptionsItemIdManager = require('./OptionsItemIdManager-f0a61ed5.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-cb3a2c53.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
@@ -155,9 +154,9 @@ const makeDefaultCheckboxChildren = ({
     ] : []
   ]
 });
-const CHECKBOX_COMPONENT_NAME = utils.makeComponentName("checkbox");
+const CHECKBOX_COMPONENT_NAME = common.makeComponentName("checkbox");
 function registerCheckbox(loader, overrides) {
-  return utils.registerComponentHelper(
+  return common.registerComponentHelper(
     loader,
     BaseCheckbox,
     {
@@ -166,14 +165,14 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants,
-      props: __spreadProps(__spreadValues({}, common.getCommonProps("checkbox", [
-        "name",
-        "isDisabled",
-        "isReadOnly",
-        "aria-label",
-        "isRequired",
-        "autoFocus"
-      ])), {
+      props: {
+        id: common.createIdProp("Checkbox"),
+        name: common.createNameProp(),
+        isDisabled: common.createDisabledProp("Checkbox"),
+        isReadOnly: common.createReadOnlyProp("Checkbox"),
+        isRequired: common.createRequiredProp("Checkbox"),
+        autoFocus: common.createAutoFocusProp("Checkbox"),
+        "aria-label": common.createAriaLabelProp("Checkbox"),
         children: {
           type: "slot",
           mergeWithParent: true,
@@ -225,7 +224,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      }),
+      },
       states: {
         isSelected: {
           type: "writable",

package/skinny/registerCheckbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps, hasParent } from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n              indeterminate: isIndeterminate,\n              selected: isSelected,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        ...getCommonProps<BaseCheckboxProps>(\"checkbox\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"isRequired\",\n          \"autoFocus\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\n        },\n        isInvalid: {\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicCheckboxGroupContext","useOptionsItemId","Checkbox","COMMON_STYLES","makeComponentName","registerComponentHelper","getCommonProps","hasParent"],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  hasParent,\n} from \"./common\";\nimport { PlasmicCheckboxGroupContext } from \"./contexts\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst CHECKBOX_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"indeterminate\" as const,\n  \"disabled\" as const,\n  \"selected\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseCheckboxControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\ninterface BaseCheckboxProps\n  extends CheckboxProps,\n    HasControlContextData<BaseCheckboxControlContextData>,\n    WithVariants<typeof CHECKBOX_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(CHECKBOX_VARIANTS);\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const {\n    children,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicCheckboxGroupContext);\n\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  return (\n    <>\n      <Checkbox\n        {...rest}\n        value={registeredId}\n        key={registeredId}\n        style={COMMON_STYLES}\n      >\n        {({\n          isHovered,\n          isPressed,\n          isFocused,\n          isFocusVisible,\n          isDisabled,\n          isIndeterminate,\n          isSelected,\n          isReadOnly,\n        }) =>\n          withObservedValues(\n            children,\n            {\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n              indeterminate: isIndeterminate,\n              selected: isSelected,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Checkbox>\n    </>\n  );\n}\n\nexport const makeDefaultCheckboxChildren = ({\n  label,\n  showDocs,\n}: {\n  label: string;\n  showDocs?: boolean;\n}): PlasmicElement => ({\n  type: \"vbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"2px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"hbox\",\n      styles: {\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: 0,\n      },\n      children: [\n        {\n          type: \"box\",\n          styles: {\n            width: \"7px\",\n            height: \"7px\",\n            borderRadius: \"3px\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            borderColor: \"black\",\n          },\n        },\n        {\n          type: \"text\",\n          value: label,\n        },\n      ],\n    },\n    ...(showDocs\n      ? [\n          {\n            type: \"text\",\n            value: \"Use the registered variants to see it in action...\",\n          } as PlasmicElement,\n        ]\n      : []),\n  ],\n});\n\nexport const CHECKBOX_COMPONENT_NAME = makeComponentName(\"checkbox\");\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: CHECKBOX_COMPONENT_NAME,\n      displayName: \"Aria Checkbox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      variants,\n      props: {\n        id: createIdProp(\"Checkbox\"),\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Checkbox\"),\n        isReadOnly: createReadOnlyProp(\"Checkbox\"),\n        isRequired: createRequiredProp(\"Checkbox\"),\n        autoFocus: createAutoFocusProp(\"Checkbox\"),\n        \"aria-label\": createAriaLabelProp(\"Checkbox\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultCheckboxChildren({\n            label: \"Label\",\n            showDocs: true,\n          }),\n        },\n        value: {\n          type: \"string\",\n          description:\n            'The value of the checkbox in \"selected\" state, used when submitting an HTML form.',\n          defaultValueHint: 'Checked value (default: \"on\")',\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        isSelected: {\n          type: \"boolean\",\n          displayName: \"Default Selected\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox should be selected by default\",\n          defaultValueHint: false,\n          defaultValue: false,\n          hidden: hasParent,\n        },\n        isIndeterminate: {\n          displayName: \"Indeterminate\",\n          type: \"boolean\",\n          description:\n            \"This state indicates that the checkbox is neither fully checked nor unchecked. It typically represents a partial selection when dealing with groups of options. Some but not all items in the group are selected, resulting in an indeterminate state for the checkbox.\",\n          defaultValueHint: false,\n        },\n        isInvalid: {\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicCheckboxGroupContext","useOptionsItemId","Checkbox","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createAutoFocusProp","createAriaLabelProp","hasParent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,iBAAoB,GAAA;AAAA,EACxB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AACF,CAAA,CAAA;AAaA,MAAM,EAAE,QAAA,EAAU,kBAAmB,EAAA,GACnCA,uCAA0B,iBAAiB,CAAA,CAAA;AAEtC,SAAS,aAAa,KAA0B,EAAA;AACrD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,oBAAA;AAAA,IACA,qBAAA;AAAA,IACA,KAAA;AAAA,GAzDJ,GA2DM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,sBAAA;AAAA,IACA,uBAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,YAAA,GAAeC,sBAAM,CAAA,UAAA,CAAWC,oCAA2B,CAAA,CAAA;AAEjE,EAAM,MAAA,EAAE,YAAc,EAAA,OAAA,EAAY,GAAAC,qCAAA;AAAA,IAChC,KAAA;AAAA,IACA,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,SAAA;AAAA,GAChB,CAAA;AAEA,EAAwB,qBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA;AAAA,IACtB,MAAQ,EAAA,YAAA;AAAA,IACR,OAAA;AAAA,GACF,CAAA,CAAA;AAEA,EAAA,uBAEIF,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACG,4BAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,IADL,CAAA,EAAA;AAAA,MAEC,KAAO,EAAA,YAAA;AAAA,MACP,GAAK,EAAA,YAAA;AAAA,MACL,KAAO,EAAAC,oBAAA;AAAA,KAAA,CAAA;AAAA,IAEN,CAAC;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,KAEA,KAAA,kBAAA;AAAA,MACE,QAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,SAAA;AAAA,QACT,OAAS,EAAA,SAAA;AAAA,QACT,OAAS,EAAA,SAAA;AAAA,QACT,YAAc,EAAA,cAAA;AAAA,QACd,QAAU,EAAA,UAAA;AAAA,QACV,aAAe,EAAA,eAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,QACV,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,oBAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,QAAA;AACF,CAGuB,MAAA;AAAA,EACrB,IAAM,EAAA,MAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAK,EAAA,KAAA;AAAA,IACL,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR;AAAA,MACE,IAAM,EAAA,MAAA;AAAA,MACN,MAAQ,EAAA;AAAA,QACN,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,GAAK,EAAA,MAAA;AAAA,QACL,OAAS,EAAA,CAAA;AAAA,OACX;AAAA,MACA,QAAU,EAAA;AAAA,QACR;AAAA,UACE,IAAM,EAAA,KAAA;AAAA,UACN,MAAQ,EAAA;AAAA,YACN,KAAO,EAAA,KAAA;AAAA,YACP,MAAQ,EAAA,KAAA;AAAA,YACR,YAAc,EAAA,KAAA;AAAA,YACd,WAAa,EAAA,KAAA;AAAA,YACb,WAAa,EAAA,OAAA;AAAA,YACb,WAAa,EAAA,OAAA;AAAA,WACf;AAAA,SACF;AAAA,QACA;AAAA,UACE,IAAM,EAAA,MAAA;AAAA,UACN,KAAO,EAAA,KAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,IACA,GAAI,QACA,GAAA;AAAA,MACE;AAAA,QACE,IAAM,EAAA,MAAA;AAAA,QACN,KAAO,EAAA,oDAAA;AAAA,OACT;AAAA,QAEF,EAAC;AAAA,GACP;AACF,CAAA,EAAA;AAEa,MAAA,uBAAA,GAA0BC,yBAAkB,UAAU,EAAA;AAEnD,SAAA,gBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,8BAAA;AAAA,IACL,MAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,uBAAA;AAAA,MACN,WAAa,EAAA,eAAA;AAAA,MACb,UAAY,EAAA,iDAAA;AAAA,MACZ,UAAY,EAAA,cAAA;AAAA,MACZ,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,UAAU,CAAA;AAAA,QAC3B,MAAMC,qBAAe,EAAA;AAAA,QACrB,UAAA,EAAYC,0BAAmB,UAAU,CAAA;AAAA,QACzC,UAAA,EAAYC,0BAAmB,UAAU,CAAA;AAAA,QACzC,UAAA,EAAYC,0BAAmB,UAAU,CAAA;AAAA,QACzC,SAAA,EAAWC,2BAAoB,UAAU,CAAA;AAAA,QACzC,YAAA,EAAcC,2BAAoB,UAAU,CAAA;AAAA,QAC5C,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,cAAc,2BAA4B,CAAA;AAAA,YACxC,KAAO,EAAA,OAAA;AAAA,YACP,QAAU,EAAA,IAAA;AAAA,WACX,CAAA;AAAA,SACH;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,mFAAA;AAAA,UACF,gBAAkB,EAAA,+BAAA;AAAA,UAClB,SAAW,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,GAAQ,KAAA;AAClC,YAAA,IAAI,2BAAK,OAAS,EAAA;AAChB,cAAA,OAAO,GAAI,CAAA,OAAA,CAAA;AAAA,aACb;AACA,YAAO,OAAA,IAAA,CAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,kBAAA;AAAA,UACb,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,iBAAA;AAAA,UAClB,WAAa,EAAA,oDAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,YAAc,EAAA,KAAA;AAAA,UACd,MAAQ,EAAAC,gBAAA;AAAA,SACV;AAAA,QACA,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA,eAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WACE,EAAA,yQAAA;AAAA,UACF,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,SAAW,EAAA;AAAA,UACT,WAAa,EAAA,SAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,oCAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,QAAA,EAAU,MAAM,CAAA;AAAA,UAC1B,WACE,EAAA,gKAAA;AAAA,UACF,gBAAkB,EAAA,QAAA;AAAA,SACpB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,YAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,SAAA;AAAA,UACd,MAAQ,EAAAA,gBAAA;AAAA,SACV;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;;"}

package/skinny/registerCheckbox.esm.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { Checkbox } from 'react-aria-components';
-import { g as getCommonProps, h as hasParent, C as COMMON_STYLES } from './common-3fde23cc.esm.js';
+import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, g as createAutoFocusProp, f as createAriaLabelProp, h as hasParent } from './common-81f08e86.esm.js';
 import { P as PlasmicCheckboxGroupContext } from './contexts-5cb81c2f.esm.js';
-import { a as useOptionsItemId } from './OptionsItemIdManager-724ffca2.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
+import { a as useOptionsItemId } from './OptionsItemIdManager-0ce90944.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
@@ -160,14 +159,14 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants,
-      props: __spreadProps(__spreadValues({}, getCommonProps("checkbox", [
-        "name",
-        "isDisabled",
-        "isReadOnly",
-        "aria-label",
-        "isRequired",
-        "autoFocus"
-      ])), {
+      props: {
+        id: createIdProp("Checkbox"),
+        name: createNameProp(),
+        isDisabled: createDisabledProp("Checkbox"),
+        isReadOnly: createReadOnlyProp("Checkbox"),
+        isRequired: createRequiredProp("Checkbox"),
+        autoFocus: createAutoFocusProp("Checkbox"),
+        "aria-label": createAriaLabelProp("Checkbox"),
         children: {
           type: "slot",
           mergeWithParent: true,
@@ -219,7 +218,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      }),
+      },
       states: {
         isSelected: {
           type: "writable",