@plasmicpkgs/react-aria 0.0.11 → 0.0.13

package/dist/registerRadioGroup.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+import type { RadioGroupProps } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+interface BaseRadioGroupProps extends RadioGroupProps {
+    children?: ReactNode;
+}
+export declare function BaseRadioGroup(props: BaseRadioGroupProps): React.JSX.Element;
+export declare function registerRadioGroup(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseRadioGroup>): void;
+export {};

package/dist/registerText.d.ts

@@ -0,0 +1,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-aria",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Plasmic registration calls for react-aria based components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,7 +37,7 @@
     "skinny"
   ],
   "scripts": {
-    "build": "rollup -c rollup.config.mjs && yarn tsc --emitDeclarationOnly --declaration src/index.tsx --incremental --tsBuildInfoFile ./dist/.tsbuildinfo  --skipLibCheck --lib esnext --jsx react --esModuleInterop --strict --outDir ./dist/ && cp ./dist/*.d.ts skinny/ && rm skinny/index.d.ts",
+    "build": "rollup -c rollup.config.mjs && yarn tsc --emitDeclarationOnly --declaration src/index.tsx --incremental --tsBuildInfoFile ./dist/.tsbuildinfo  --skipLibCheck --lib esnext,dom,dom.iterable --jsx react --esModuleInterop --strict --outDir ./dist/ && cp ./dist/*.d.ts skinny/ && rm skinny/index.d.ts",
     "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
     "clean": "rm -rf dist/ skinny/*.ts skinny/*.map skinny/*.js",
     "storybook": "storybook dev -p 6006",
@@ -61,7 +61,7 @@
     "react-dom": "^18.2.0",
     "rollup": "^3.10.1",
     "rollup-plugin-esbuild": "^5.0.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5"
   },
   "peerDependencies": {
     "@plasmicapp/host": ">=1.0.0",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1a1b8c59e514480831ffd07d706b31cc3a3694dd"
+  "gitHead": "ba7c77ecb6112755275be06c4c527495b7cc466f"
 }

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

@@ -6,7 +6,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const PlasmicLabelContext = 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);
 const PlasmicItemContext = React__default.default.createContext(void 0);
@@ -17,8 +17,7 @@ const PlasmicInputContext = React__default.default.createContext(void 0);
 exports.PlasmicHeaderContext = PlasmicHeaderContext;
 exports.PlasmicInputContext = PlasmicInputContext;
 exports.PlasmicItemContext = PlasmicItemContext;
-exports.PlasmicLabelContext = PlasmicLabelContext;
 exports.PlasmicListBoxContext = PlasmicListBoxContext;
 exports.PlasmicPopoverContext = PlasmicPopoverContext;
 exports.PlasmicSectionContext = PlasmicSectionContext;
-//# sourceMappingURL=contexts-c0294d96.cjs.js.map
+//# sourceMappingURL=contexts-3e42cdf9.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"contexts-c0294d96.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\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 type { BaseSection } from \"./registerSection\";\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 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":";;;;;;;;AAgBa,MAAA,mBAAA,GAAsBA,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;;;;;;;;;;"}
+{"version":3,"file":"contexts-3e42cdf9.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\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 type { BaseSection } from \"./registerSection\";\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 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":";;;;;;;;AAgBmCA,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-fd3e1077.esm.js → contexts-49f6c298.esm.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const PlasmicLabelContext = 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);
@@ -8,5 +8,5 @@ const PlasmicSectionContext = React.createContext(void 0);
 const PlasmicHeaderContext = React.createContext(void 0);
 const PlasmicInputContext = React.createContext(void 0);
 
-export { PlasmicListBoxContext as P, PlasmicInputContext as a, PlasmicLabelContext as b, PlasmicSectionContext as c, PlasmicItemContext as d, PlasmicPopoverContext as e, PlasmicHeaderContext as f };
-//# sourceMappingURL=contexts-fd3e1077.esm.js.map
+export { PlasmicListBoxContext as P, PlasmicInputContext as a, PlasmicSectionContext as b, PlasmicItemContext as c, PlasmicPopoverContext as d, PlasmicHeaderContext as e };
+//# sourceMappingURL=contexts-49f6c298.esm.js.map

package/skinny/{contexts-fd3e1077.esm.js.map → contexts-49f6c298.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"contexts-fd3e1077.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\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 type { BaseSection } from \"./registerSection\";\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 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":";;AAgBa,MAAA,mBAAA,GAAsB,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;;;;"}
+{"version":3,"file":"contexts-49f6c298.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\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 type { BaseSection } from \"./registerSection\";\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 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":";;AAgBmC,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/registerCheckbox.cjs.js

@@ -0,0 +1,158 @@
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var common = require('./common-e74a9214.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseCheckbox(props) {
+  const _a = props, { children, onPressChange, onFocusVisibleChange } = _a, rest = __objRest(_a, ["children", "onPressChange", "onFocusVisibleChange"]);
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    utils.ValueObserver,
+    {
+      value: isFocusVisible,
+      onChange: onFocusVisibleChange
+    }
+  ), /* @__PURE__ */ React__default.default.createElement(utils.ValueObserver, { value: isPressed, onChange: onPressChange }), children)));
+}
+function registerCheckbox(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseCheckbox,
+    {
+      name: utils.makeComponentName("checkbox"),
+      displayName: "BaseCheckbox",
+      importPath: "@plasmicpkgs/react-aria/registerCheckbox",
+      importName: "BaseCheckbox",
+      props: __spreadProps(__spreadValues({}, common.getCommonInputProps("checkbox", [
+        "name",
+        "isDisabled",
+        "isReadOnly",
+        "aria-label",
+        "children",
+        "isRequired",
+        "autoFocus"
+      ])), {
+        value: {
+          type: "string",
+          description: "The value of the input element, used when submitting an HTML form."
+        },
+        isSelected: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultSelected",
+          description: "Whether the checkbox is toggled on",
+          defaultValueHint: false
+        },
+        isIndeterminate: {
+          displayName: "Indeterminate",
+          type: "boolean",
+          description: "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.",
+          defaultValueHint: false
+        },
+        isInvalid: {
+          displayName: "Invalid",
+          type: "boolean",
+          description: "Whether the input value is invalid",
+          defaultValueHint: false
+        },
+        validationBehavior: {
+          type: "choice",
+          options: ["native", "aria"],
+          description: "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.",
+          defaultValueHint: "native"
+        },
+        onChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isSelected", type: "boolean" }]
+        },
+        onHoverChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isHovered", type: "boolean" }]
+        },
+        onFocusChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        onPressChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isPressed", type: "boolean" }]
+        },
+        onFocusVisibleChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocusVisible", type: "boolean" }]
+        }
+      }),
+      states: {
+        isSelected: {
+          type: "writable",
+          valueProp: "isSelected",
+          onChangeProp: "onChange",
+          variableType: "boolean"
+        },
+        isHovered: {
+          type: "readonly",
+          onChangeProp: "onHoverChange",
+          variableType: "boolean"
+        },
+        isPressed: {
+          type: "readonly",
+          onChangeProp: "onPressChange",
+          variableType: "boolean"
+        },
+        isFocused: {
+          type: "readonly",
+          onChangeProp: "onFocusChange",
+          variableType: "boolean"
+        },
+        isFocusVisible: {
+          type: "readonly",
+          onChangeProp: "onFocusVisibleChange",
+          variableType: "boolean"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+exports.BaseCheckbox = BaseCheckbox;
+exports.registerCheckbox = registerCheckbox;
+//# sourceMappingURL=registerCheckbox.cjs.js.map

package/skinny/registerCheckbox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n  onPressChange: (isPressed: boolean) => void;\n  onFocusVisibleChange: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const { children, onPressChange, onFocusVisibleChange, ...rest } = props;\n\n  return (\n    <>\n      <Checkbox {...rest}>\n        {({ isFocusVisible, isPressed }) => (\n          <>\n            <ValueObserver\n              value={isFocusVisible}\n              onChange={onFocusVisibleChange}\n            />\n            <ValueObserver value={isPressed} onChange={onPressChange} />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: makeComponentName(\"checkbox\"),\n      displayName: \"BaseCheckbox\",\n      importPath: \"@plasmicpkgs/react-aria/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      props: {\n        ...getCommonInputProps<BaseCheckboxProps>(\"checkbox\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n          \"autoFocus\",\n        ]),\n        value: {\n          type: \"string\",\n          description:\n            \"The value of the input element, used when submitting an HTML form.\",\n        },\n        isSelected: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox is toggled on\",\n          defaultValueHint: false,\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        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onPressChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n        },\n        onFocusVisibleChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n        },\n        isHovered: {\n          type: \"readonly\",\n          onChangeProp: \"onHoverChange\",\n          variableType: \"boolean\",\n        },\n        isPressed: {\n          type: \"readonly\",\n          onChangeProp: \"onPressChange\",\n          variableType: \"boolean\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n        isFocusVisible: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusVisibleChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Checkbox","ValueObserver","registerComponentHelper","makeComponentName","getCommonInputProps"],"mappings":"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"}

package/skinny/registerCheckbox.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { CheckboxProps } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+interface BaseCheckboxProps extends CheckboxProps {
+    onPressChange: (isPressed: boolean) => void;
+    onFocusVisibleChange: (isFocusVisible: boolean) => void;
+}
+export declare function BaseCheckbox(props: BaseCheckboxProps): React.JSX.Element;
+export declare function registerCheckbox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>): void;
+export {};

package/skinny/registerCheckbox.esm.js

@@ -0,0 +1,151 @@
+import React from 'react';
+import { Checkbox } from 'react-aria-components';
+import { g as getCommonInputProps } from './common-52c26d37.esm.js';
+import { V as ValueObserver, r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
+import '@plasmicapp/host/registerComponent';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseCheckbox(props) {
+  const _a = props, { children, onPressChange, onFocusVisibleChange } = _a, rest = __objRest(_a, ["children", "onPressChange", "onFocusVisibleChange"]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues({}, rest), ({ isFocusVisible, isPressed }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ValueObserver,
+    {
+      value: isFocusVisible,
+      onChange: onFocusVisibleChange
+    }
+  ), /* @__PURE__ */ React.createElement(ValueObserver, { value: isPressed, onChange: onPressChange }), children)));
+}
+function registerCheckbox(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseCheckbox,
+    {
+      name: makeComponentName("checkbox"),
+      displayName: "BaseCheckbox",
+      importPath: "@plasmicpkgs/react-aria/registerCheckbox",
+      importName: "BaseCheckbox",
+      props: __spreadProps(__spreadValues({}, getCommonInputProps("checkbox", [
+        "name",
+        "isDisabled",
+        "isReadOnly",
+        "aria-label",
+        "children",
+        "isRequired",
+        "autoFocus"
+      ])), {
+        value: {
+          type: "string",
+          description: "The value of the input element, used when submitting an HTML form."
+        },
+        isSelected: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultSelected",
+          description: "Whether the checkbox is toggled on",
+          defaultValueHint: false
+        },
+        isIndeterminate: {
+          displayName: "Indeterminate",
+          type: "boolean",
+          description: "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.",
+          defaultValueHint: false
+        },
+        isInvalid: {
+          displayName: "Invalid",
+          type: "boolean",
+          description: "Whether the input value is invalid",
+          defaultValueHint: false
+        },
+        validationBehavior: {
+          type: "choice",
+          options: ["native", "aria"],
+          description: "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.",
+          defaultValueHint: "native"
+        },
+        onChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isSelected", type: "boolean" }]
+        },
+        onHoverChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isHovered", type: "boolean" }]
+        },
+        onFocusChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        onPressChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isPressed", type: "boolean" }]
+        },
+        onFocusVisibleChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocusVisible", type: "boolean" }]
+        }
+      }),
+      states: {
+        isSelected: {
+          type: "writable",
+          valueProp: "isSelected",
+          onChangeProp: "onChange",
+          variableType: "boolean"
+        },
+        isHovered: {
+          type: "readonly",
+          onChangeProp: "onHoverChange",
+          variableType: "boolean"
+        },
+        isPressed: {
+          type: "readonly",
+          onChangeProp: "onPressChange",
+          variableType: "boolean"
+        },
+        isFocused: {
+          type: "readonly",
+          onChangeProp: "onFocusChange",
+          variableType: "boolean"
+        },
+        isFocusVisible: {
+          type: "readonly",
+          onChangeProp: "onFocusVisibleChange",
+          variableType: "boolean"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+export { BaseCheckbox, registerCheckbox };
+//# sourceMappingURL=registerCheckbox.esm.js.map

package/skinny/registerCheckbox.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckboxProps } from \"react-aria-components\";\nimport { Checkbox } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  ValueObserver,\n} from \"./utils\";\n\ninterface BaseCheckboxProps extends CheckboxProps {\n  onPressChange: (isPressed: boolean) => void;\n  onFocusVisibleChange: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseCheckbox(props: BaseCheckboxProps) {\n  const { children, onPressChange, onFocusVisibleChange, ...rest } = props;\n\n  return (\n    <>\n      <Checkbox {...rest}>\n        {({ isFocusVisible, isPressed }) => (\n          <>\n            <ValueObserver\n              value={isFocusVisible}\n              onChange={onFocusVisibleChange}\n            />\n            <ValueObserver value={isPressed} onChange={onPressChange} />\n            {children}\n          </>\n        )}\n      </Checkbox>\n    </>\n  );\n}\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckbox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckbox,\n    {\n      name: makeComponentName(\"checkbox\"),\n      displayName: \"BaseCheckbox\",\n      importPath: \"@plasmicpkgs/react-aria/registerCheckbox\",\n      importName: \"BaseCheckbox\",\n      props: {\n        ...getCommonInputProps<BaseCheckboxProps>(\"checkbox\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n          \"autoFocus\",\n        ]),\n        value: {\n          type: \"string\",\n          description:\n            \"The value of the input element, used when submitting an HTML form.\",\n        },\n        isSelected: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the checkbox is toggled on\",\n          defaultValueHint: false,\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        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onPressChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n        },\n        onFocusVisibleChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"isSelected\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n        },\n        isHovered: {\n          type: \"readonly\",\n          onChangeProp: \"onHoverChange\",\n          variableType: \"boolean\",\n        },\n        isPressed: {\n          type: \"readonly\",\n          onChangeProp: \"onPressChange\",\n          variableType: \"boolean\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n        isFocusVisible: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusVisibleChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerCheckboxGroup.cjs.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var reactAriaComponents = require('react-aria-components');
+var common = require('./common-e74a9214.cjs.js');
+var registerCheckbox = require('./registerCheckbox.cjs.js');
+var registerDescription = require('./registerDescription.cjs.js');
+var registerFieldError = require('./registerFieldError.cjs.js');
+var registerLabel = require('./registerLabel.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
+require('react');
+require('./registerText.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const BaseCheckboxGroup = reactAriaComponents.CheckboxGroup;
+const componentName = utils.makeComponentName("checkboxGroup");
+function registerCheckboxGroup(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseCheckboxGroup,
+    {
+      name: componentName,
+      displayName: "BaseCheckboxGroup",
+      importPath: "@plasmicpkgs/react-aria/registerCheckboxGroup",
+      importName: "BaseCheckboxGroup",
+      props: __spreadProps(__spreadValues({}, common.getCommonInputProps("checkbox group", [
+        "name",
+        "isDisabled",
+        "isReadOnly",
+        "aria-label",
+        "children",
+        "isRequired"
+      ])), {
+        value: {
+          type: "array",
+          editOnly: true,
+          uncontrolledProp: "defaultValue",
+          description: "The current value"
+        },
+        options: {
+          type: "array",
+          description: "The options in the radio group",
+          itemType: {
+            type: "object",
+            nameFunc: (item) => item.label,
+            fields: {
+              label: "string",
+              value: "string"
+            }
+          }
+        },
+        isInvalid: {
+          displayName: "Invalid",
+          type: "boolean",
+          description: "Whether the input value is invalid",
+          defaultValueHint: false
+        },
+        validationBehavior: {
+          type: "choice",
+          options: ["native", "aria"],
+          description: "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.",
+          defaultValueHint: "native"
+        },
+        onChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "value", type: "object" }]
+        }
+      }),
+      states: {
+        value: {
+          type: "writable",
+          valueProp: "value",
+          onChangeProp: "onChange",
+          variableType: "array"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+  const thisName = utils.makeChildComponentName(
+    overrides == null ? void 0 : overrides.parentComponentName,
+    componentName
+  );
+  registerFieldError.registerFieldError(loader, { parentComponentName: thisName });
+  registerCheckbox.registerCheckbox(loader, { parentComponentName: thisName });
+  registerLabel.registerLabel(loader, { parentComponentName: thisName });
+  registerDescription.registerDescription(loader, {
+    parentComponentName: thisName
+  });
+}
+
+exports.BaseCheckboxGroup = BaseCheckboxGroup;
+exports.registerCheckboxGroup = registerCheckboxGroup;
+//# sourceMappingURL=registerCheckboxGroup.cjs.js.map

package/skinny/registerCheckboxGroup.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerCheckboxGroup.cjs.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerCheckbox } from \"./registerCheckbox\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerLabel } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  makeChildComponentName,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseCheckboxGroup = CheckboxGroup;\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n  registerComponentHelper(\n    loader,\n    BaseCheckboxGroup,\n    {\n      name: componentName,\n      displayName: \"BaseCheckboxGroup\",\n      importPath: \"@plasmicpkgs/react-aria/registerCheckboxGroup\",\n      importName: \"BaseCheckboxGroup\",\n      props: {\n        ...getCommonInputProps<CheckboxGroupProps>(\"checkbox group\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"aria-label\",\n          \"children\",\n          \"isRequired\",\n        ]),\n        value: {\n          type: \"array\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\n        },\n        options: {\n          type: \"array\",\n          description: \"The options in the radio group\",\n          itemType: {\n            type: \"object\",\n            nameFunc: (item) => item.label,\n            fields: {\n              label: \"string\",\n              value: \"string\",\n            },\n          },\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: \"value\", type: \"object\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    componentName\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerCheckbox(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerDescription(loader, {\n    parentComponentName: thisName,\n  });\n}\n"],"names":["CheckboxGroup","makeComponentName","registerComponentHelper","getCommonInputProps","makeChildComponentName","registerFieldError","registerCheckbox","registerLabel","registerDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,iBAAoB,GAAAA,kCAAA;AAEjC,MAAM,aAAA,GAAgBC,wBAAkB,eAAe,CAAA,CAAA;AAEvC,SAAA,qBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,aAAA;AAAA,MACN,WAAa,EAAA,mBAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,mBAAA;AAAA,MACZ,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAAC,0BAAA,CAAwC,gBAAkB,EAAA;AAAA,QAC3D,MAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,OACD,CARI,CAAA,EAAA;AAAA,QASL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,OAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,cAAA;AAAA,UAClB,WAAa,EAAA,mBAAA;AAAA,SACf;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,gCAAA;AAAA,UACb,QAAU,EAAA;AAAA,YACR,IAAM,EAAA,QAAA;AAAA,YACN,QAAA,EAAU,CAAC,IAAA,KAAS,IAAK,CAAA,KAAA;AAAA,YACzB,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,QAAA;AAAA,cACP,KAAO,EAAA,QAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;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,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF,CAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,OAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,QAAW,GAAAC,4BAAA;AAAA,IACf,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,mBAAA;AAAA,IACX,aAAA;AAAA,GACF,CAAA;AAEA,EAAAC,qCAAA,CAAmB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC5D,EAAAC,iCAAA,CAAiB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC1D,EAAAC,2BAAA,CAAc,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AACvD,EAAAC,uCAAA,CAAoB,MAAQ,EAAA;AAAA,IAC1B,mBAAqB,EAAA,QAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerCheckboxGroup.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="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 registerCheckboxGroup(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>): void;