@plasmicapp/react-web 0.2.200 → 0.2.202

package/skinny/dist/plume/button/index.d.ts

@@ -1,36 +1,36 @@
-import * as React from "react";
-import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
-interface CommonProps {
-    showStartIcon?: boolean;
-    showEndIcon?: boolean;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    children?: React.ReactNode;
-    isDisabled?: boolean;
-}
-interface HtmlButtonProps extends Omit<React.ComponentProps<"button">, "ref" | "disabled"> {
-}
-interface HtmlAnchorProps extends Omit<React.ComponentProps<"a">, "ref" | "href"> {
-    link?: string;
-}
-export type BaseButtonProps = CommonProps & HtmlButtonProps & HtmlAnchorProps;
-export type HtmlAnchorOnlyProps = Exclude<keyof HtmlAnchorProps, keyof HtmlButtonProps>;
-export type HtmlButtonOnlyProps = Exclude<keyof HtmlButtonProps, keyof HtmlAnchorProps>;
-export type ButtonRef = React.Ref<HTMLButtonElement | HTMLAnchorElement>;
-interface ButtonConfig<C extends AnyPlasmicClass> {
-    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
-    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    startIconSlot?: keyof PlasmicClassArgs<C>;
-    endIconSlot?: keyof PlasmicClassArgs<C>;
-    contentSlot: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-export declare function useButton<P extends BaseButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: ButtonConfig<C>, ref?: ButtonRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
-};
-export {};
+import * as React from "react";
+import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
+interface CommonProps {
+    showStartIcon?: boolean;
+    showEndIcon?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    children?: React.ReactNode;
+    isDisabled?: boolean;
+}
+interface HtmlButtonProps extends Omit<React.ComponentProps<"button">, "ref" | "disabled"> {
+}
+interface HtmlAnchorProps extends Omit<React.ComponentProps<"a">, "ref" | "href"> {
+    link?: string;
+}
+export type BaseButtonProps = CommonProps & HtmlButtonProps & HtmlAnchorProps;
+export type HtmlAnchorOnlyProps = Exclude<keyof HtmlAnchorProps, keyof HtmlButtonProps>;
+export type HtmlButtonOnlyProps = Exclude<keyof HtmlButtonProps, keyof HtmlAnchorProps>;
+export type ButtonRef = React.Ref<HTMLButtonElement | HTMLAnchorElement>;
+interface ButtonConfig<C extends AnyPlasmicClass> {
+    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
+    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    startIconSlot?: keyof PlasmicClassArgs<C>;
+    endIconSlot?: keyof PlasmicClassArgs<C>;
+    contentSlot: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+export declare function useButton<P extends BaseButtonProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: ButtonConfig<C>, ref?: ButtonRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
+};
+export {};

package/skinny/dist/plume/button/index.js

@@ -1,26 +1,26 @@
-import { c as __rest, b as __assign, p as pick, d as __spreadArray, e as __read, o as omit } from '../../common-9d6d348d.js';
-import { m as mergeVariantToggles } from '../../plume-utils-7d68bcc0.js';
+import { c as __rest, b as __assign, p as pick, d as __spreadArray, e as __read, o as omit } from '../../common-ed411407.js';
+import { m as mergeVariantToggles } from '../../plume-utils-e699cd08.js';
 import 'react';
 
-function useButton(plasmicClass, props, config, ref) {
-    var _a, _b, _c, _d;
-    if (ref === void 0) { ref = null; }
-    var link = props.link, isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, children = props.children, rest = __rest(props, ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"]);
-    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
-    var args = __assign(__assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b))), (_c = {}, _c[config.contentSlot] = children, _c));
-    var overrides = (_d = {},
-        _d[config.root] = {
-            as: !!link ? "a" : "button",
-            props: __assign(__assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps), false), __read(plasmicClass.internalVariantProps), false))), { ref: ref, disabled: isDisabled }), (!!link && { href: link }))
-        },
-        _d);
-    return {
-        plasmicProps: {
-            variants: variants,
-            args: args,
-            overrides: overrides
-        }
-    };
+function useButton(plasmicClass, props, config, ref) {
+    var _a, _b, _c, _d;
+    if (ref === void 0) { ref = null; }
+    var link = props.link, isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, children = props.children, rest = __rest(props, ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"]);
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
+    var args = __assign(__assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b))), (_c = {}, _c[config.contentSlot] = children, _c));
+    var overrides = (_d = {},
+        _d[config.root] = {
+            as: !!link ? "a" : "button",
+            props: __assign(__assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps), false), __read(plasmicClass.internalVariantProps), false))), { ref: ref, disabled: isDisabled }), (!!link && { href: link })),
+        },
+        _d);
+    return {
+        plasmicProps: {
+            variants: variants,
+            args: args,
+            overrides: overrides,
+        },
+    };
 }
 
 export { useButton };

package/skinny/dist/plume/checkbox/index.d.ts

@@ -1,47 +1,47 @@
-import { AriaCheckboxProps } from "@react-types/checkbox";
-import * as React from "react";
-import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
-import { StyleProps } from "../props-utils";
-export type CheckboxRef = React.Ref<CheckboxRefValue>;
-export interface CheckboxRefValue extends CheckboxState {
-    getRoot: () => HTMLElement | null;
-    focus: () => void;
-    blur: () => void;
-}
-interface CheckboxState {
-    setChecked: (checked: boolean) => void;
-}
-export interface CheckboxProps extends Omit<AriaCheckboxProps, "isSelected" | "defaultSelected">, StyleProps {
-    /**
-     * Whether the Checkbox is checked or not; controlled
-     */
-    isChecked?: boolean;
-    /**
-     * Whether the Checkbox is checked by default; uncontrolled
-     */
-    defaultChecked?: boolean;
-    /**
-     * Whether the Checkbox is in an "indeterminate" state; this usually
-     * refers to a "check all" that is used to check / uncheck many other
-     * checkboxes, and is visually indeterminate if some of its controlled
-     * checkboxes are checked and some are not.
-     */
-    isIndeterminate?: boolean;
-}
-interface CheckboxConfig<C extends AnyPlasmicClass> {
-    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
-    isIndeterminateVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
-    labelSlot?: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-}
-export declare function useCheckbox<P extends CheckboxProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: CheckboxConfig<C>, ref?: CheckboxRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        overrides: PlasmicClassOverrides<C>;
-        args: PlasmicClassArgs<C>;
-    };
-    state: CheckboxState;
-};
-export {};
+import { AriaCheckboxProps } from "@react-types/checkbox";
+import * as React from "react";
+import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
+import { StyleProps } from "../props-utils";
+export type CheckboxRef = React.Ref<CheckboxRefValue>;
+export interface CheckboxRefValue extends CheckboxState {
+    getRoot: () => HTMLElement | null;
+    focus: () => void;
+    blur: () => void;
+}
+interface CheckboxState {
+    setChecked: (checked: boolean) => void;
+}
+export interface CheckboxProps extends Omit<AriaCheckboxProps, "isSelected" | "defaultSelected">, StyleProps {
+    /**
+     * Whether the Checkbox is checked or not; controlled
+     */
+    isChecked?: boolean;
+    /**
+     * Whether the Checkbox is checked by default; uncontrolled
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the Checkbox is in an "indeterminate" state; this usually
+     * refers to a "check all" that is used to check / uncheck many other
+     * checkboxes, and is visually indeterminate if some of its controlled
+     * checkboxes are checked and some are not.
+     */
+    isIndeterminate?: boolean;
+}
+interface CheckboxConfig<C extends AnyPlasmicClass> {
+    isCheckedVariant: VariantDef<PlasmicClassVariants<C>>;
+    isIndeterminateVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    noLabelVariant?: VariantDef<PlasmicClassVariants<C>>;
+    labelSlot?: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+}
+export declare function useCheckbox<P extends CheckboxProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: CheckboxConfig<C>, ref?: CheckboxRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        overrides: PlasmicClassOverrides<C>;
+        args: PlasmicClassArgs<C>;
+    };
+    state: CheckboxState;
+};
+export {};

package/skinny/dist/plume/checkbox/index.js

@@ -1,76 +1,76 @@
-import { b as __assign, p as pick, d as __spreadArray, e as __read } from '../../common-9d6d348d.js';
+import { b as __assign, p as pick, d as __spreadArray, e as __read } from '../../common-ed411407.js';
 import { useCheckbox as useCheckbox$1 } from '@react-aria/checkbox';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import { useToggleState } from '@react-stately/toggle';
 import * as React from 'react';
-import { m as mergeProps } from '../../react-utils-ee4e03ba.js';
-import { a as useEnsureSSRProvider } from '../../ssr-c9834f50.js';
-import { m as mergeVariantToggles } from '../../plume-utils-7d68bcc0.js';
-import { g as getStyleProps } from '../../props-utils-9f9c761a.js';
+import { m as mergeProps } from '../../react-utils-5ff031c2.js';
+import { a as useEnsureSSRProvider } from '../../ssr-8625df04.js';
+import { m as mergeVariantToggles } from '../../plume-utils-e699cd08.js';
+import { g as getStyleProps } from '../../props-utils-9d74371f.js';
 import 'classnames';
 import '@plasmicapp/data-sources-context';
 import '@react-aria/ssr';
 import '../../render/PlasmicHead/index.js';
 
-function asAriaCheckboxProps(props) {
-    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
-    delete ariaProps["isChecked"];
-    delete ariaProps["defaultChecked"];
-    return ariaProps;
-}
-function useCheckbox(plasmicClass, props, config, ref) {
-    var _a, _b;
-    if (ref === void 0) { ref = null; }
-    var children = props.children, isDisabled = props.isDisabled, isIndeterminate = props.isIndeterminate;
-    useEnsureSSRProvider();
-    var inputRef = React.useRef(null);
-    var rootRef = React.useRef(null);
-    var ariaProps = asAriaCheckboxProps(props);
-    var state = useToggleState(ariaProps);
-    var inputProps = useCheckbox$1(ariaProps, state, inputRef).inputProps;
-    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
-        def: config.isDisabledVariant,
-        active: isDisabled
-    }, {
-        def: config.isCheckedVariant,
-        active: state.isSelected
-    }, {
-        def: config.isIndeterminateVariant,
-        active: isIndeterminate
-    }, {
-        def: config.noLabelVariant,
-        active: !children
-    }));
-    var overrides = (_a = {},
-        _a[config.root] = {
-            as: "label",
-            props: mergeProps(getStyleProps(props), {
-                ref: rootRef
-            }),
-            wrapChildren: function (children) { return (React.createElement(React.Fragment, null,
-                React.createElement(VisuallyHidden, null,
-                    React.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
-                children)); }
-        },
-        _a);
-    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
-    var plumeState = React.useMemo(function () { return ({
-        setChecked: function (checked) { return state.setSelected(checked); }
-    }); }, [state]);
-    React.useImperativeHandle(ref, function () { return ({
-        getRoot: function () { return rootRef.current; },
-        focus: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        blur: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur(); },
-        setChecked: function (checked) { return plumeState.setChecked(checked); }
-    }); }, [rootRef, inputRef, plumeState]);
-    return {
-        plasmicProps: {
-            variants: variants,
-            overrides: overrides,
-            args: args
-        },
-        state: plumeState
-    };
+function asAriaCheckboxProps(props) {
+    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
+    delete ariaProps["isChecked"];
+    delete ariaProps["defaultChecked"];
+    return ariaProps;
+}
+function useCheckbox(plasmicClass, props, config, ref) {
+    var _a, _b;
+    if (ref === void 0) { ref = null; }
+    var children = props.children, isDisabled = props.isDisabled, isIndeterminate = props.isIndeterminate;
+    useEnsureSSRProvider();
+    var inputRef = React.useRef(null);
+    var rootRef = React.useRef(null);
+    var ariaProps = asAriaCheckboxProps(props);
+    var state = useToggleState(ariaProps);
+    var inputProps = useCheckbox$1(ariaProps, state, inputRef).inputProps;
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
+        def: config.isDisabledVariant,
+        active: isDisabled,
+    }, {
+        def: config.isCheckedVariant,
+        active: state.isSelected,
+    }, {
+        def: config.isIndeterminateVariant,
+        active: isIndeterminate,
+    }, {
+        def: config.noLabelVariant,
+        active: !children,
+    }));
+    var overrides = (_a = {},
+        _a[config.root] = {
+            as: "label",
+            props: mergeProps(getStyleProps(props), {
+                ref: rootRef,
+            }),
+            wrapChildren: function (children) { return (React.createElement(React.Fragment, null,
+                React.createElement(VisuallyHidden, null,
+                    React.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
+                children)); },
+        },
+        _a);
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
+    var plumeState = React.useMemo(function () { return ({
+        setChecked: function (checked) { return state.setSelected(checked); },
+    }); }, [state]);
+    React.useImperativeHandle(ref, function () { return ({
+        getRoot: function () { return rootRef.current; },
+        focus: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        blur: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur(); },
+        setChecked: function (checked) { return plumeState.setChecked(checked); },
+    }); }, [rootRef, inputRef, plumeState]);
+    return {
+        plasmicProps: {
+            variants: variants,
+            overrides: overrides,
+            args: args,
+        },
+        state: plumeState,
+    };
 }
 
 export { useCheckbox };