@plasmicpkgs/react-aria 0.0.28 → 0.0.30

package/dist/registerButton.d.ts

@@ -10,5 +10,6 @@ interface BaseButtonProps extends ButtonProps {
     updateInteractionVariant?: UpdateInteractionVariant<typeof BUTTON_INTERACTION_VARIANTS>;
 }
 export declare function BaseButton(props: BaseButtonProps): React.JSX.Element;
+export declare const BUTTON_COMPONENT_NAME: string;
 export declare function registerButton(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseButton>): void;
 export {};

package/dist/registerCheckbox.d.ts

@@ -1,12 +1,18 @@
+import { PlasmicElement } from "@plasmicapp/host";
 import React from "react";
 import type { CheckboxProps } from "react-aria-components";
 import { UpdateInteractionVariant } from "./interaction-variant-utils";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
 declare const CHECKBOX_INTERACTION_VARIANTS: ("hovered" | "pressed" | "focused" | "focusVisible")[];
 interface BaseCheckboxProps extends CheckboxProps {
     children: React.ReactNode;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
     updateInteractionVariant?: UpdateInteractionVariant<typeof CHECKBOX_INTERACTION_VARIANTS>;
 }
 export declare function BaseCheckbox(props: BaseCheckboxProps): React.JSX.Element;
-export declare function registerCheckbox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>): void;
+export declare const makeDefaultCheckboxChildren: ({ label, showDocs, }: {
+    label: string;
+    showDocs?: boolean | undefined;
+}) => PlasmicElement;
+export declare function registerCheckbox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>): import("@plasmicapp/host").CodeComponentMeta<BaseCheckboxProps>;
 export {};

package/dist/registerCheckboxGroup.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import type { CheckboxGroupProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare const BaseCheckboxGroup: (props: CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function BaseCheckboxGroup(props: CheckboxGroupProps): React.JSX.Element;
 export declare function registerCheckboxGroup(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>): void;

package/dist/registerDescription.d.ts

@@ -1,3 +1,4 @@
 import { BaseText } from "./registerText";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function registerDescription(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseText>): void;
+export declare const DESCRIPTION_COMPONENT_NAME: string;
+export declare function registerDescription(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseText>): import("@plasmicapp/host").CodeComponentMeta<import("react-aria-components").TextProps>;

package/dist/registerDialogTrigger.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { DialogTrigger } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-interface BaseDialogTriggerProps extends React.ComponentProps<typeof DialogTrigger> {
+export interface BaseDialogTriggerProps extends React.ComponentProps<typeof DialogTrigger> {
     trigger: React.ReactNode;
     dialog: React.ReactNode;
 }
 export declare function BaseDialogTrigger(props: BaseDialogTriggerProps): React.JSX.Element;
 export declare function registerDialogTrigger(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>): void;
-export {};

package/dist/registerHeader.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 import { Header } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export declare function BaseHeader(props: React.ComponentProps<typeof Header>): React.JSX.Element;
-export declare function registerHeader(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseHeader>): void;
+export declare function registerHeader(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseHeader>): import("@plasmicapp/host").CodeComponentMeta<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;

package/dist/registerInput.d.ts

@@ -7,5 +7,6 @@ export interface BaseInputProps extends InputProps {
     updateInteractionVariant?: UpdateInteractionVariant<typeof INPUT_INTERACTION_VARIANTS>;
 }
 export declare function BaseInput(props: BaseInputProps): React.JSX.Element;
+export declare const INPUT_COMPONENT_NAME: string;
 export declare function registerInput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseInput>): void;
 export {};

package/dist/registerLabel.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export declare const BaseLabel: (props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const LABEL_COMPONENT_NAME: string;
 export declare function registerLabel(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseLabel>): void;

package/dist/registerListBox.d.ts

@@ -1,16 +1,13 @@
 import React from "react";
 import { ListBox } from "react-aria-components";
 import { HasOptions } from "./option-utils";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
-interface BaseListBoxControlContextData {
-    isStandalone: boolean;
-}
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
 export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox>, HasOptions<any> {
     renderItem?: (item: any) => React.ReactNode;
     renderSection?: (section: any) => React.ReactNode;
     getItemType?: (thing: any) => "item" | "section";
-    setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
 }
 export declare function BaseListBox(props: BaseListBoxProps): React.JSX.Element;
+export declare const LIST_BOX_COMPONENT_NAME: string;
 export declare function registerListBox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBox>): void;
-export {};

package/dist/registerListBoxItem.d.ts

@@ -1,5 +1,7 @@
+import { PlasmicElement } from "@plasmicapp/host";
 import React from "react";
 import { ListBoxItem } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export declare function BaseListBoxItem(props: React.ComponentProps<typeof ListBoxItem>): React.JSX.Element;
-export declare function registerListBoxItem(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>): void;
+export declare const makeDefaultListBoxItemChildren: (label: string, description?: string) => PlasmicElement;
+export declare function registerListBoxItem(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>): import("@plasmicapp/host").CodeComponentMeta<import("react-aria-components").ListBoxItemProps<object> & React.RefAttributes<HTMLDivElement>>;

package/dist/registerModal.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
 import { ModalOverlayProps } from "react-aria-components";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
 export interface BaseModalProps extends ModalOverlayProps {
     heading: React.ReactNode;
     modalOverlayClass: string;
     onOpenChange(isOpen: boolean): void;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
 }
 export interface BaseModalActions {
     close(): void;
     open(): void;
 }
 export declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<BaseModalActions>>;
+export declare const MODAL_COMPONENT_NAME: string;
 export declare function registerModal(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseModal>): void;

package/dist/registerPopover.d.ts

@@ -1,3 +1,4 @@
+import { PlasmicElement } from "@plasmicapp/host";
 import React from "react";
 import { Popover } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
@@ -6,4 +7,6 @@ export interface BasePopoverProps extends React.ComponentProps<typeof Popover> {
     resetClassName?: string;
 }
 export declare function BasePopover(props: BasePopoverProps): React.JSX.Element;
+export declare const POPOVER_COMPONENT_NAME: string;
+export declare const POPOVER_ARROW_IMG: PlasmicElement;
 export declare function registerPopover(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BasePopover>): void;

package/dist/registerRadio.d.ts

@@ -1,13 +1,16 @@
+import { PlasmicElement } from "@plasmicapp/host";
 import React from "react";
 import type { RadioProps } from "react-aria-components";
 import { UpdateInteractionVariant } from "./interaction-variant-utils";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
 declare const RADIO_INTERACTION_VARIANTS: ("hovered" | "pressed" | "focused" | "focusVisible")[];
 export interface BaseRadioProps extends RadioProps {
     children: React.ReactNode;
     isSelected: boolean;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
     updateInteractionVariant?: UpdateInteractionVariant<typeof RADIO_INTERACTION_VARIANTS>;
 }
 export declare function BaseRadio(props: BaseRadioProps): React.JSX.Element;
-export declare function registerRadio(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseRadio>): void;
+export declare const makeDefaultRadioChildren: (label: string) => PlasmicElement;
+export declare function registerRadio(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseRadio>): import("@plasmicapp/host").CodeComponentMeta<BaseRadioProps>;
 export {};

package/dist/registerRadioGroup.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { RadioGroupProps } from "react-aria-components";
+import React from "react";
+import { RadioGroup } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare const BaseRadioGroup: (props: RadioGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function BaseRadioGroup(props: React.ComponentProps<typeof RadioGroup>): React.JSX.Element;
 export declare function registerRadioGroup(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseRadioGroup>): void;

package/dist/registerSection.d.ts

@@ -9,4 +9,4 @@ export interface BaseSectionProps extends Styleable {
     section?: StrictSectionType;
 }
 export declare function BaseSection(props: BaseSectionProps): React.JSX.Element;
-export declare function registerSection(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSection>): void;
+export declare function registerSection(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSection>): import("@plasmicapp/host").CodeComponentMeta<BaseSectionProps>;

package/dist/registerSelect.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
-import { SelectValue as BaseSelectValue, Key } from "react-aria-components";
+import { Key, SelectValue } from "react-aria-components";
 import { HasOptions } from "./option-utils";
 import { Registerable, Styleable } from "./utils";
-export { BaseSelectValue };
+export interface BaseSelectValueProps extends React.ComponentProps<typeof SelectValue> {
+    customize?: boolean;
+}
+export declare const BaseSelectValue: (props: BaseSelectValueProps) => React.JSX.Element;
 export interface BaseSelectProps<T extends object> extends HasOptions<T>, Styleable {
     placeholder?: string;
     isDisabled?: boolean;

package/dist/registerSlider.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type SliderProps } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export declare const SLIDER_COMPONENT_NAME: string;
+export interface BaseSliderProps extends Omit<SliderProps<number | number[]>, "onChange"> {
+    name?: string;
+    autoFocus?: boolean;
+    isMultiValue?: boolean;
+    range?: number[];
+    defaultRange?: number[];
+    onChange?: (value: number | number[], isMultiValue?: boolean) => void;
+}
+export declare function BaseSlider(props: BaseSliderProps): React.JSX.Element;
+export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider>): void;

package/dist/registerSliderOutput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export declare const BaseSliderOutput: (props: import("react-aria-components").SliderOutputProps & import("react").RefAttributes<HTMLOutputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const SLIDER_OUTPUT_COMPONENT_NAME: string;
+export declare function registerSliderOutput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>): void;

package/dist/registerSliderThumb.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { SliderThumb } from "react-aria-components";
+import { UpdateInteractionVariant } from "./interaction-variant-utils";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+declare const SLIDER_THUMB_INTERACTION_VARIANTS: ("hovered" | "focused" | "focusVisible" | "dragging")[];
+interface BaseSliderThumbProps extends React.ComponentProps<typeof SliderThumb> {
+    advanced?: boolean;
+    updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_THUMB_INTERACTION_VARIANTS>;
+}
+export declare function BaseSliderThumb({ children, advanced, updateInteractionVariant, ...rest }: BaseSliderThumbProps): React.JSX.Element;
+export declare const SLIDER_THUMB_COMPONENT_NAME: string;
+export declare function registerSliderThumb(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>): void;
+export {};

package/dist/registerSliderTrack.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SliderTrack } from "react-aria-components";
+import { UpdateInteractionVariant } from "./interaction-variant-utils";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+declare const SLIDER_TRACK_INTERACTION_VARIANTS: "hovered"[];
+export interface BaseSliderTrackProps extends React.ComponentProps<typeof SliderTrack> {
+    progressBar?: React.ReactNode;
+    updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_TRACK_INTERACTION_VARIANTS>;
+    children?: React.ReactElement<HTMLElement>;
+}
+export declare function BaseSliderTrack(props: BaseSliderTrackProps): React.JSX.Element;
+export declare const SLIDER_TRACK_COMPONENT_NAME: string;
+export declare function registerSliderTrack(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>): void;
+export {};

package/dist/registerText.d.ts

@@ -2,4 +2,5 @@ import React from "react";
 import type { TextProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export declare function BaseText({ children, ...rest }: TextProps): React.JSX.Element;
-export declare function registerText(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseText>): void;
+export declare const TEXT_COMPONENT_NAME: string;
+export declare function registerText(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseText>): import("@plasmicapp/host").CodeComponentMeta<TextProps>;

package/dist/registerTextField.d.ts

@@ -10,5 +10,6 @@ interface BaseTextFieldProps extends TextFieldProps {
     children: ReactNode;
 }
 export declare function BaseTextField(props: BaseTextFieldProps): React.JSX.Element;
+export declare const TEXT_FIELD_COMPONENT_NAME: string;
 export declare function registerTextField(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTextField>): void;
 export {};

package/dist/utils.d.ts

@@ -1,11 +1,18 @@
 import type { CodeComponentMeta } from "@plasmicapp/host";
 import registerComponent from "@plasmicapp/host/registerComponent";
 import React from "react";
+export type BaseControlContextData = {
+    isStandalone: boolean;
+};
 export type Registerable = {
     registerComponent: typeof registerComponent;
 };
-export type CodeComponentMetaOverrides<T extends React.ComponentType<any>> = Partial<Pick<CodeComponentMeta<React.ComponentProps<T>>, "parentComponentName" | "props" | "displayName">>;
-export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: CodeComponentMeta<React.ComponentProps<T>>, overrides?: CodeComponentMetaOverrides<T>): void;
+export type OtherCodeComponentsMeta = {
+    text: CodeComponentMeta<any>;
+    description: CodeComponentMeta<any>;
+};
+export type CodeComponentMetaOverrides<T extends React.ComponentType<any>> = Partial<Pick<CodeComponentMeta<React.ComponentProps<T>>, "parentComponentName" | "props" | "displayName" | "name">>;
+export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: CodeComponentMeta<React.ComponentProps<T>>, overrides?: CodeComponentMetaOverrides<T>): CodeComponentMeta<React.ComponentProps<T>>;
 export declare function makeComponentName(name: string): string;
 export declare function makeChildComponentName(fullParentName: string | undefined, fullChildName: string): string;
 export interface Styleable {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-aria",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "Plasmic registration calls for react-aria based components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fe773e8b44561aecdfe29d6c48155d2123892ce7"
+  "gitHead": "d2ddfb106c3bb98ec6ca3b4e5e9aa6bb21f326b6"
 }

package/skinny/ErrorBoundary-c6b111d3.esm.js

@@ -0,0 +1,20 @@
+import { Component } from 'react';
+
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_) {
+    return { hasError: true };
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback;
+    }
+    return this.props.children;
+  }
+}
+
+export { ErrorBoundary as E };
+//# sourceMappingURL=ErrorBoundary-c6b111d3.esm.js.map

package/skinny/ErrorBoundary-c6b111d3.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-c6b111d3.esm.js","sources":["../src/ErrorBoundary.tsx"],"sourcesContent":["import { Component, ReactNode } from \"react\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(_: Error): ErrorBoundaryState {\n    // Update state so the next render will show the fallback UI.\n    return { hasError: true };\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return this.props.fallback;\n    }\n\n    return this.props.children;\n  }\n}\n\nexport default ErrorBoundary;\n"],"names":[],"mappings":";;AAWA,MAAM,sBAAsB,SAAkD,CAAA;AAAA,EAC5E,YAAY,KAA2B,EAAA;AACrC,IAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACX,IAAK,IAAA,CAAA,KAAA,GAAQ,EAAE,QAAA,EAAU,KAAM,EAAA,CAAA;AAAA,GACjC;AAAA,EAEA,OAAO,yBAAyB,CAA8B,EAAA;AAE5D,IAAO,OAAA,EAAE,UAAU,IAAK,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,MAAS,GAAA;AACP,IAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,MAAA,OAAO,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,KACpB;AAEA,IAAA,OAAO,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,GACpB;AACF;;;;"}

package/skinny/ErrorBoundary-e9b86248.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_) {
+    return { hasError: true };
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback;
+    }
+    return this.props.children;
+  }
+}
+
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary-e9b86248.cjs.js.map

package/skinny/ErrorBoundary-e9b86248.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-e9b86248.cjs.js","sources":["../src/ErrorBoundary.tsx"],"sourcesContent":["import { Component, ReactNode } from \"react\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(_: Error): ErrorBoundaryState {\n    // Update state so the next render will show the fallback UI.\n    return { hasError: true };\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return this.props.fallback;\n    }\n\n    return this.props.children;\n  }\n}\n\nexport default ErrorBoundary;\n"],"names":["Component"],"mappings":";;;;AAWA,MAAM,sBAAsBA,eAAkD,CAAA;AAAA,EAC5E,YAAY,KAA2B,EAAA;AACrC,IAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACX,IAAK,IAAA,CAAA,KAAA,GAAQ,EAAE,QAAA,EAAU,KAAM,EAAA,CAAA;AAAA,GACjC;AAAA,EAEA,OAAO,yBAAyB,CAA8B,EAAA;AAE5D,IAAO,OAAA,EAAE,UAAU,IAAK,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,MAAS,GAAA;AACP,IAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,MAAA,OAAO,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,KACpB;AAEA,IAAA,OAAO,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,GACpB;AACF;;;;"}

package/skinny/contexts-9475faad.esm.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+const PlasmicCheckboxGroupContext = React.createContext(void 0);
+const PlasmicRadioGroupContext = React.createContext(void 0);
+const PlasmicDialogTriggerContext = React.createContext(void 0);
+const PlasmicSliderContext = React.createContext(void 0);
+React.createContext(void 0);
+const PlasmicListBoxContext = React.createContext(void 0);
+const PlasmicPopoverContext = React.createContext(void 0);
+const PlasmicItemContext = React.createContext(void 0);
+const PlasmicSectionContext = React.createContext(void 0);
+const PlasmicHeaderContext = React.createContext(void 0);
+const PlasmicInputContext = React.createContext(void 0);
+
+export { PlasmicCheckboxGroupContext as P, PlasmicListBoxContext as a, PlasmicInputContext as b, PlasmicDialogTriggerContext as c, PlasmicRadioGroupContext as d, PlasmicSectionContext as e, PlasmicItemContext as f, PlasmicPopoverContext as g, PlasmicHeaderContext as h, PlasmicSliderContext as i };
+//# sourceMappingURL=contexts-9475faad.esm.js.map

package/skinny/contexts-9475faad.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts-9475faad.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport type { BaseListBoxItem } from \"./registerListBoxItem\";\nimport type { BasePopover } from \"./registerPopover\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider.  So we do the merging within our own Base* components\n// instead.\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n  React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n  React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n  React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport const PlasmicSliderContext = React.createContext<\n  React.ComponentProps<typeof BaseSlider> | undefined\n>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n  React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n  BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicPopoverContext = React.createContext<\n  React.ComponentProps<typeof BasePopover> | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n  React.ComponentProps<typeof BaseListBoxItem> | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n  React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n  React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n  React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAoBa,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2B,KAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8B,KAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEwB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;"}

package/skinny/{contexts-3e42cdf9.cjs.js → contexts-b21f6b12.cjs.js}

@@ -6,6 +6,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+const PlasmicCheckboxGroupContext = React__default.default.createContext(void 0);
+const PlasmicRadioGroupContext = React__default.default.createContext(void 0);
+const PlasmicDialogTriggerContext = React__default.default.createContext(void 0);
+const PlasmicSliderContext = React__default.default.createContext(void 0);
 React__default.default.createContext(void 0);
 const PlasmicListBoxContext = React__default.default.createContext(void 0);
 const PlasmicPopoverContext = React__default.default.createContext(void 0);
@@ -14,10 +18,14 @@ const PlasmicSectionContext = React__default.default.createContext(void 0);
 const PlasmicHeaderContext = React__default.default.createContext(void 0);
 const PlasmicInputContext = React__default.default.createContext(void 0);
 
+exports.PlasmicCheckboxGroupContext = PlasmicCheckboxGroupContext;
+exports.PlasmicDialogTriggerContext = PlasmicDialogTriggerContext;
 exports.PlasmicHeaderContext = PlasmicHeaderContext;
 exports.PlasmicInputContext = PlasmicInputContext;
 exports.PlasmicItemContext = PlasmicItemContext;
 exports.PlasmicListBoxContext = PlasmicListBoxContext;
 exports.PlasmicPopoverContext = PlasmicPopoverContext;
+exports.PlasmicRadioGroupContext = PlasmicRadioGroupContext;
 exports.PlasmicSectionContext = PlasmicSectionContext;
-//# sourceMappingURL=contexts-3e42cdf9.cjs.js.map
+exports.PlasmicSliderContext = PlasmicSliderContext;
+//# sourceMappingURL=contexts-b21f6b12.cjs.js.map

package/skinny/contexts-b21f6b12.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts-b21f6b12.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseCheckboxGroup } from \"./registerCheckboxGroup\";\nimport { BaseDialogTrigger } from \"./registerDialogTrigger\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport type { BaseListBoxItem } from \"./registerListBoxItem\";\nimport type { BasePopover } from \"./registerPopover\";\nimport { BaseRadioGroup } from \"./registerRadioGroup\";\nimport type { BaseSection } from \"./registerSection\";\nimport { BaseSlider } from \"./registerSlider\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider.  So we do the merging within our own Base* components\n// instead.\n\nexport const PlasmicCheckboxGroupContext = React.createContext<\n  React.ComponentProps<typeof BaseCheckboxGroup> | undefined\n>(undefined);\n\nexport const PlasmicRadioGroupContext = React.createContext<\n  React.ComponentProps<typeof BaseRadioGroup> | undefined\n>(undefined);\n\nexport const PlasmicDialogTriggerContext = React.createContext<\n  React.ComponentProps<typeof BaseDialogTrigger> | undefined\n>(undefined);\n\nexport const PlasmicSliderContext = React.createContext<\n  React.ComponentProps<typeof BaseSlider> | undefined\n>(undefined);\n\nexport const PlasmicLabelContext = React.createContext<\n  React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n  BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicPopoverContext = React.createContext<\n  React.ComponentProps<typeof BasePopover> | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n  React.ComponentProps<typeof BaseListBoxItem> | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n  React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n  React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n  React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":["React"],"mappings":";;;;;;;;AAoBa,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,wBAAA,GAA2BA,sBAAM,CAAA,aAAA,CAE5C,KAAS,CAAA,EAAA;AAEE,MAAA,2BAAA,GAA8BA,sBAAM,CAAA,aAAA,CAE/C,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEwBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqBA,sBAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;;;;;;;;;;"}

package/skinny/contexts.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
 import type { BaseListBoxProps } from "./registerListBox";
+export declare const PlasmicCheckboxGroupContext: React.Context<import("react-aria-components").CheckboxGroupProps | undefined>;
+export declare const PlasmicRadioGroupContext: React.Context<(import("react-aria-components").RadioGroupProps & React.RefAttributes<HTMLDivElement>) | undefined>;
+export declare const PlasmicDialogTriggerContext: React.Context<import("./registerDialogTrigger").BaseDialogTriggerProps | undefined>;
+export declare const PlasmicSliderContext: React.Context<import("./registerSlider").BaseSliderProps | undefined>;
 export declare const PlasmicLabelContext: React.Context<(import("react-aria-components").LabelProps & React.RefAttributes<HTMLLabelElement>) | undefined>;
 export declare const PlasmicListBoxContext: React.Context<BaseListBoxProps | undefined>;
 export declare const PlasmicPopoverContext: React.Context<import("./registerPopover").BasePopoverProps | undefined>;

package/skinny/{interaction-variant-utils-0f05190f.cjs.js → interaction-variant-utils-244b74fb.cjs.js}

@@ -22,6 +22,10 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
   focusVisible: {
     cssSelector: "[data-focus-visible]",
     displayName: "Focus Visible"
+  },
+  dragging: {
+    cssSelector: "[data-dragging]",
+    displayName: "Dragging"
   }
 };
 function ChangesObserver({
@@ -56,4 +60,4 @@ function pickAriaComponentVariants(keys) {
 }
 
 exports.pickAriaComponentVariants = pickAriaComponentVariants;
-//# sourceMappingURL=interaction-variant-utils-0f05190f.cjs.js.map
+//# sourceMappingURL=interaction-variant-utils-244b74fb.cjs.js.map

package/skinny/interaction-variant-utils-244b74fb.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-variant-utils-244b74fb.cjs.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}

package/skinny/{interaction-variant-utils-909267e5.esm.js → interaction-variant-utils-c44a9d56.esm.js}

@@ -16,6 +16,10 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
   focusVisible: {
     cssSelector: "[data-focus-visible]",
     displayName: "Focus Visible"
+  },
+  dragging: {
+    cssSelector: "[data-dragging]",
+    displayName: "Dragging"
   }
 };
 function ChangesObserver({
@@ -50,4 +54,4 @@ function pickAriaComponentVariants(keys) {
 }
 
 export { pickAriaComponentVariants as p };
-//# sourceMappingURL=interaction-variant-utils-909267e5.esm.js.map
+//# sourceMappingURL=interaction-variant-utils-c44a9d56.esm.js.map

package/skinny/interaction-variant-utils-c44a9d56.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-variant-utils-c44a9d56.esm.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}

package/skinny/interaction-variant-utils.d.ts

@@ -17,6 +17,10 @@ declare const ARIA_COMPONENTS_INTERACTION_VARIANTS: {
         cssSelector: string;
         displayName: string;
     };
+    dragging: {
+        cssSelector: string;
+        displayName: string;
+    };
 };
 type AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;
 type CodeComponentInteractionVariantsMeta = NonNullable<CodeComponentMeta<unknown>["interactionVariants"]>;

package/skinny/registerButton.cjs.js

@@ -3,8 +3,8 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-e74a9214.cjs.js');
-var interactionVariantUtils = require('./interaction-variant-utils-0f05190f.cjs.js');
-var utils = require('./utils-18b2465b.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
+var utils = require('./utils-745db876.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -75,21 +75,35 @@ function BaseButton(props) {
     updateInteractionVariant
   ));
 }
+const BUTTON_COMPONENT_NAME = utils.makeComponentName("button");
 function registerButton(loader, overrides) {
   utils.registerComponentHelper(
     loader,
     BaseButton,
     {
-      name: utils.makeComponentName("button"),
+      name: BUTTON_COMPONENT_NAME,
       displayName: "Aria Button",
       importPath: "@plasmicpkgs/react-aria/skinny/registerButton",
       importName: "BaseButton",
       interactionVariants,
+      defaultStyles: {
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "black",
+        padding: "2px 10px"
+      },
       props: __spreadProps(__spreadValues({}, common.getCommonInputProps("button", [
         "isDisabled",
-        "aria-label",
-        "children"
+        "aria-label"
       ])), {
+        children: {
+          type: "slot",
+          mergeWithParent: true,
+          defaultValue: {
+            type: "text",
+            value: "Button"
+          }
+        },
         submitsForm: {
           type: "boolean",
           displayName: "Submits form?",
@@ -117,6 +131,7 @@ function registerButton(loader, overrides) {
   );
 }
 
+exports.BUTTON_COMPONENT_NAME = BUTTON_COMPONENT_NAME;
 exports.BaseButton = BaseButton;
 exports.registerButton = registerButton;
 //# sourceMappingURL=registerButton.cjs.js.map

package/skinny/registerButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst BUTTON_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  BUTTON_INTERACTION_VARIANTS\n);\n\ninterface BaseButtonProps extends ButtonProps {\n  children: React.ReactNode;\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof BUTTON_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const {\n    submitsForm,\n    resetsForm,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n  return (\n    <Button type={type} {...rest}>\n      {({ isHovered, isPressed, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Button>\n  );\n}\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: makeComponentName(\"button\"),\n      displayName: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      interactionVariants,\n      props: {\n        ...getCommonInputProps<BaseButtonProps>(\"button\", [\n          \"isDisabled\",\n          \"aria-label\",\n          \"children\",\n        ]),\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.resetsForm),\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: (ps: BaseButtonProps) => Boolean(ps.submitsForm),\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      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","Button","registerComponentHelper","makeComponentName","getCommonInputProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,2BAA8B,GAAA;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAAA,iDAAA;AAAA,EAClD,2BAAA;AACF,CAAA,CAAA;AAaO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GA1CJ,GA4CM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,MAAM,IAAO,GAAA,WAAA,GAAc,QAAW,GAAA,UAAA,GAAa,OAAU,GAAA,QAAA,CAAA;AAE7D,EACE,uBAAAC,sBAAA,CAAA,aAAA,CAACC,0BAAO,EAAA,cAAA,CAAA,EAAA,IAAA,EAAA,EAAgB,IACrB,CAAA,EAAA,CAAC,EAAE,SAAW,EAAA,SAAA,EAAW,SAAW,EAAA,cAAA,EACnC,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,KAChB;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,mBAAA;AAAA,MACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAAC,0BAAA,CAAqC,QAAU,EAAA;AAAA,QAChD,YAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,OACD,CALI,CAAA,EAAA;AAAA,QAML,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,eAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,UAAU,CAAA;AAAA,UACtD,WACE,EAAA,gEAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,cAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,WAAW,CAAA;AAAA,UACvD,WACE,EAAA,+DAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF,CAAA;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst BUTTON_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  BUTTON_INTERACTION_VARIANTS\n);\n\ninterface BaseButtonProps extends ButtonProps {\n  children: React.ReactNode;\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof BUTTON_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const {\n    submitsForm,\n    resetsForm,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n  return (\n    <Button type={type} {...rest}>\n      {({ isHovered, isPressed, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Button>\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      interactionVariants,\n      defaultStyles: {\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"2px 10px\",\n      },\n      props: {\n        ...getCommonInputProps<BaseButtonProps>(\"button\", [\n          \"isDisabled\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: {\n            type: \"text\",\n            value: \"Button\",\n          },\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.resetsForm),\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: (ps: BaseButtonProps) => Boolean(ps.submitsForm),\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      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","Button","makeComponentName","registerComponentHelper","getCommonInputProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,2BAA8B,GAAA;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAAA,iDAAA;AAAA,EAClD,2BAAA;AACF,CAAA,CAAA;AAaO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GA1CJ,GA4CM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,MAAM,IAAO,GAAA,WAAA,GAAc,QAAW,GAAA,UAAA,GAAa,OAAU,GAAA,QAAA,CAAA;AAE7D,EACE,uBAAAC,sBAAA,CAAA,aAAA,CAACC,0BAAO,EAAA,cAAA,CAAA,EAAA,IAAA,EAAA,EAAgB,IACrB,CAAA,EAAA,CAAC,EAAE,SAAW,EAAA,SAAA,EAAW,SAAW,EAAA,cAAA,EACnC,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,KAChB;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,qBAAA,GAAwBC,wBAAkB,QAAQ,EAAA;AAE/C,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,qBAAA;AAAA,MACN,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,mBAAA;AAAA,MACA,aAAe,EAAA;AAAA,QACb,WAAa,EAAA,KAAA;AAAA,QACb,WAAa,EAAA,OAAA;AAAA,QACb,WAAa,EAAA,OAAA;AAAA,QACb,OAAS,EAAA,UAAA;AAAA,OACX;AAAA,MACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAAC,0BAAA,CAAqC,QAAU,EAAA;AAAA,QAChD,YAAA;AAAA,QACA,YAAA;AAAA,OACD,CAJI,CAAA,EAAA;AAAA,QAKL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,QAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,eAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,UAAU,CAAA;AAAA,UACtD,WACE,EAAA,gEAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,cAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,WAAW,CAAA;AAAA,UACvD,WACE,EAAA,+DAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF,CAAA;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}