terracotta 2.0.0-next.0 → 2.0.0-next.2

package/dist/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/components/alert-dialog/AlertDialog.ts","../src/components/alert-dialog/AlertDialogDescription.ts","../src/components/alert-dialog/AlertDialogOverlay.ts","../src/components/alert-dialog/AlertDialogPanel.ts","../src/components/alert-dialog/AlertDialogTitle.ts"],"mappings":";;;;;;KA+BY,8BAAA,GAAiC,QAAA,CAC3C,gCAAA,GACE,0BAAA,GACA,gBAAA;AAAA,KAGQ,0BAAA,WAAqC,cAAA,YAC/C,aAAA,CAAc,CAAA,EAAG,8BAAA;AAAA,KAEP,gCAAA,GAAmC,QAAA,CAC7C,kCAAA,GACE,0BAAA,GACA,gBAAA;AAAA,KAGQ,4BAAA,WAAuC,cAAA,YACjD,aAAA,CAAc,CAAA,EAAG,gCAAA;AAAA,KAEP,gBAAA,WAA2B,cAAA,YACnC,0BAAA,CAA2B,CAAA,IAC3B,4BAAA,CAA6B,CAAA;AAAA,iBAQjB,WAAA,WAAsB,cAAA,SAAA,CACpC,KAAA,EAAO,gBAAA,CAAiB,CAAA,IACvB,GAAA,CAAI,OAAA;;;KC5CK,2BAAA,WAAsC,cAAA,UAChD,aAAA,CAAc,CAAA,EAAG,0BAAA;AAAA,iBAEH,sBAAA,WAAiC,cAAA,OAAA,CAC/C,KAAA,EAAO,2BAAA,CAA4B,CAAA,IAClC,GAAA,CAAI,OAAA;;;KCJK,uBAAA,WAAkC,cAAA,YAC5C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,kBAAA,WAA6B,cAAA,SAAA,CAC3C,KAAA,EAAO,uBAAA,CAAwB,CAAA,IAC9B,GAAA,CAAI,OAAA;;;KCFK,qBAAA,WAAgC,cAAA,YAC1C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,gBAAA,WAA2B,cAAA,SAAA,CACzC,KAAA,EAAO,qBAAA,CAAsB,CAAA,IAC5B,GAAA,CAAI,OAAA;;;KCPK,qBAAA,WAAgC,cAAA,WAC1C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,gBAAA,WAA2B,cAAA,QAAA,CACzC,KAAA,EAAO,qBAAA,CAAsB,CAAA,IAC5B,GAAA,CAAI,OAAA"}
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/components/alert-dialog/AlertDialog.ts","../src/components/alert-dialog/AlertDialogDescription.ts","../src/components/alert-dialog/AlertDialogOverlay.ts","../src/components/alert-dialog/AlertDialogPanel.ts","../src/components/alert-dialog/AlertDialogTitle.ts"],"mappings":";;;;;;KA+BY,8BAAA,GAAiC,QAAA,CAC3C,gCAAA,GACE,0BAAA,GACA,gBAAA;AAAA,KAGQ,0BAAA,WAAqC,cAAA,YAC/C,aAAA,CAAc,CAAA,EAAG,8BAAA;AAAA,KAEP,gCAAA,GAAmC,QAAA,CAC7C,kCAAA,GACE,0BAAA,GACA,gBAAA;AAAA,KAGQ,4BAAA,WAAuC,cAAA,YACjD,aAAA,CAAc,CAAA,EAAG,gCAAA;AAAA,KAEP,gBAAA,WAA2B,cAAA,YACnC,0BAAA,CAA2B,CAAA,IAC3B,4BAAA,CAA6B,CAAA;AAAA,iBAQjB,WAAA,WAAsB,cAAA,SAAA,CACpC,KAAA,EAAO,gBAAA,CAAiB,CAAA,IACvB,GAAA,CAAI,OAAA;;;KC7CK,2BAAA,WAAsC,cAAA,UAChD,aAAA,CAAc,CAAA,EAAG,0BAAA;AAAA,iBAEH,sBAAA,WAAiC,cAAA,OAAA,CAC/C,KAAA,EAAO,2BAAA,CAA4B,CAAA,IAClC,GAAA,CAAI,OAAA;;;KCJK,uBAAA,WAAkC,cAAA,YAC5C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,kBAAA,WAA6B,cAAA,SAAA,CAC3C,KAAA,EAAO,uBAAA,CAAwB,CAAA,IAC9B,GAAA,CAAI,OAAA;;;KCFK,qBAAA,WAAgC,cAAA,YAC1C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,gBAAA,WAA2B,cAAA,SAAA,CACzC,KAAA,EAAO,qBAAA,CAAsB,CAAA,IAC5B,GAAA,CAAI,OAAA;;;KCTK,qBAAA,WAAgC,cAAA,WAC1C,oBAAA,CAAqB,CAAA,EAAG,0BAAA;AAAA,iBAEV,gBAAA,WAA2B,cAAA,QAAA,CACzC,KAAA,EAAO,qBAAA,CAAsB,CAAA,IAC5B,GAAA,CAAI,OAAA"}

package/dist/alert-dialog.js

@@ -8,8 +8,7 @@ import { t as createUnmountable } from "./create-unmountable-BA-xISc6.js";
 import { i as useDisclosureState, n as DisclosureStateProvider, r as createDisclosureState, t as DisclosureStateChild } from "./create-disclosure-state-DvrsDbX_.js";
 import { t as useFocusStartPoint } from "./use-focus-start-point-DzHdmdUG.js";
 import { createDynamic } from "@solidjs/web";
-import { createComponent, createContext, createEffect, createTrackedEffect, createUniqueId, merge, useContext } from "solid-js";
-import { omitProps } from "solid-use/props";
+import { createComponent, createContext, createEffect, createTrackedEffect, createUniqueId, merge, omit, useContext } from "solid-js";
 //#region src/components/alert-dialog/AlertDialogContext.ts
 const AlertDialogContext = createContext();
 function useAlertDialogContext(componentName) {
@@ -48,25 +47,7 @@ function AlertDialog(props) {
 			descriptionID
 		},
 		get children() {
-			return createUnmountable(props, () => state.isOpen(), () => createDynamic(() => props.as || "div", merge(isAlertDialogUncontrolled(props) ? omitProps(props, [
-				"as",
-				"children",
-				"defaultOpen",
-				"disabled",
-				"onChange",
-				"onClose",
-				"onOpen",
-				"unmount"
-			]) : omitProps(props, [
-				"as",
-				"children",
-				"isOpen",
-				"disabled",
-				"onChange",
-				"onClose",
-				"onOpen",
-				"unmount"
-			]), ALERT_DIALOG_TAG, {
+			return createUnmountable(props, () => state.isOpen(), () => createDynamic(() => props.as || "div", merge(isAlertDialogUncontrolled(props) ? omit(props, "as", "children", "defaultOpen", "disabled", "onChange", "onClose", "onOpen", "unmount") : omit(props, "as", "children", "isOpen", "disabled", "onChange", "onClose", "onOpen", "unmount"), ALERT_DIALOG_TAG, {
 				id: ownerID,
 				role: "alertdialog",
 				"aria-modal": true,
@@ -89,7 +70,7 @@ function AlertDialog(props) {
 function AlertDialogDescription(props) {
 	const context = useAlertDialogContext("AlertDialogDescription");
 	const state = useDisclosureState();
-	return createDynamic(() => props.as || "p", merge(omitProps(props, ["as", "children"]), ALERT_DIALOG_DESCRIPTION_TAG, {
+	return createDynamic(() => props.as || "p", merge(omit(props, "as", "children"), ALERT_DIALOG_DESCRIPTION_TAG, {
 		id: context.descriptionID,
 		get children() {
 			return createComponent(DisclosureStateChild, { get children() {
@@ -109,11 +90,7 @@ function AlertDialogOverlay(props) {
 			state.close();
 		});
 	});
-	return createDynamic(() => props.as || "div", merge(omitProps(props, [
-		"as",
-		"children",
-		"ref"
-	]), ALERT_DIALOG_OVERLAY_TAG, {
+	return createDynamic(() => props.as || "div", merge(omit(props, "as", "children", "ref"), ALERT_DIALOG_OVERLAY_TAG, {
 		ref: setInternalRef,
 		get children() {
 			return createComponent(DisclosureStateChild, { get children() {
@@ -147,11 +124,7 @@ function AlertDialogPanel(props) {
 			}
 		}
 	});
-	return createDynamic(() => props.as || "div", merge(omitProps(props, [
-		"as",
-		"children",
-		"ref"
-	]), ALERT_DIALOG_PANEL_TAG, {
+	return createDynamic(() => props.as || "div", merge(omit(props, "as", "children", "ref"), ALERT_DIALOG_PANEL_TAG, {
 		id: context.panelID,
 		ref: setInternalRef,
 		get children() {
@@ -166,7 +139,7 @@ function AlertDialogPanel(props) {
 function AlertDialogTitle(props) {
 	const context = useAlertDialogContext("AlertDialogTitle");
 	const state = useDisclosureState();
-	return createDynamic(() => props.as || "h2", merge(omitProps(props, ["as", "children"]), ALERT_DIALOG_TITLE_TAG, {
+	return createDynamic(() => props.as || "h2", merge(omit(props, "as", "children"), ALERT_DIALOG_TITLE_TAG, {
 		id: context.titleID,
 		get children() {
 			return createComponent(DisclosureStateChild, { get children() {

package/dist/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":[],"sources":["../src/components/alert-dialog/AlertDialogContext.ts","../src/components/alert-dialog/tags.ts","../src/components/alert-dialog/AlertDialog.ts","../src/components/alert-dialog/AlertDialogDescription.ts","../src/components/alert-dialog/AlertDialogOverlay.ts","../src/components/alert-dialog/AlertDialogPanel.ts","../src/components/alert-dialog/AlertDialogTitle.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js';\nimport assert from '../../utils/assert';\n\ninterface AlertDialogContextData {\n  ownerID: string;\n  panelID: string;\n  titleID: string;\n  descriptionID: string;\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextData>();\n\nexport function useAlertDialogContext(\n  componentName: string,\n): AlertDialogContextData {\n  const context = useContext(AlertDialogContext);\n  assert(\n    context,\n    new Error(`<${componentName}> must be used inside a <AlertDialog>`),\n  );\n  return context;\n}\n","import { createTag } from '../../utils/namespace';\n\nexport const ALERT_DIALOG_TAG = createTag('alert-dialog');\nexport const ALERT_DIALOG_DESCRIPTION_TAG = createTag(\n  'alert-dialog-description',\n);\nexport const ALERT_DIALOG_OVERLAY_TAG = createTag('alert-dialog-overlay');\nexport const ALERT_DIALOG_PANEL_TAG = createTag('alert-dialog-panel');\nexport const ALERT_DIALOG_TITLE_TAG = createTag('alert-dialog-title');\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport {\n  createComponent,\n  createTrackedEffect,\n  createUniqueId,\n  merge,\n} from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type {\n  DisclosureStateControlledOptions,\n  DisclosureStateRenderProps,\n  DisclosureStateUncontrolledOptions,\n} from '../../states/create-disclosure-state';\nimport {\n  createDisclosureState,\n  DisclosureStateProvider,\n} from '../../states/create-disclosure-state';\nimport type { UnmountableProps } from '../../utils/create-unmountable';\nimport { createUnmountable } from '../../utils/create-unmountable';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport type { Prettify } from '../../utils/types';\nimport useFocusStartPoint from '../../utils/use-focus-start-point';\nimport { AlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_TAG } from './tags';\n\nexport type AlertDialogControlledBaseProps = Prettify<\n  DisclosureStateControlledOptions &\n    DisclosureStateRenderProps &\n    UnmountableProps\n>;\n\nexport type AlertDialogControlledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, AlertDialogControlledBaseProps>;\n\nexport type AlertDialogUncontrolledBaseProps = Prettify<\n  DisclosureStateUncontrolledOptions &\n    DisclosureStateRenderProps &\n    UnmountableProps\n>;\n\nexport type AlertDialogUncontrolledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, AlertDialogUncontrolledBaseProps>;\n\nexport type AlertDialogProps<T extends ValidComponent = 'div'> =\n  | AlertDialogControlledProps<T>\n  | AlertDialogUncontrolledProps<T>;\n\nfunction isAlertDialogUncontrolled<T extends ValidComponent = 'div'>(\n  props: AlertDialogProps<T>,\n): props is AlertDialogUncontrolledProps<T> {\n  return 'defaultOpen' in props;\n}\n\nexport function AlertDialog<T extends ValidComponent = 'div'>(\n  props: AlertDialogProps<T>,\n): JSX.Element {\n  const ownerID = createUniqueId();\n  const panelID = createUniqueId();\n  const titleID = createUniqueId();\n  const descriptionID = createUniqueId();\n\n  const fsp = useFocusStartPoint();\n\n  const state = createDisclosureState(props);\n\n  createTrackedEffect(() => {\n    if (state.isOpen()) {\n      fsp.save();\n    } else {\n      fsp.load();\n    }\n  });\n\n  return createComponent(AlertDialogContext, {\n    value: {\n      ownerID,\n      panelID,\n      titleID,\n      descriptionID,\n    },\n    get children() {\n      return createUnmountable(\n        props,\n        () => state.isOpen(),\n        () =>\n          createDynamic(\n            () => props.as || ('div' as T),\n            merge(\n              isAlertDialogUncontrolled(props)\n                ? omitProps(props, [\n                    'as',\n                    'children',\n                    'defaultOpen',\n                    'disabled',\n                    'onChange',\n                    'onClose',\n                    'onOpen',\n                    'unmount',\n                  ])\n                : omitProps(props, [\n                    'as',\n                    'children',\n                    'isOpen',\n                    'disabled',\n                    'onChange',\n                    'onClose',\n                    'onOpen',\n                    'unmount',\n                  ]),\n              ALERT_DIALOG_TAG,\n              {\n                id: ownerID,\n                role: 'alertdialog',\n                'aria-modal': true,\n                'aria-labelledby': titleID,\n                'aria-describedby': descriptionID,\n                get children() {\n                  return createComponent(DisclosureStateProvider, {\n                    state,\n                    get children() {\n                      return props.children;\n                    },\n                  });\n                },\n              },\n              createDisabledState(() => state.disabled()),\n              createARIADisabledState(() => state.disabled()),\n              createExpandedState(() => state.isOpen()),\n            ) as ComponentProps<T>,\n          ),\n      );\n    },\n  });\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_DESCRIPTION_TAG } from './tags';\n\nexport type AlertDialogDescriptionProps<T extends ValidComponent = 'p'> =\n  HeadlessProps<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogDescription<T extends ValidComponent = 'p'>(\n  props: AlertDialogDescriptionProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogDescription');\n  const state = useDisclosureState();\n  return createDynamic(\n    () => props.as || ('p' as T),\n    merge(\n      omitProps(props, ['as', 'children']),\n      ALERT_DIALOG_DESCRIPTION_TAG,\n      {\n        id: context.descriptionID,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_OVERLAY_TAG } from './tags';\nexport type AlertDialogOverlayProps<T extends ValidComponent = 'div'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogOverlay<T extends ValidComponent = 'div'>(\n  props: AlertDialogOverlayProps<T>,\n): JSX.Element {\n  useAlertDialogContext('AlertDialogOverlay');\n  const state = useDisclosureState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      return useEventListener(current, 'click', () => {\n        state.close();\n      });\n    }\n    return undefined;\n  });\n\n  return createDynamic(\n    () => props.as || ('div' as T),\n    merge(\n      omitProps(props, ['as', 'children', 'ref']),\n      ALERT_DIALOG_OVERLAY_TAG,\n      {\n        ref: setInternalRef,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport { focusFirst, lockFocus } from '../../utils/focus-navigation';\nimport getFocusableElements from '../../utils/focus-query';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_PANEL_TAG } from './tags';\n\nexport type AlertDialogPanelProps<T extends ValidComponent = 'div'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogPanel<T extends ValidComponent = 'div'>(\n  props: AlertDialogPanelProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogPanel');\n  const state = useDisclosureState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(\n    () => [internalRef(), state.isOpen()] as const,\n    ([current, isOpen]) => {\n      if (current instanceof HTMLElement) {\n        if (isOpen) {\n          focusFirst(getFocusableElements(current), false);\n\n          return useEventListener(current, 'keydown', e => {\n            if (!props.disabled) {\n              switch (e.key) {\n                case 'Tab': {\n                  e.preventDefault();\n                  lockFocus(current, e.shiftKey, false);\n                  break;\n                }\n                case 'Escape': {\n                  state.close();\n                  break;\n                }\n                default:\n                  break;\n              }\n            }\n          });\n        }\n      }\n      return undefined;\n    },\n  );\n\n  return createDynamic(\n    () => props.as || ('div' as T),\n    merge(\n      omitProps(props, ['as', 'children', 'ref']),\n      ALERT_DIALOG_PANEL_TAG,\n      {\n        id: context.panelID,\n        ref: setInternalRef,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type {\n  HeadlessPropsWithRef,\n} from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_TITLE_TAG } from './tags';\nimport { createDynamic } from '@solidjs/web';\n\nexport type AlertDialogTitleProps<T extends ValidComponent = 'h2'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogTitle<T extends ValidComponent = 'h2'>(\n  props: AlertDialogTitleProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogTitle');\n  const state = useDisclosureState();\n\n  return createDynamic(\n    () => props.as || ('h2' as T),\n    merge(\n      omitProps(props, ['as', 'children']),\n      ALERT_DIALOG_TITLE_TAG,\n      {\n        id: context.titleID,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../src/components/alert-dialog/AlertDialogContext.ts","../src/components/alert-dialog/tags.ts","../src/components/alert-dialog/AlertDialog.ts","../src/components/alert-dialog/AlertDialogDescription.ts","../src/components/alert-dialog/AlertDialogOverlay.ts","../src/components/alert-dialog/AlertDialogPanel.ts","../src/components/alert-dialog/AlertDialogTitle.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js';\nimport assert from '../../utils/assert';\n\ninterface AlertDialogContextData {\n  ownerID: string;\n  panelID: string;\n  titleID: string;\n  descriptionID: string;\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextData>();\n\nexport function useAlertDialogContext(\n  componentName: string,\n): AlertDialogContextData {\n  const context = useContext(AlertDialogContext);\n  assert(\n    context,\n    new Error(`<${componentName}> must be used inside a <AlertDialog>`),\n  );\n  return context;\n}\n","import { createTag } from '../../utils/namespace';\n\nexport const ALERT_DIALOG_TAG = createTag('alert-dialog');\nexport const ALERT_DIALOG_DESCRIPTION_TAG = createTag(\n  'alert-dialog-description',\n);\nexport const ALERT_DIALOG_OVERLAY_TAG = createTag('alert-dialog-overlay');\nexport const ALERT_DIALOG_PANEL_TAG = createTag('alert-dialog-panel');\nexport const ALERT_DIALOG_TITLE_TAG = createTag('alert-dialog-title');\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport {\n  createComponent,\n  createTrackedEffect,\n  createUniqueId,\n  merge,\n  omit,\n} from 'solid-js';\nimport type {\n  DisclosureStateControlledOptions,\n  DisclosureStateRenderProps,\n  DisclosureStateUncontrolledOptions,\n} from '../../states/create-disclosure-state';\nimport {\n  createDisclosureState,\n  DisclosureStateProvider,\n} from '../../states/create-disclosure-state';\nimport type { UnmountableProps } from '../../utils/create-unmountable';\nimport { createUnmountable } from '../../utils/create-unmountable';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport type { Prettify } from '../../utils/types';\nimport useFocusStartPoint from '../../utils/use-focus-start-point';\nimport { AlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_TAG } from './tags';\n\nexport type AlertDialogControlledBaseProps = Prettify<\n  DisclosureStateControlledOptions &\n    DisclosureStateRenderProps &\n    UnmountableProps\n>;\n\nexport type AlertDialogControlledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, AlertDialogControlledBaseProps>;\n\nexport type AlertDialogUncontrolledBaseProps = Prettify<\n  DisclosureStateUncontrolledOptions &\n    DisclosureStateRenderProps &\n    UnmountableProps\n>;\n\nexport type AlertDialogUncontrolledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, AlertDialogUncontrolledBaseProps>;\n\nexport type AlertDialogProps<T extends ValidComponent = 'div'> =\n  | AlertDialogControlledProps<T>\n  | AlertDialogUncontrolledProps<T>;\n\nfunction isAlertDialogUncontrolled<T extends ValidComponent = 'div'>(\n  props: AlertDialogProps<T>,\n): props is AlertDialogUncontrolledProps<T> {\n  return 'defaultOpen' in props;\n}\n\nexport function AlertDialog<T extends ValidComponent = 'div'>(\n  props: AlertDialogProps<T>,\n): JSX.Element {\n  const ownerID = createUniqueId();\n  const panelID = createUniqueId();\n  const titleID = createUniqueId();\n  const descriptionID = createUniqueId();\n\n  const fsp = useFocusStartPoint();\n\n  const state = createDisclosureState(props);\n\n  createTrackedEffect(() => {\n    if (state.isOpen()) {\n      fsp.save();\n    } else {\n      fsp.load();\n    }\n  });\n\n  return createComponent(AlertDialogContext, {\n    value: {\n      ownerID,\n      panelID,\n      titleID,\n      descriptionID,\n    },\n    get children() {\n      return createUnmountable(\n        props,\n        () => state.isOpen(),\n        () =>\n          createDynamic(\n            () => props.as || ('div' as T),\n            merge(\n              isAlertDialogUncontrolled(props)\n                ? omit(\n                    props,\n                    'as',\n                    'children',\n                    'defaultOpen',\n                    'disabled',\n                    'onChange',\n                    'onClose',\n                    'onOpen',\n                    'unmount',\n                  )\n                : omit(\n                    props,\n                    'as',\n                    'children',\n                    'isOpen',\n                    'disabled',\n                    'onChange',\n                    'onClose',\n                    'onOpen',\n                    'unmount',\n                  ),\n              ALERT_DIALOG_TAG,\n              {\n                id: ownerID,\n                role: 'alertdialog',\n                'aria-modal': true,\n                'aria-labelledby': titleID,\n                'aria-describedby': descriptionID,\n                get children() {\n                  return createComponent(DisclosureStateProvider, {\n                    state,\n                    get children() {\n                      return props.children;\n                    },\n                  });\n                },\n              },\n              createDisabledState(() => state.disabled()),\n              createARIADisabledState(() => state.disabled()),\n              createExpandedState(() => state.isOpen()),\n            ) as ComponentProps<T>,\n          ),\n      );\n    },\n  });\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge, omit } from 'solid-js';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_DESCRIPTION_TAG } from './tags';\n\nexport type AlertDialogDescriptionProps<T extends ValidComponent = 'p'> =\n  HeadlessProps<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogDescription<T extends ValidComponent = 'p'>(\n  props: AlertDialogDescriptionProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogDescription');\n  const state = useDisclosureState();\n  return createDynamic(\n    () => props.as || ('p' as T),\n    merge(\n      omit(props, 'as', 'children'),\n      ALERT_DIALOG_DESCRIPTION_TAG,\n      {\n        id: context.descriptionID,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge, omit } from 'solid-js';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_OVERLAY_TAG } from './tags';\nexport type AlertDialogOverlayProps<T extends ValidComponent = 'div'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogOverlay<T extends ValidComponent = 'div'>(\n  props: AlertDialogOverlayProps<T>,\n): JSX.Element {\n  useAlertDialogContext('AlertDialogOverlay');\n  const state = useDisclosureState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      return useEventListener(current, 'click', () => {\n        state.close();\n      });\n    }\n    return undefined;\n  });\n\n  return createDynamic(\n    () => props.as || ('div' as T),\n    merge(\n      omit(props, 'as', 'children', 'ref'),\n      ALERT_DIALOG_OVERLAY_TAG,\n      {\n        ref: setInternalRef,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge, omit } from 'solid-js';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport { focusFirst, lockFocus } from '../../utils/focus-navigation';\nimport getFocusableElements from '../../utils/focus-query';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_PANEL_TAG } from './tags';\n\nexport type AlertDialogPanelProps<T extends ValidComponent = 'div'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogPanel<T extends ValidComponent = 'div'>(\n  props: AlertDialogPanelProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogPanel');\n  const state = useDisclosureState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(\n    () => [internalRef(), state.isOpen()] as const,\n    ([current, isOpen]) => {\n      if (current instanceof HTMLElement) {\n        if (isOpen) {\n          focusFirst(getFocusableElements(current), false);\n\n          return useEventListener(current, 'keydown', e => {\n            if (!props.disabled) {\n              switch (e.key) {\n                case 'Tab': {\n                  e.preventDefault();\n                  lockFocus(current, e.shiftKey, false);\n                  break;\n                }\n                case 'Escape': {\n                  state.close();\n                  break;\n                }\n                default:\n                  break;\n              }\n            }\n          });\n        }\n      }\n      return undefined;\n    },\n  );\n\n  return createDynamic(\n    () => props.as || ('div' as T),\n    merge(\n      omit(props, 'as', 'children', 'ref'),\n      ALERT_DIALOG_PANEL_TAG,\n      {\n        id: context.panelID,\n        ref: setInternalRef,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge, omit } from 'solid-js';\nimport type { DisclosureStateRenderProps } from '../../states/create-disclosure-state';\nimport {\n  DisclosureStateChild,\n  useDisclosureState,\n} from '../../states/create-disclosure-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport {\n  createDisabledState,\n  createExpandedState,\n} from '../../utils/state-props';\nimport { useAlertDialogContext } from './AlertDialogContext';\nimport { ALERT_DIALOG_TITLE_TAG } from './tags';\n\nexport type AlertDialogTitleProps<T extends ValidComponent = 'h2'> =\n  HeadlessPropsWithRef<T, DisclosureStateRenderProps>;\n\nexport function AlertDialogTitle<T extends ValidComponent = 'h2'>(\n  props: AlertDialogTitleProps<T>,\n): JSX.Element {\n  const context = useAlertDialogContext('AlertDialogTitle');\n  const state = useDisclosureState();\n\n  return createDynamic(\n    () => props.as || ('h2' as T),\n    merge(\n      omit(props, 'as', 'children'),\n      ALERT_DIALOG_TITLE_TAG,\n      {\n        id: context.titleID,\n        get children() {\n          return createComponent(DisclosureStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createExpandedState(() => state.isOpen()),\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":"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"}

package/dist/button.js

@@ -3,8 +3,7 @@ import { c as createDisabledState, n as createARIADisabledState } from "./state-
 import { t as useEventListener } from "./use-event-listener-B0fInUUI.js";
 import { i as createTag } from "./namespace-BNSl8VB1.js";
 import { createDynamic } from "@solidjs/web";
-import { createEffect, merge } from "solid-js";
-import { omitProps } from "solid-use/props";
+import { createEffect, merge, omit } from "solid-js";
 //#region src/components/button/index.ts
 const BUTTON_TAG = createTag("button");
 function Button(props) {
@@ -26,7 +25,7 @@ function Button(props) {
 			return props.disabled ? -1 : 0;
 		},
 		role: "button"
-	}, createDisabledState(() => props.disabled), createARIADisabledState(() => props.disabled), omitProps(props, ["as", "ref"]), { ref: setInternalRef }));
+	}, createDisabledState(() => props.disabled), createARIADisabledState(() => props.disabled), omit(props, "as", "ref"), { ref: setInternalRef }));
 }
 //#endregion
 export { Button };

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../src/components/button/index.ts"],"sourcesContent":["import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createEffect, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport { createTag } from '../../utils/namespace';\nimport {\n  createARIADisabledState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\n\nconst BUTTON_TAG = createTag('button');\n\ninterface ButtonBaseProps {\n  disabled?: boolean;\n}\n\nexport type ButtonProps<T extends ValidComponent = 'button'> =\n  HeadlessPropsWithRef<T, ButtonBaseProps>;\n\nexport function Button<T extends ValidComponent = 'button'>(\n  props: ButtonProps<T>,\n): JSX.Element {\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      // This behavior is redundant for buttons\n      if (current.tagName !== 'BUTTON') {\n        return useEventListener(current, 'keydown', e => {\n          switch (e.key) {\n            case 'Enter':\n            case ' ': {\n              current.click();\n              break;\n            }\n          }\n        });\n      }\n    }\n    return undefined;\n  });\n\n  return createDynamic(\n    () => props.as || ('button' as T),\n    merge(\n      BUTTON_TAG,\n      {\n        get tabindex() {\n          return props.disabled ? -1 : 0;\n        },\n        role: 'button',\n      },\n      createDisabledState(() => props.disabled),\n      createARIADisabledState(() => props.disabled),\n      omitProps(props, ['as', 'ref']),\n      {\n        ref: setInternalRef,\n      },\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,UAAU,SAAS;AAStC,SAAgB,OACd,OACa;CACb,MAAM,CAAC,aAAa,kBAAkB,iBAAiB,MAAM;AAE7D,cAAa,cAAa,YAAW;AACnC,MAAI,mBAAmB;OAEjB,QAAQ,YAAY,SACtB,QAAO,iBAAiB,SAAS,YAAW,MAAK;AAC/C,YAAQ,EAAE,KAAV;KACE,KAAK;KACL,KAAK;AACH,cAAQ,OAAO;AACf;;KAGJ;;GAIN;AAEF,QAAO,oBACC,MAAM,MAAO,UACnB,MACE,YACA;EACE,IAAI,WAAW;AACb,UAAO,MAAM,WAAW,KAAK;;EAE/B,MAAM;EACP,EACD,0BAA0B,MAAM,SAAS,EACzC,8BAA8B,MAAM,SAAS,EAC7C,UAAU,OAAO,CAAC,MAAM,MAAM,CAAC,EAC/B,EACE,KAAK,gBACN,CACF,CACF"}
+{"version":3,"file":"button.js","names":[],"sources":["../src/components/button/index.ts"],"sourcesContent":["import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createEffect, merge, omit } from 'solid-js';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport { createTag } from '../../utils/namespace';\nimport {\n  createARIADisabledState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\n\nconst BUTTON_TAG = createTag('button');\n\ninterface ButtonBaseProps {\n  disabled?: boolean;\n}\n\nexport type ButtonProps<T extends ValidComponent = 'button'> =\n  HeadlessPropsWithRef<T, ButtonBaseProps>;\n\nexport function Button<T extends ValidComponent = 'button'>(\n  props: ButtonProps<T>,\n): JSX.Element {\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      // This behavior is redundant for buttons\n      if (current.tagName !== 'BUTTON') {\n        return useEventListener(current, 'keydown', e => {\n          switch (e.key) {\n            case 'Enter':\n            case ' ': {\n              current.click();\n              break;\n            }\n          }\n        });\n      }\n    }\n    return undefined;\n  });\n\n  return createDynamic(\n    () => props.as || ('button' as T),\n    merge(\n      BUTTON_TAG,\n      {\n        get tabindex() {\n          return props.disabled ? -1 : 0;\n        },\n        role: 'button',\n      },\n      createDisabledState(() => props.disabled),\n      createARIADisabledState(() => props.disabled),\n      omit(props, 'as', 'ref'),\n      {\n        ref: setInternalRef,\n      },\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa,UAAU,SAAS;AAStC,SAAgB,OACd,OACa;CACb,MAAM,CAAC,aAAa,kBAAkB,iBAAiB,MAAM;AAE7D,cAAa,cAAa,YAAW;AACnC,MAAI,mBAAmB;OAEjB,QAAQ,YAAY,SACtB,QAAO,iBAAiB,SAAS,YAAW,MAAK;AAC/C,YAAQ,EAAE,KAAV;KACE,KAAK;KACL,KAAK;AACH,cAAQ,OAAO;AACf;;KAGJ;;GAIN;AAEF,QAAO,oBACC,MAAM,MAAO,UACnB,MACE,YACA;EACE,IAAI,WAAW;AACb,UAAO,MAAM,WAAW,KAAK;;EAE/B,MAAM;EACP,EACD,0BAA0B,MAAM,SAAS,EACzC,8BAA8B,MAAM,SAAS,EAC7C,KAAK,OAAO,MAAM,MAAM,EACxB,EACE,KAAK,gBACN,CACF,CACF"}

package/dist/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../src/components/checkbox/Checkbox.ts","../src/components/checkbox/CheckboxDescription.ts","../src/components/checkbox/CheckboxIndicator.ts","../src/components/checkbox/CheckboxLabel.ts"],"mappings":";;;;;KAuBY,2BAAA,GAA8B,QAAA,CACxC,2BAAA,GAA8B,qBAAA;AAAA,KAGpB,uBAAA,WAAkC,cAAA,YAC5C,aAAA,CAAc,CAAA,EAAG,2BAAA;AAAA,KAEP,6BAAA,GAAgC,QAAA,CAC1C,6BAAA,GAAgC,qBAAA;AAAA,KAGtB,yBAAA,WAAoC,cAAA,YAC9C,aAAA,CAAc,CAAA,EAAG,6BAAA;AAAA,KAEP,aAAA,WAAwB,cAAA,YAChC,uBAAA,CAAwB,CAAA,IACxB,yBAAA,CAA0B,CAAA;AAAA,iBAQd,QAAA,WAAmB,cAAA,SAAA,CACjC,KAAA,EAAO,aAAA,CAAc,CAAA,IACpB,GAAA,CAAI,OAAA;;;KChCK,wBAAA,WAAmC,cAAA,UAC7C,aAAA,CAAc,CAAA,EAAG,qBAAA;AAAA,iBAEH,mBAAA,WAA8B,cAAA,OAAA,CAC5C,KAAA,EAAO,wBAAA,CAAyB,CAAA,IAC/B,GAAA,CAAI,OAAA;;;KCDK,sBAAA,WAAiC,cAAA,eAC3C,oBAAA,CAAqB,CAAA,EAAG,qBAAA;AAAA,iBAEV,iBAAA,WAA4B,cAAA,YAAA,CAC1C,KAAA,EAAO,sBAAA,CAAuB,CAAA,IAC7B,GAAA,CAAI,OAAA;;;KCTK,kBAAA,WAA6B,cAAA,cACvC,aAAA,CAAc,CAAA,EAAG,qBAAA;AAAA,iBAEH,aAAA,WAAwB,cAAA,WAAA,CACtC,KAAA,EAAO,kBAAA,CAAmB,CAAA,IACzB,GAAA,CAAI,OAAA"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../src/components/checkbox/Checkbox.ts","../src/components/checkbox/CheckboxDescription.ts","../src/components/checkbox/CheckboxIndicator.ts","../src/components/checkbox/CheckboxLabel.ts"],"mappings":";;;;;KAsBY,2BAAA,GAA8B,QAAA,CACxC,2BAAA,GAA8B,qBAAA;AAAA,KAGpB,uBAAA,WAAkC,cAAA,YAC5C,aAAA,CAAc,CAAA,EAAG,2BAAA;AAAA,KAEP,6BAAA,GAAgC,QAAA,CAC1C,6BAAA,GAAgC,qBAAA;AAAA,KAGtB,yBAAA,WAAoC,cAAA,YAC9C,aAAA,CAAc,CAAA,EAAG,6BAAA;AAAA,KAEP,aAAA,WAAwB,cAAA,YAChC,uBAAA,CAAwB,CAAA,IACxB,yBAAA,CAA0B,CAAA;AAAA,iBAQd,QAAA,WAAmB,cAAA,SAAA,CACjC,KAAA,EAAO,aAAA,CAAc,CAAA,IACpB,GAAA,CAAI,OAAA;;;KChCK,wBAAA,WAAmC,cAAA,UAC7C,aAAA,CAAc,CAAA,EAAG,qBAAA;AAAA,iBAEH,mBAAA,WAA8B,cAAA,OAAA,CAC5C,KAAA,EAAO,wBAAA,CAAyB,CAAA,IAC/B,GAAA,CAAI,OAAA;;;KCDK,sBAAA,WAAiC,cAAA,eAC3C,oBAAA,CAAqB,CAAA,EAAG,qBAAA;AAAA,iBAEV,iBAAA,WAA4B,cAAA,YAAA,CAC1C,KAAA,EAAO,sBAAA,CAAuB,CAAA,IAC7B,GAAA,CAAI,OAAA;;;KCTK,kBAAA,WAA6B,cAAA,cACvC,aAAA,CAAc,CAAA,EAAG,qBAAA;AAAA,iBAEH,aAAA,WAAwB,cAAA,WAAA,CACtC,KAAA,EAAO,kBAAA,CAAmB,CAAA,IACzB,GAAA,CAAI,OAAA"}

package/dist/checkbox.js

@@ -6,8 +6,7 @@ import { i as createTag } from "./namespace-BNSl8VB1.js";
 import { Button } from "./button.js";
 import { i as useCheckState, n as CheckStateProvider, r as createCheckState, t as CheckStateChild } from "./create-check-state-VhSIb3pa.js";
 import { createDynamic } from "@solidjs/web";
-import { createComponent, createContext, createEffect, createUniqueId, merge, useContext } from "solid-js";
-import { omitProps } from "solid-use/props";
+import { createComponent, createContext, createEffect, createUniqueId, merge, omit, useContext } from "solid-js";
 //#region src/components/checkbox/CheckboxContext.ts
 const CheckboxContext = createContext();
 function useCheckboxContext(componentName) {
@@ -40,19 +39,7 @@ function Checkbox(props) {
 			descriptionID
 		},
 		get children() {
-			return createDynamic(() => props.as || "div", merge(CHECKBOX_TAG, createDisabledState(() => state.disabled()), createARIADisabledState(() => state.disabled()), createCheckedState(() => state.checked()), isCheckboxUncontrolled(props) ? omitProps(props, [
-				"as",
-				"children",
-				"defaultChecked",
-				"disabled",
-				"onChange"
-			]) : omitProps(props, [
-				"as",
-				"children",
-				"checked",
-				"disabled",
-				"onChange"
-			]), { get children() {
+			return createDynamic(() => props.as || "div", merge(CHECKBOX_TAG, createDisabledState(() => state.disabled()), createARIADisabledState(() => state.disabled()), createCheckedState(() => state.checked()), isCheckboxUncontrolled(props) ? omit(props, "as", "children", "defaultChecked", "disabled", "onChange") : omit(props, "as", "children", "checked", "disabled", "onChange"), { get children() {
 				return createComponent(CheckStateProvider, {
 					state,
 					get children() {
@@ -68,7 +55,7 @@ function Checkbox(props) {
 function CheckboxDescription(props) {
 	const context = useCheckboxContext("CheckboxDescription");
 	const state = useCheckState();
-	return createDynamic(() => props.as || "p", merge(omitProps(props, ["as", "children"]), CHECKBOX_DESCRIPTION, {
+	return createDynamic(() => props.as || "p", merge(omit(props, "as", "children"), CHECKBOX_DESCRIPTION, {
 		id: context.descriptionID,
 		get children() {
 			return createComponent(CheckStateChild, { get children() {
@@ -88,7 +75,7 @@ function CheckboxIndicator(props) {
 			state.toggle();
 		});
 	});
-	return createComponent(Button, merge(omitProps(props, ["children", "ref"]), CHECKBOX_INDICATOR, {
+	return createComponent(Button, merge(omit(props, "children", "ref"), CHECKBOX_INDICATOR, {
 		id: context.indicatorID,
 		role: "checkbox",
 		"aria-labelledby": context.labelID,
@@ -105,7 +92,7 @@ function CheckboxIndicator(props) {
 function CheckboxLabel(props) {
 	const context = useCheckboxContext("CheckboxLabel");
 	const state = useCheckState();
-	return createDynamic(() => props.as || "label", merge(omitProps(props, ["as", "children"]), CHECKBOX_LABEL, {
+	return createDynamic(() => props.as || "label", merge(omit(props, "as", "children"), CHECKBOX_LABEL, {
 		id: context.labelID,
 		for: context.indicatorID,
 		get children() {

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../src/components/checkbox/CheckboxContext.ts","../src/components/checkbox/tags.ts","../src/components/checkbox/Checkbox.ts","../src/components/checkbox/CheckboxDescription.ts","../src/components/checkbox/CheckboxIndicator.ts","../src/components/checkbox/CheckboxLabel.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js';\nimport assert from '../../utils/assert';\n\ninterface CheckboxContextData {\n  ownerID: string;\n  labelID: string;\n  indicatorID: string;\n  descriptionID: string;\n}\n\nexport const CheckboxContext = createContext<CheckboxContextData>();\n\nexport function useCheckboxContext(componentName: string): CheckboxContextData {\n  const context = useContext(CheckboxContext);\n  assert(\n    context,\n    new Error(`<${componentName}> must be used inside a <Checkbox>`),\n  );\n  return context;\n}\n","import { createTag } from '../../utils/namespace';\n\nexport const CHECKBOX_TAG = createTag('checkbox');\nexport const CHECKBOX_DESCRIPTION = createTag('checkbox-description');\nexport const CHECKBOX_INDICATOR = createTag('checkbox-indicator');\nexport const CHECKBOX_LABEL = createTag('checkbox-label');\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createUniqueId, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type {\n  CheckStateControlledOptions,\n  CheckStateRenderProps,\n  CheckStateUncontrolledOptions,\n} from '../../states/create-check-state';\nimport {\n  CheckStateProvider,\n  createCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport type { Prettify } from '../../utils/types';\nimport { CheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_TAG } from './tags';\n\nexport type CheckboxControlledBaseProps = Prettify<\n  CheckStateControlledOptions & CheckStateRenderProps\n>;\n\nexport type CheckboxControlledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, CheckboxControlledBaseProps>;\n\nexport type CheckboxUncontrolledBaseProps = Prettify<\n  CheckStateUncontrolledOptions & CheckStateRenderProps\n>;\n\nexport type CheckboxUncontrolledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, CheckboxUncontrolledBaseProps>;\n\nexport type CheckboxProps<T extends ValidComponent = 'div'> =\n  | CheckboxControlledProps<T>\n  | CheckboxUncontrolledProps<T>;\n\nfunction isCheckboxUncontrolled<T extends ValidComponent = 'div'>(\n  props: CheckboxProps<T>,\n): props is CheckboxUncontrolledProps<T> {\n  return 'defaultChecked' in props;\n}\n\nexport function Checkbox<T extends ValidComponent = 'div'>(\n  props: CheckboxProps<T>,\n): JSX.Element {\n  const ownerID = createUniqueId();\n  const labelID = createUniqueId();\n  const indicatorID = createUniqueId();\n  const descriptionID = createUniqueId();\n\n  const state = createCheckState(props);\n\n  return createComponent(CheckboxContext, {\n    value: {\n      ownerID,\n      labelID,\n      indicatorID,\n      descriptionID,\n    },\n    get children() {\n      return createDynamic(\n        () => props.as || 'div',\n        merge(\n          CHECKBOX_TAG,\n          createDisabledState(() => state.disabled()),\n          createARIADisabledState(() => state.disabled()),\n          createCheckedState(() => state.checked()),\n          isCheckboxUncontrolled(props)\n            ? omitProps(props, [\n                'as',\n                'children',\n                'defaultChecked',\n                'disabled',\n                'onChange',\n              ])\n            : omitProps(props, [\n                'as',\n                'children',\n                'checked',\n                'disabled',\n                'onChange',\n              ]),\n          {\n            get children() {\n              return createComponent(CheckStateProvider, {\n                state,\n                get children() {\n                  return props.children;\n                },\n              });\n            },\n          },\n        ) as ComponentProps<T>,\n      );\n    },\n  });\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_DESCRIPTION } from './tags';\n\nexport type CheckboxDescriptionProps<T extends ValidComponent = 'p'> =\n  HeadlessProps<T, CheckStateRenderProps>;\n\nexport function CheckboxDescription<T extends ValidComponent = 'p'>(\n  props: CheckboxDescriptionProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxDescription');\n  const state = useCheckState();\n  return createDynamic(\n    () => props.as || ('p' as T),\n    merge(\n      omitProps(props, ['as', 'children']),\n      CHECKBOX_DESCRIPTION,\n      {\n        id: context.descriptionID,\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n    ) as ComponentProps<T>,\n  );\n}\n","import type { JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport type { ButtonProps } from '../button';\nimport { Button } from '../button';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_INDICATOR } from './tags';\n\nexport type CheckboxIndicatorProps<T extends ValidComponent = 'button'> =\n  HeadlessPropsWithRef<T, CheckStateRenderProps>;\n\nexport function CheckboxIndicator<T extends ValidComponent = 'button'>(\n  props: CheckboxIndicatorProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxIndicator');\n  const state = useCheckState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      return useEventListener(current, 'click', () => {\n        state.toggle();\n      });\n    }\n    return undefined;\n  });\n\n  return createComponent(\n    Button,\n    merge(\n      omitProps(props, ['children', 'ref']),\n      CHECKBOX_INDICATOR,\n      {\n        id: context.indicatorID,\n        role: 'checkbox',\n        'aria-labelledby': context.labelID,\n        'aria-describedby': context.descriptionID,\n        ref: setInternalRef,\n      },\n      createDisabledState(() => state.disabled()),\n      createARIADisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n      {\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n    ) as ButtonProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge } from 'solid-js';\nimport { omitProps } from 'solid-use/props';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_LABEL } from './tags';\n\nexport type CheckboxLabelProps<T extends ValidComponent = 'label'> =\n  HeadlessProps<T, CheckStateRenderProps>;\n\nexport function CheckboxLabel<T extends ValidComponent = 'label'>(\n  props: CheckboxLabelProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxLabel');\n  const state = useCheckState();\n  return createDynamic(\n    () => props.as || ('label' as T),\n    merge(\n      omitProps(props, ['as', 'children']),\n      CHECKBOX_LABEL,\n      {\n        id: context.labelID,\n        for: context.indicatorID,\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../src/components/checkbox/CheckboxContext.ts","../src/components/checkbox/tags.ts","../src/components/checkbox/Checkbox.ts","../src/components/checkbox/CheckboxDescription.ts","../src/components/checkbox/CheckboxIndicator.ts","../src/components/checkbox/CheckboxLabel.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js';\nimport assert from '../../utils/assert';\n\ninterface CheckboxContextData {\n  ownerID: string;\n  labelID: string;\n  indicatorID: string;\n  descriptionID: string;\n}\n\nexport const CheckboxContext = createContext<CheckboxContextData>();\n\nexport function useCheckboxContext(componentName: string): CheckboxContextData {\n  const context = useContext(CheckboxContext);\n  assert(\n    context,\n    new Error(`<${componentName}> must be used inside a <Checkbox>`),\n  );\n  return context;\n}\n","import { createTag } from '../../utils/namespace';\n\nexport const CHECKBOX_TAG = createTag('checkbox');\nexport const CHECKBOX_DESCRIPTION = createTag('checkbox-description');\nexport const CHECKBOX_INDICATOR = createTag('checkbox-indicator');\nexport const CHECKBOX_LABEL = createTag('checkbox-label');\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createUniqueId, merge, omit } from 'solid-js';\nimport type {\n  CheckStateControlledOptions,\n  CheckStateRenderProps,\n  CheckStateUncontrolledOptions,\n} from '../../states/create-check-state';\nimport {\n  CheckStateProvider,\n  createCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport type { Prettify } from '../../utils/types';\nimport { CheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_TAG } from './tags';\n\nexport type CheckboxControlledBaseProps = Prettify<\n  CheckStateControlledOptions & CheckStateRenderProps\n>;\n\nexport type CheckboxControlledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, CheckboxControlledBaseProps>;\n\nexport type CheckboxUncontrolledBaseProps = Prettify<\n  CheckStateUncontrolledOptions & CheckStateRenderProps\n>;\n\nexport type CheckboxUncontrolledProps<T extends ValidComponent = 'div'> =\n  HeadlessProps<T, CheckboxUncontrolledBaseProps>;\n\nexport type CheckboxProps<T extends ValidComponent = 'div'> =\n  | CheckboxControlledProps<T>\n  | CheckboxUncontrolledProps<T>;\n\nfunction isCheckboxUncontrolled<T extends ValidComponent = 'div'>(\n  props: CheckboxProps<T>,\n): props is CheckboxUncontrolledProps<T> {\n  return 'defaultChecked' in props;\n}\n\nexport function Checkbox<T extends ValidComponent = 'div'>(\n  props: CheckboxProps<T>,\n): JSX.Element {\n  const ownerID = createUniqueId();\n  const labelID = createUniqueId();\n  const indicatorID = createUniqueId();\n  const descriptionID = createUniqueId();\n\n  const state = createCheckState(props);\n\n  return createComponent(CheckboxContext, {\n    value: {\n      ownerID,\n      labelID,\n      indicatorID,\n      descriptionID,\n    },\n    get children() {\n      return createDynamic(\n        () => props.as || 'div',\n        merge(\n          CHECKBOX_TAG,\n          createDisabledState(() => state.disabled()),\n          createARIADisabledState(() => state.disabled()),\n          createCheckedState(() => state.checked()),\n          isCheckboxUncontrolled(props)\n            ? omit(\n                props,\n                'as',\n                'children',\n                'defaultChecked',\n                'disabled',\n                'onChange',\n              )\n            : omit(props, 'as', 'children', 'checked', 'disabled', 'onChange'),\n          {\n            get children() {\n              return createComponent(CheckStateProvider, {\n                state,\n                get children() {\n                  return props.children;\n                },\n              });\n            },\n          },\n        ) as ComponentProps<T>,\n      );\n    },\n  });\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge, omit } from 'solid-js';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_DESCRIPTION } from './tags';\n\nexport type CheckboxDescriptionProps<T extends ValidComponent = 'p'> =\n  HeadlessProps<T, CheckStateRenderProps>;\n\nexport function CheckboxDescription<T extends ValidComponent = 'p'>(\n  props: CheckboxDescriptionProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxDescription');\n  const state = useCheckState();\n  return createDynamic(\n    () => props.as || ('p' as T),\n    merge(\n      omit(props, 'as', 'children'),\n      CHECKBOX_DESCRIPTION,\n      {\n        id: context.descriptionID,\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n    ) as ComponentProps<T>,\n  );\n}\n","import type { JSX, ValidComponent } from 'solid-js';\nimport { createComponent, createEffect, merge, omit } from 'solid-js';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessPropsWithRef } from '../../utils/dynamic-prop';\nimport { createForwardRef } from '../../utils/dynamic-prop';\nimport {\n  createARIADisabledState,\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport useEventListener from '../../utils/use-event-listener';\nimport type { ButtonProps } from '../button';\nimport { Button } from '../button';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_INDICATOR } from './tags';\n\nexport type CheckboxIndicatorProps<T extends ValidComponent = 'button'> =\n  HeadlessPropsWithRef<T, CheckStateRenderProps>;\n\nexport function CheckboxIndicator<T extends ValidComponent = 'button'>(\n  props: CheckboxIndicatorProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxIndicator');\n  const state = useCheckState();\n\n  const [internalRef, setInternalRef] = createForwardRef(props);\n\n  createEffect(internalRef, current => {\n    if (current instanceof HTMLElement) {\n      return useEventListener(current, 'click', () => {\n        state.toggle();\n      });\n    }\n    return undefined;\n  });\n\n  return createComponent(\n    Button,\n    merge(\n      omit(props, 'children', 'ref'),\n      CHECKBOX_INDICATOR,\n      {\n        id: context.indicatorID,\n        role: 'checkbox',\n        'aria-labelledby': context.labelID,\n        'aria-describedby': context.descriptionID,\n        ref: setInternalRef,\n      },\n      createDisabledState(() => state.disabled()),\n      createARIADisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n      {\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n    ) as ButtonProps<T>,\n  );\n}\n","import { createDynamic } from '@solidjs/web';\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js';\nimport { createComponent, merge, omit } from 'solid-js';\nimport type { CheckStateRenderProps } from '../../states/create-check-state';\nimport {\n  CheckStateChild,\n  useCheckState,\n} from '../../states/create-check-state';\nimport type { HeadlessProps } from '../../utils/dynamic-prop';\nimport {\n  createCheckedState,\n  createDisabledState,\n} from '../../utils/state-props';\nimport { useCheckboxContext } from './CheckboxContext';\nimport { CHECKBOX_LABEL } from './tags';\n\nexport type CheckboxLabelProps<T extends ValidComponent = 'label'> =\n  HeadlessProps<T, CheckStateRenderProps>;\n\nexport function CheckboxLabel<T extends ValidComponent = 'label'>(\n  props: CheckboxLabelProps<T>,\n): JSX.Element {\n  const context = useCheckboxContext('CheckboxLabel');\n  const state = useCheckState();\n  return createDynamic(\n    () => props.as || ('label' as T),\n    merge(\n      omit(props, 'as', 'children'),\n      CHECKBOX_LABEL,\n      {\n        id: context.labelID,\n        for: context.indicatorID,\n        get children() {\n          return createComponent(CheckStateChild, {\n            get children() {\n              return props.children;\n            },\n          });\n        },\n      },\n      createDisabledState(() => state.disabled()),\n      createCheckedState(() => state.checked()),\n    ) as ComponentProps<T>,\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,kBAAkB,eAAoC;AAEnE,SAAgB,mBAAmB,eAA4C;CAC7E,MAAM,UAAU,WAAW,gBAAgB;AAC3C,QACE,yBACA,IAAI,MAAM,IAAI,cAAc,oCAAoC,CACjE;AACD,QAAO;;;;AChBT,MAAa,eAAe,UAAU,WAAW;AACjD,MAAa,uBAAuB,UAAU,uBAAuB;AACrE,MAAa,qBAAqB,UAAU,qBAAqB;AACjE,MAAa,iBAAiB,UAAU,iBAAiB;;;ACmCzD,SAAS,uBACP,OACuC;AACvC,QAAO,oBAAoB;;AAG7B,SAAgB,SACd,OACa;CACb,MAAM,UAAU,gBAAgB;CAChC,MAAM,UAAU,gBAAgB;CAChC,MAAM,cAAc,gBAAgB;CACpC,MAAM,gBAAgB,gBAAgB;CAEtC,MAAM,QAAQ,iBAAiB,MAAM;AAErC,QAAO,gBAAgB,iBAAiB;EACtC,OAAO;GACL;GACA;GACA;GACA;GACD;EACD,IAAI,WAAW;AACb,UAAO,oBACC,MAAM,MAAM,OAClB,MACE,cACA,0BAA0B,MAAM,UAAU,CAAC,EAC3C,8BAA8B,MAAM,UAAU,CAAC,EAC/C,yBAAyB,MAAM,SAAS,CAAC,EACzC,uBAAuB,MAAM,GACzB,KACE,OACA,MACA,YACA,kBACA,YACA,WACD,GACD,KAAK,OAAO,MAAM,YAAY,WAAW,YAAY,WAAW,EACpE,EACE,IAAI,WAAW;AACb,WAAO,gBAAgB,oBAAoB;KACzC;KACA,IAAI,WAAW;AACb,aAAO,MAAM;;KAEhB,CAAC;MAEL,CACF,CACF;;EAEJ,CAAC;;;;AC3EJ,SAAgB,oBACd,OACa;CACb,MAAM,UAAU,mBAAmB,sBAAsB;CACzD,MAAM,QAAQ,eAAe;AAC7B,QAAO,oBACC,MAAM,MAAO,KACnB,MACE,KAAK,OAAO,MAAM,WAAW,EAC7B,sBACA;EACE,IAAI,QAAQ;EACZ,IAAI,WAAW;AACb,UAAO,gBAAgB,iBAAiB,EACtC,IAAI,WAAW;AACb,WAAO,MAAM;MAEhB,CAAC;;EAEL,EACD,0BAA0B,MAAM,UAAU,CAAC,EAC3C,yBAAyB,MAAM,SAAS,CAAC,CAC1C,CACF;;;;ACnBH,SAAgB,kBACd,OACa;CACb,MAAM,UAAU,mBAAmB,oBAAoB;CACvD,MAAM,QAAQ,eAAe;CAE7B,MAAM,CAAC,aAAa,kBAAkB,iBAAiB,MAAM;AAE7D,cAAa,cAAa,YAAW;AACnC,MAAI,mBAAmB,YACrB,QAAO,iBAAiB,SAAS,eAAe;AAC9C,SAAM,QAAQ;IACd;GAGJ;AAEF,QAAO,gBACL,QACA,MACE,KAAK,OAAO,YAAY,MAAM,EAC9B,oBACA;EACE,IAAI,QAAQ;EACZ,MAAM;EACN,mBAAmB,QAAQ;EAC3B,oBAAoB,QAAQ;EAC5B,KAAK;EACN,EACD,0BAA0B,MAAM,UAAU,CAAC,EAC3C,8BAA8B,MAAM,UAAU,CAAC,EAC/C,yBAAyB,MAAM,SAAS,CAAC,EACzC,EACE,IAAI,WAAW;AACb,SAAO,gBAAgB,iBAAiB,EACtC,IAAI,WAAW;AACb,UAAO,MAAM;KAEhB,CAAC;IAEL,CACF,CACF;;;;AC9CH,SAAgB,cACd,OACa;CACb,MAAM,UAAU,mBAAmB,gBAAgB;CACnD,MAAM,QAAQ,eAAe;AAC7B,QAAO,oBACC,MAAM,MAAO,SACnB,MACE,KAAK,OAAO,MAAM,WAAW,EAC7B,gBACA;EACE,IAAI,QAAQ;EACZ,KAAK,QAAQ;EACb,IAAI,WAAW;AACb,UAAO,gBAAgB,iBAAiB,EACtC,IAAI,WAAW;AACb,WAAO,MAAM;MAEhB,CAAC;;EAEL,EACD,0BAA0B,MAAM,UAAU,CAAC,EAC3C,yBAAyB,MAAM,SAAS,CAAC,CAC1C,CACF"}

package/dist/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","names":[],"sources":["../src/components/combobox/Combobox.ts","../src/components/combobox/ComboboxInput.ts","../src/components/combobox/ComboboxLabel.ts","../src/components/combobox/ComboboxOption.ts","../src/components/combobox/ComboboxOptions.ts"],"mappings":"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"}
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../src/components/combobox/Combobox.ts","../src/components/combobox/ComboboxInput.ts","../src/components/combobox/ComboboxLabel.ts","../src/components/combobox/ComboboxOption.ts","../src/components/combobox/ComboboxOptions.ts"],"mappings":"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"}

package/dist/combobox.js

@@ -13,8 +13,7 @@ import { a as useAutocompleteState, i as createSingleAutocompleteState, n as Aut
 import { n as createAutocompleteOptionState, r as COMMAND_INPUT_TAG, t as AutocompleteOptionStateProvider } from "./create-autocomplete-option-state-IiLdhCUt.js";
 import { t as waitForTransition } from "./wait-for-transition-2M-Jo4Cq.js";
 import { createDynamic } from "@solidjs/web";
-import { createComponent, createContext, createEffect, createMemo, createSignal, createUniqueId, merge, useContext } from "solid-js";
-import { omitProps } from "solid-use/props";
+import { createComponent, createContext, createEffect, createMemo, createSignal, createUniqueId, merge, omit, useContext } from "solid-js";
 //#region src/components/combobox/ComboboxContext.ts
 const ComboboxContext = createContext();
 function useComboboxContext(componentName) {
@@ -48,67 +47,11 @@ function isComboboxDisclosureUncontrolled(props) {
 }
 function getProps(props) {
 	if (isComboboxSelectUncontrolled(props)) {
-		if (isComboboxDisclosureUncontrolled(props)) return omitProps(props, [
-			"as",
-			"by",
-			"children",
-			"defaultOpen",
-			"defaultValue",
-			"disabled",
-			"matchBy",
-			"multiple",
-			"onClose",
-			"onDisclosureChange",
-			"onOpen",
-			"onSelectChange",
-			"toggleable"
-		]);
-		return omitProps(props, [
-			"as",
-			"by",
-			"children",
-			"defaultValue",
-			"disabled",
-			"isOpen",
-			"matchBy",
-			"multiple",
-			"onClose",
-			"onDisclosureChange",
-			"onOpen",
-			"onSelectChange",
-			"toggleable"
-		]);
+		if (isComboboxDisclosureUncontrolled(props)) return omit(props, "as", "by", "children", "defaultOpen", "defaultValue", "disabled", "matchBy", "multiple", "onClose", "onDisclosureChange", "onOpen", "onSelectChange", "toggleable");
+		return omit(props, "as", "by", "children", "defaultValue", "disabled", "isOpen", "matchBy", "multiple", "onClose", "onDisclosureChange", "onOpen", "onSelectChange", "toggleable");
 	}
-	if (isComboboxDisclosureUncontrolled(props)) return omitProps(props, [
-		"as",
-		"by",
-		"children",
-		"defaultOpen",
-		"disabled",
-		"matchBy",
-		"multiple",
-		"onClose",
-		"onDisclosureChange",
-		"onOpen",
-		"onSelectChange",
-		"toggleable",
-		"value"
-	]);
-	return omitProps(props, [
-		"as",
-		"by",
-		"children",
-		"disabled",
-		"isOpen",
-		"matchBy",
-		"multiple",
-		"onClose",
-		"onDisclosureChange",
-		"onOpen",
-		"onSelectChange",
-		"toggleable",
-		"value"
-	]);
+	if (isComboboxDisclosureUncontrolled(props)) return omit(props, "as", "by", "children", "defaultOpen", "disabled", "matchBy", "multiple", "onClose", "onDisclosureChange", "onOpen", "onSelectChange", "toggleable", "value");
+	return omit(props, "as", "by", "children", "disabled", "isOpen", "matchBy", "multiple", "onClose", "onDisclosureChange", "onOpen", "onSelectChange", "toggleable", "value");
 }
 function Combobox(props) {
 	return createMemo(() => {
@@ -140,18 +83,10 @@ function Combobox(props) {
 				controller,
 				inputHovering: false,
 				optionsHovering: false,
-				get activeDescendant() {
-					return activeDescendant();
-				},
-				set activeDescendant(value) {
-					setActiveDescendant(value);
-				},
-				get selectedDescendant() {
-					return selectedDescendant();
-				},
-				set selectedDescendant(value) {
-					setSelectedDescendant(value);
-				}
+				getActiveDescendant: activeDescendant,
+				setActiveDescendant,
+				getSelectedDescendant: selectedDescendant,
+				setSelectedDescendant
 			},
 			get children() {
 				return createComponent(AutocompleteStateProvider, {
@@ -204,7 +139,7 @@ function ComboboxInput(props) {
 						break;
 					case "Enter":
 						e.preventDefault();
-						if (disclosureState.isOpen()) context.selectedDescendant = context.activeDescendant;
+						if (disclosureState.isOpen()) context.setSelectedDescendant(context.getActiveDescendant());
 						break;
 					default: break;
 				}
@@ -225,7 +160,7 @@ function ComboboxInput(props) {
 		if (query !== "") if (disclosureState.isOpen()) context.controller.setFirstChecked();
 		else disclosureState.open();
 	});
-	createEffect(() => context.activeDescendant, (activeDescendant) => {
+	createEffect(() => context.getActiveDescendant(), (activeDescendant) => {
 		if (activeDescendant) {
 			const current = document.getElementById(activeDescendant);
 			if (current) context.controller.setCurrent(current);
@@ -244,9 +179,9 @@ function ComboboxInput(props) {
 			return disclosureState.isOpen();
 		},
 		get "aria-activedescendant"() {
-			return context.activeDescendant;
+			return context.getActiveDescendant();
 		}
-	}, createDisabledState(isDisabled), createARIADisabledState(isDisabled), createExpandedState(() => disclosureState.isOpen()), createARIAExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omitProps(props, ["as", "ref"])));
+	}, createDisabledState(isDisabled), createARIADisabledState(isDisabled), createExpandedState(() => disclosureState.isOpen()), createARIAExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omit(props, "as", "ref")));
 }
 //#endregion
 //#region src/components/combobox/ComboboxLabel.ts
@@ -254,7 +189,7 @@ function ComboboxLabel(props) {
 	const context = useComboboxContext("ComboboxLabel");
 	const autocompleteState = useAutocompleteState();
 	const disclosureState = useDisclosureState();
-	return createDynamic(() => props.as || "label", merge(COMBOBOX_LABEL_TAG, { id: context.labelID }, createDisabledState(() => autocompleteState.disabled()), createExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omitProps(props, ["as"])));
+	return createDynamic(() => props.as || "label", merge(COMBOBOX_LABEL_TAG, { id: context.labelID }, createDisabledState(() => autocompleteState.disabled()), createExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omit(props, "as")));
 }
 //#endregion
 //#region src/components/combobox/ComboboxOption.ts
@@ -264,14 +199,14 @@ function ComboboxOption(props) {
 	const state = createAutocompleteOptionState(props);
 	const [internalRef, setInternalRef] = createForwardRef(props);
 	const id = createUniqueId();
-	createEffect(() => !state.disabled() && context.selectedDescendant === id, (value) => {
+	createEffect(() => !state.disabled() && context.getSelectedDescendant() === id, (value) => {
 		if (value) {
 			state.select();
 			if (!context.multiple) disclosure.close();
 		}
 	});
 	function focusOption() {
-		context.activeDescendant = id;
+		context.setActiveDescendant(id);
 		state.focus();
 	}
 	createEffect(internalRef, (current) => {
@@ -297,13 +232,7 @@ function ComboboxOption(props) {
 		role: "option",
 		tabindex: -1,
 		ref: setInternalRef
-	}, createDisabledState(() => state.disabled()), createARIADisabledState(() => state.disabled()), createSelectedState(() => state.isSelected()), createARIASelectedState(() => state.isSelected()), createActiveState(() => state.isActive()), createMatchesState(() => state.matches()), omitProps(props, [
-		"as",
-		"children",
-		"disabled",
-		"value",
-		"ref"
-	]), { get children() {
+	}, createDisabledState(() => state.disabled()), createARIADisabledState(() => state.disabled()), createSelectedState(() => state.isSelected()), createARIASelectedState(() => state.isSelected()), createActiveState(() => state.isActive()), createMatchesState(() => state.matches()), omit(props, "as", "children", "disabled", "value", "ref"), { get children() {
 		return createComponent(AutocompleteOptionStateProvider, {
 			state,
 			get children() {
@@ -349,11 +278,7 @@ function ComboboxOptions(props) {
 		ref: setInternalRef,
 		"aria-orientation": "vertical",
 		tabindex: -1
-	}, createDisabledState(() => autocompleteState.disabled()), createARIADisabledState(() => autocompleteState.disabled()), createExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omitProps(props, [
-		"as",
-		"children",
-		"ref"
-	]), { get children() {
+	}, createDisabledState(() => autocompleteState.disabled()), createARIADisabledState(() => autocompleteState.disabled()), createExpandedState(() => disclosureState.isOpen()), createHasSelectedState(() => autocompleteState.hasSelected()), createHasActiveState(() => autocompleteState.hasActive()), createHasQueryState(() => autocompleteState.hasQuery()), omit(props, "as", "children", "ref"), { get children() {
 		return createComponent(AutocompleteStateChild, { get children() {
 			return props.children;
 		} });