@ariakit/solid-core 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,5 @@
+# @ariakit/solid-core
+
+## 0.1.0
+
+- Initial release.

package/as/as/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/solid-core/as/as",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/as/as.cjs",
+  "module": "../../esm/as/as.js",
+  "types": "../../cjs/as/as.d.ts"
+}

package/cjs/__chunks/53WPOLZU.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/group/group-label-context.tsx
+var _solidjs = require('solid-js');
+var GroupLabelContext = _solidjs.createContext.call(void 0, );
+
+
+
+exports.GroupLabelContext = GroupLabelContext;

package/cjs/__chunks/AUGTJ473.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/heading/heading-context.tsx
+var _solidjs = require('solid-js');
+var HeadingContext = _solidjs.createContext.call(void 0, );
+
+
+
+exports.HeadingContext = HeadingContext;

package/cjs/__chunks/GVOD7RTZ.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/misc.ts
+var _utils = require('@solid-primitives/utils');
+var _solidjs = require('solid-js');
+function createId(defaultId) {
+  const id = _solidjs.createUniqueId.call(void 0, );
+  return () => {
+    var _a;
+    return (_a = _utils.access.call(void 0, defaultId)) != null ? _a : id;
+  };
+}
+function extractTagName(element, fallback) {
+  return () => {
+    var _a, _b;
+    return (_b = (_a = _utils.access.call(void 0, element)) == null ? void 0 : _a.tagName.toLowerCase()) != null ? _b : typeof fallback === "string" ? fallback : void 0;
+  };
+}
+
+
+
+
+exports.createId = createId; exports.extractTagName = extractTagName;

package/cjs/__chunks/JFCGWMZC.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _V3ZEI37Lcjs = require('./V3ZEI37L.cjs');
+
+
+var _RLO4RIGLcjs = require('./RLO4RIGL.cjs');
+
+// src/visually-hidden/visually-hidden.tsx
+var TagName = "span";
+var useVisuallyHidden = _V3ZEI37Lcjs.createHook.call(void 0, function useVisuallyHidden2(props) {
+  props = _RLO4RIGLcjs.mergeProps.call(void 0, {
+    style: {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      "white-space": "nowrap",
+      width: "1px"
+    }
+  }, props);
+  return props;
+});
+function VisuallyHidden(props) {
+  const htmlProps = useVisuallyHidden(props);
+  return _V3ZEI37Lcjs.createInstance.call(void 0, TagName, htmlProps);
+}
+
+
+
+
+exports.useVisuallyHidden = useVisuallyHidden; exports.VisuallyHidden = VisuallyHidden;

package/cjs/__chunks/RLO4RIGL.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/reactivity.ts
+var _props = require('@solid-primitives/props');
+
+
+
+
+
+var _solidjs = require('solid-js');
+function stableAccessor(value, callback) {
+  return () => callback(value);
+}
+function extractPropsWithDefaults(props, defaults) {
+  const [own, rest] = _solidjs.splitProps.call(void 0, props, Object.keys(defaults));
+  return [
+    _solidjs.mergeProps.call(void 0, defaults, own),
+    rest
+  ];
+}
+function createRef(initialValue) {
+  const [get, set] = _solidjs.createSignal.call(void 0, initialValue);
+  return {
+    get current() {
+      return _solidjs.untrack.call(void 0, () => get());
+    },
+    get,
+    set,
+    reset: () => set(initialValue)
+  };
+}
+function mergeProps(base, overrides, skipProps) {
+  return _props.combineProps.call(void 0, 
+    [base, skipProps ? _solidjs.splitProps.call(void 0, overrides, skipProps)[1] : overrides],
+    { reverseEventHandlers: true }
+  );
+}
+
+
+
+
+
+
+exports.stableAccessor = stableAccessor; exports.extractPropsWithDefaults = extractPropsWithDefaults; exports.createRef = createRef; exports.mergeProps = mergeProps;

package/cjs/__chunks/T5IUBZJK.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _RLO4RIGLcjs = require('./RLO4RIGL.cjs');
+
+// src/as/as.tsx
+var _web = require('solid-js/web');
+
+
+var cache = /* @__PURE__ */ new Map();
+var As = new Proxy(function As2(props) {
+  return (parentProps) => (
+    // TODO: replace with LazyDynamic
+    _web.createComponent.call(void 0, _web.Dynamic, _web.mergeProps.call(void 0, () => _RLO4RIGLcjs.mergeProps.call(void 0, parentProps, props), {
+      get component() {
+        return props.component;
+      }
+    }))
+  );
+}, {
+  get: (_, key) => {
+    let component = cache.get(key);
+    if (!component) {
+      component = function AsElement(props) {
+        return (parentProps) => (
+          // TODO: replace with LazyDynamic
+          _web.createComponent.call(void 0, _web.Dynamic, _web.mergeProps.call(void 0, () => _RLO4RIGLcjs.mergeProps.call(void 0, parentProps, props), {
+            component: key
+          }))
+        );
+      };
+      cache.set(key, component);
+    }
+    return component;
+  }
+});
+
+
+
+exports.As = As;

package/cjs/__chunks/V3ZEI37L.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _RLO4RIGLcjs = require('./RLO4RIGL.cjs');
+
+// src/utils/system.tsx
+var _web = require('solid-js/web');
+
+
+var _solidjs = require('solid-js');
+
+function createInstance(Component, props) {
+  const [features, rest] = _solidjs.splitProps.call(void 0, props, ["render", "wrapInstance"]);
+  const withRender = () => (
+    // TODO: replace with LazyDynamic
+    _web.createComponent.call(void 0, _web.Dynamic, _web.mergeProps.call(void 0, rest, {
+      get component() {
+        var _a;
+        return (_a = features.render) != null ? _a : Component;
+      }
+    }))
+  );
+  let tree = withRender;
+  if (features.wrapInstance) {
+    for (const element of features.wrapInstance) {
+      const children = tree;
+      tree = () => (
+        // TODO: replace with LazyDynamic
+        _web.createComponent.call(void 0, _web.Dynamic, {
+          component: element,
+          get children() {
+            return children();
+          }
+        })
+      );
+    }
+  }
+  return tree();
+}
+function wrapInstance(props, element) {
+  var _a;
+  const wrapInstance2 = [...(_a = props.wrapInstance) != null ? _a : [], element];
+  return _solidjs.mergeProps.call(void 0, props, {
+    wrapInstance: wrapInstance2
+  });
+}
+function createHook(useProps) {
+  return useProps;
+}
+function withOptions(defaults, useProps) {
+  return function usePropsWithOptions(props) {
+    const [options, rest] = _RLO4RIGLcjs.extractPropsWithDefaults.call(void 0, props, defaults);
+    return useProps(rest, options);
+  };
+}
+
+
+
+
+
+
+exports.createInstance = createInstance; exports.wrapInstance = wrapInstance; exports.createHook = createHook; exports.withOptions = withOptions;

package/cjs/__chunks/V5YR7HBG.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _JFCGWMZCcjs = require('./JFCGWMZC.cjs');
+
+
+
+var _V3ZEI37Lcjs = require('./V3ZEI37L.cjs');
+
+
+var _RLO4RIGLcjs = require('./RLO4RIGL.cjs');
+
+// src/focus-trap/focus-trap.tsx
+var TagName = "span";
+var useFocusTrap = _V3ZEI37Lcjs.createHook.call(void 0, function useFocusTrap2(props) {
+  props = _RLO4RIGLcjs.mergeProps.call(void 0, {
+    "data-focus-trap": "",
+    tabIndex: 0,
+    "aria-hidden": true,
+    style: {
+      // Prevents unintended scroll jumps.
+      position: "fixed",
+      top: 0,
+      left: 0
+    }
+  }, props);
+  props = _JFCGWMZCcjs.useVisuallyHidden.call(void 0, props);
+  return props;
+});
+function FocusTrap(props) {
+  const htmlProps = useFocusTrap(props);
+  return _V3ZEI37Lcjs.createInstance.call(void 0, TagName, htmlProps);
+}
+
+
+
+
+exports.useFocusTrap = useFocusTrap; exports.FocusTrap = FocusTrap;

package/cjs/as/as.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _T5IUBZJKcjs = require('../__chunks/T5IUBZJK.cjs');
+require('../__chunks/RLO4RIGL.cjs');
+
+
+exports.As = _T5IUBZJKcjs.As;

package/cjs/as/as.d.cts

@@ -0,0 +1,30 @@
+import type { Component, ComponentProps, JSX, ValidComponent } from "solid-js";
+type AsElements = {
+    [K in keyof JSX.IntrinsicElements]: Component<ComponentProps<K>>;
+};
+type AsComponent = <T extends Component<any>, P = ComponentProps<T>>(props: AsProps<T, P>) => JSX.Element;
+/**
+ * Allows a component to be rendered as a different HTML element or Solid
+ * component. Must be passed to the `render` prop of a component that
+ * supports it.
+ *
+ * To render as an HTML element, use `<As.element />` (e.g. `<As.button />`).
+ *
+ * To render as a component, use `<As component={Component} />` (e.g. `<As
+ * component={MyButton} />`).
+ *
+ * Check out the [Composition](https://solid.ariakit.org/guide/composition)
+ * guide for more details.
+ * @example
+ * ```jsx
+ * <Role render={<As component={MyButton} variant="primary" />} />
+ * <Role render={<As.button type="button" />} />
+ * ```
+ */
+export declare const As: AsComponent & AsElements;
+export type AsProps<T extends ValidComponent, P = ComponentProps<T>> = {
+    [K in keyof P]: P[K];
+} & {
+    component: T;
+};
+export {};

package/cjs/as/as.d.ts

@@ -0,0 +1,30 @@
+import type { Component, ComponentProps, JSX, ValidComponent } from "solid-js";
+type AsElements = {
+    [K in keyof JSX.IntrinsicElements]: Component<ComponentProps<K>>;
+};
+type AsComponent = <T extends Component<any>, P = ComponentProps<T>>(props: AsProps<T, P>) => JSX.Element;
+/**
+ * Allows a component to be rendered as a different HTML element or Solid
+ * component. Must be passed to the `render` prop of a component that
+ * supports it.
+ *
+ * To render as an HTML element, use `<As.element />` (e.g. `<As.button />`).
+ *
+ * To render as a component, use `<As component={Component} />` (e.g. `<As
+ * component={MyButton} />`).
+ *
+ * Check out the [Composition](https://solid.ariakit.org/guide/composition)
+ * guide for more details.
+ * @example
+ * ```jsx
+ * <Role render={<As component={MyButton} variant="primary" />} />
+ * <Role render={<As.button type="button" />} />
+ * ```
+ */
+export declare const As: AsComponent & AsElements;
+export type AsProps<T extends ValidComponent, P = ComponentProps<T>> = {
+    [K in keyof P]: P[K];
+} & {
+    component: T;
+};
+export {};

package/cjs/focus-trap/focus-trap-region.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _V5YR7HBGcjs = require('../__chunks/V5YR7HBG.cjs');
+require('../__chunks/JFCGWMZC.cjs');
+
+
+
+
+
+var _V3ZEI37Lcjs = require('../__chunks/V3ZEI37L.cjs');
+
+
+
+var _RLO4RIGLcjs = require('../__chunks/RLO4RIGL.cjs');
+
+// src/focus-trap/focus-trap-region.tsx
+var _web = require('solid-js/web');
+
+var _focus = require('@ariakit/core/utils/focus');
+var _solidjs = require('solid-js');
+var TagName = "div";
+var useFocusTrapRegion = _V3ZEI37Lcjs.createHook.call(void 0, _V3ZEI37Lcjs.withOptions.call(void 0, {
+  enabled: false
+}, function useFocusTrapRegion2(props, options) {
+  const ref = _RLO4RIGLcjs.createRef.call(void 0, );
+  props = _V3ZEI37Lcjs.wrapInstance.call(void 0, props, (wrapperProps) => {
+    const renderFocusTrap = () => {
+      return _web.createComponent.call(void 0, _solidjs.Show, {
+        get when() {
+          return options.enabled;
+        },
+        get children() {
+          return _web.createComponent.call(void 0, _V5YR7HBGcjs.FocusTrap, {
+            onFocus: (event) => {
+              const container = ref.current;
+              if (!container) return;
+              const tabbables = _focus.getAllTabbableIn.call(void 0, container, true);
+              const first = tabbables[0];
+              const last = tabbables[tabbables.length - 1];
+              if (!tabbables.length) {
+                container.focus();
+                return;
+              }
+              if (event.relatedTarget === first) {
+                last == null ? void 0 : last.focus();
+              } else {
+                first == null ? void 0 : first.focus();
+              }
+            }
+          });
+        }
+      });
+    };
+    return [_web.memo.call(void 0, renderFocusTrap), _web.memo.call(void 0, () => wrapperProps.children), _web.memo.call(void 0, renderFocusTrap)];
+  });
+  props = _RLO4RIGLcjs.mergeProps.call(void 0, {
+    ref: ref.set
+  }, props);
+  return props;
+}));
+var FocusTrapRegion = function FocusTrapRegion2(props) {
+  const htmlProps = useFocusTrapRegion(props);
+  return _V3ZEI37Lcjs.createInstance.call(void 0, TagName, htmlProps);
+};
+
+
+
+exports.FocusTrapRegion = FocusTrapRegion; exports.useFocusTrapRegion = useFocusTrapRegion;

package/cjs/focus-trap/focus-trap-region.d.cts

@@ -0,0 +1,38 @@
+import { type ValidComponent } from "solid-js";
+import type { Options, Props } from "../utils/types.ts";
+declare const TagName = "div";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `FocusTrapRegion` component.
+ * @see https://solid.ariakit.org/components/focus-trap-region
+ * @example
+ * ```jsx
+ * const props = useFocusTrapRegion();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useFocusTrapRegion: import("../utils/types.ts").Hook<"div", FocusTrapRegionOptions<"div">>;
+/**
+ * Renders a wrapper element that traps the focus inside it when the
+ * [`enabled`](https://solid.ariakit.org/reference/focus-trap-region#enabled)
+ * prop is `true`.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * <FocusTrapRegion>
+ *  <Button>click me</Button>
+ *  <Button>trap focus</Button>
+ *  <Button disabled>disabled Button</Button>
+ * </FocusTrapRegion>
+ * ```
+ */
+export declare const FocusTrapRegion: (props: FocusTrapRegionProps) => import("solid-js").JSX.Element;
+export interface FocusTrapRegionOptions<_T extends ValidComponent = TagName> extends Options {
+    /**
+     * If true, it will trap the focus in the region.
+     * @default false
+     */
+    enabled?: boolean;
+}
+export type FocusTrapRegionProps<T extends ValidComponent = TagName> = Props<T, FocusTrapRegionOptions<T>>;
+export {};

package/cjs/focus-trap/focus-trap-region.d.ts

@@ -0,0 +1,38 @@
+import { type ValidComponent } from "solid-js";
+import type { Options, Props } from "../utils/types.ts";
+declare const TagName = "div";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `FocusTrapRegion` component.
+ * @see https://solid.ariakit.org/components/focus-trap-region
+ * @example
+ * ```jsx
+ * const props = useFocusTrapRegion();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useFocusTrapRegion: import("../utils/types.ts").Hook<"div", FocusTrapRegionOptions<"div">>;
+/**
+ * Renders a wrapper element that traps the focus inside it when the
+ * [`enabled`](https://solid.ariakit.org/reference/focus-trap-region#enabled)
+ * prop is `true`.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * <FocusTrapRegion>
+ *  <Button>click me</Button>
+ *  <Button>trap focus</Button>
+ *  <Button disabled>disabled Button</Button>
+ * </FocusTrapRegion>
+ * ```
+ */
+export declare const FocusTrapRegion: (props: FocusTrapRegionProps) => import("solid-js").JSX.Element;
+export interface FocusTrapRegionOptions<_T extends ValidComponent = TagName> extends Options {
+    /**
+     * If true, it will trap the focus in the region.
+     * @default false
+     */
+    enabled?: boolean;
+}
+export type FocusTrapRegionProps<T extends ValidComponent = TagName> = Props<T, FocusTrapRegionOptions<T>>;
+export {};

package/cjs/focus-trap/focus-trap.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _V5YR7HBGcjs = require('../__chunks/V5YR7HBG.cjs');
+require('../__chunks/JFCGWMZC.cjs');
+require('../__chunks/V3ZEI37L.cjs');
+require('../__chunks/RLO4RIGL.cjs');
+
+
+
+exports.FocusTrap = _V5YR7HBGcjs.FocusTrap; exports.useFocusTrap = _V5YR7HBGcjs.useFocusTrap;

package/cjs/focus-trap/focus-trap.d.cts

@@ -0,0 +1,27 @@
+import type { ValidComponent } from "solid-js";
+import type { Props } from "../utils/types.ts";
+import type { VisuallyHiddenOptions } from "../visually-hidden/visually-hidden.tsx";
+declare const TagName = "span";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `FocusTrap` component.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * const props = useFocusTrap();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useFocusTrap: import("../utils/types.ts").Hook<"span", FocusTrapOptions<"span">>;
+/**
+ * Renders a focus trap element.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * <FocusTrap onFocus={focusSomethingElse} />
+ * ```
+ */
+export declare function FocusTrap(props: FocusTrapProps): import("solid-js").JSX.Element;
+export type FocusTrapOptions<T extends ValidComponent = TagName> = VisuallyHiddenOptions<T>;
+export type FocusTrapProps<T extends ValidComponent = TagName> = Props<T, FocusTrapOptions<T>>;
+export {};

package/cjs/focus-trap/focus-trap.d.ts

@@ -0,0 +1,27 @@
+import type { ValidComponent } from "solid-js";
+import type { Props } from "../utils/types.ts";
+import type { VisuallyHiddenOptions } from "../visually-hidden/visually-hidden.tsx";
+declare const TagName = "span";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `FocusTrap` component.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * const props = useFocusTrap();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useFocusTrap: import("../utils/types.ts").Hook<"span", FocusTrapOptions<"span">>;
+/**
+ * Renders a focus trap element.
+ * @see https://solid.ariakit.org/components/focus-trap
+ * @example
+ * ```jsx
+ * <FocusTrap onFocus={focusSomethingElse} />
+ * ```
+ */
+export declare function FocusTrap(props: FocusTrapProps): import("solid-js").JSX.Element;
+export type FocusTrapOptions<T extends ValidComponent = TagName> = VisuallyHiddenOptions<T>;
+export type FocusTrapProps<T extends ValidComponent = TagName> = Props<T, FocusTrapOptions<T>>;
+export {};

package/cjs/group/group-label-context.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _53WPOLZUcjs = require('../__chunks/53WPOLZU.cjs');
+
+
+exports.GroupLabelContext = _53WPOLZUcjs.GroupLabelContext;

package/cjs/group/group-label-context.d.cts

@@ -0,0 +1,2 @@
+import { type Setter } from "solid-js";
+export declare const GroupLabelContext: import("solid-js").Context<Setter<string | undefined> | undefined>;

package/cjs/group/group-label-context.d.ts

@@ -0,0 +1,2 @@
+import { type Setter } from "solid-js";
+export declare const GroupLabelContext: import("solid-js").Context<Setter<string | undefined> | undefined>;

package/cjs/group/group-label.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _53WPOLZUcjs = require('../__chunks/53WPOLZU.cjs');
+
+
+var _GVOD7RTZcjs = require('../__chunks/GVOD7RTZ.cjs');
+
+
+
+var _V3ZEI37Lcjs = require('../__chunks/V3ZEI37L.cjs');
+
+
+
+var _RLO4RIGLcjs = require('../__chunks/RLO4RIGL.cjs');
+
+// src/group/group-label.tsx
+var _solidjs = require('solid-js');
+var TagName = "div";
+var useGroupLabel = _V3ZEI37Lcjs.createHook.call(void 0, function useGroupLabel2(props) {
+  const setLabelId = _solidjs.useContext.call(void 0, _53WPOLZUcjs.GroupLabelContext);
+  const id = _GVOD7RTZcjs.createId.call(void 0, _RLO4RIGLcjs.stableAccessor.call(void 0, props, (p) => p.id));
+  _solidjs.createEffect.call(void 0, () => {
+    setLabelId == null ? void 0 : setLabelId(id());
+    _solidjs.onCleanup.call(void 0, () => setLabelId == null ? void 0 : setLabelId(void 0));
+  });
+  props = _RLO4RIGLcjs.mergeProps.call(void 0, {
+    get id() {
+      return id();
+    },
+    "aria-hidden": true
+  }, props);
+  return props;
+});
+var GroupLabel = function GroupLabel2(props) {
+  const htmlProps = useGroupLabel(props);
+  return _V3ZEI37Lcjs.createInstance.call(void 0, TagName, htmlProps);
+};
+
+
+
+exports.GroupLabel = GroupLabel; exports.useGroupLabel = useGroupLabel;

package/cjs/group/group-label.d.cts

@@ -0,0 +1,34 @@
+import { type ValidComponent } from "solid-js";
+import type { Options, Props } from "../utils/types.ts";
+declare const TagName = "div";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `GroupLabel` component. This hook must be used in a
+ * component that's wrapped with `Group` so the `aria-labelledby` prop is
+ * properly set on the group element.
+ * @see https://solid.ariakit.org/components/group
+ * @example
+ * ```jsx
+ * // This component must be wrapped with Group
+ * const props = useGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useGroupLabel: import("../utils/types.ts").Hook<"div", GroupLabelOptions<"div">>;
+/**
+ * Renders a label in a group. This component should be wrapped with a
+ * [`Group`](https://solid.ariakit.org/reference/group) so the `aria-labelledby`
+ * prop is correctly set on the group element.
+ * @see https://solid.ariakit.org/components/group
+ * @example
+ * ```jsx
+ * <Group>
+ *   <GroupLabel>Label</GroupLabel>
+ * </Group>
+ * ```
+ */
+export declare const GroupLabel: (props: GroupLabelProps) => import("solid-js").JSX.Element;
+export interface GroupLabelOptions<_T extends ValidComponent = TagName> extends Options {
+}
+export type GroupLabelProps<T extends ValidComponent = TagName> = Props<T, GroupLabelOptions<T>>;
+export {};