@gunkin/uiify 0.0.1-alpha

package/dist/components/hover-card/HoverCard.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
+import {
+  createAnchorPositionerProps,
+  createAnchorTriggerProps,
+  anchorNameForId
+} from "@gunkin/uiify/core/anchor-position";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import {
+  createPartContext,
+  splitRef,
+  useHoverOverlay
+} from "@gunkin/uiify/core";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+const [HoverCardProvider, useHoverCardContext] = createPartContext("HoverCard");
+function HoverCardRoot(props) {
+  const {
+    children,
+    closeDelay = 300,
+    defaultOpen = false,
+    id,
+    onOpenChange,
+    open,
+    openDelay = 700
+  } = props;
+  const overlay = useHoverOverlay({
+    closeDelay,
+    ...defaultOpen !== void 0 ? { defaultOpen } : {},
+    ...id !== void 0 ? { id } : {},
+    idPrefix: "uiify-hover-card",
+    ...onOpenChange ? { onOpenChange } : {},
+    ...open !== void 0 ? { open } : {},
+    openDelay
+  });
+  const contextValue = {
+    anchorId: overlay.anchorId,
+    closeCard: overlay.closeOverlay,
+    contentId: overlay.contentId,
+    intent: overlay.intent,
+    open: overlay.open,
+    openCard: overlay.openOverlay,
+    setContentId: overlay.setContentId
+  };
+  return /* @__PURE__ */ jsx(HoverCardProvider, { value: contextValue, children });
+}
+HoverCardRoot.displayName = "HoverCardRoot";
+function HoverCardTrigger(props) {
+  const { as, render, className, ...consumerProps } = props;
+  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext("Trigger");
+  const nativeButton = !as || as === "button";
+  const consumerStyle = consumerProps.style;
+  const {
+    onBlur: consumerOnBlur,
+    onFocus: consumerOnFocus,
+    onPointerEnter: consumerOnPointerEnter,
+    onPointerLeave: consumerOnPointerLeave
+  } = consumerProps;
+  return useRenderElement({
+    as,
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      ...createAnchorTriggerProps(anchorNameForId(anchorId)),
+      ...consumerStyle ? { style: consumerStyle } : {},
+      "aria-controls": contentId,
+      "aria-expanded": open,
+      ...nativeButton ? { type: "button" } : {},
+      ...className ? { className } : {},
+      onBlur: composeEventHandlers(consumerOnBlur, (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();
+      }),
+      onFocus: composeEventHandlers(consumerOnFocus, () => {
+        openCard(true);
+      }),
+      onPointerEnter: composeEventHandlers(
+        consumerOnPointerEnter,
+        (event) => {
+          if (event.pointerType === "mouse") openCard(false);
+        }
+      ),
+      onPointerLeave: composeEventHandlers(
+        consumerOnPointerLeave,
+        (event) => {
+          if (event.pointerType === "mouse") intent.scheduleClose(() => closeCard());
+        }
+      )
+    },
+    render,
+    state: { open, positioning: "native" }
+  });
+}
+function HoverCardContent(props) {
+  const {
+    align = "center",
+    as,
+    render,
+    className,
+    side = "bottom",
+    ...consumerProps
+  } = props;
+  const { anchorId, closeCard, contentId, intent, open, setContentId } = useHoverCardContext("Content");
+  const [consumerRef, domProps] = splitRef(consumerProps);
+  const popupRef = useRef(null);
+  const mergedRef = useMergedRefs(popupRef, consumerRef);
+  const consumerDomProps = domProps;
+  const resolvedId = typeof consumerDomProps.id === "string" && consumerDomProps.id.length > 0 ? consumerDomProps.id : contentId;
+  const consumerStyle = consumerDomProps.style;
+  useIsomorphicLayoutEffect(() => {
+    setContentId(resolvedId);
+  }, [resolvedId, setContentId]);
+  useIsomorphicLayoutEffect(() => {
+    const popup = popupRef.current;
+    if (!popup) return;
+    try {
+      if (open && !popup.matches(":popover-open")) popup.showPopover();
+      if (!open && popup.matches(":popover-open")) popup.hidePopover();
+    } catch {
+    }
+  }, [open]);
+  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } = domProps;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...domProps,
+      ...createAnchorPositionerProps({
+        align,
+        anchorName: anchorNameForId(anchorId),
+        side
+      }),
+      ...consumerStyle ? { style: consumerStyle } : {},
+      ref: mergedRef,
+      popover: "manual",
+      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.
+      id: resolvedId,
+      "data-state": open ? "open" : "closed",
+      ...className ? { className } : {},
+      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {
+        intent.clearCloseTimer();
+      }),
+      onPointerLeave: composeEventHandlers(
+        consumerOnPointerLeave,
+        (event) => {
+          if (event.pointerType === "mouse") intent.scheduleClose(() => closeCard());
+        }
+      )
+    },
+    render,
+    state: { open, positioning: "native" }
+  });
+}
+const HoverCard = {
+  Content: HoverCardContent,
+  Root: HoverCardRoot,
+  Trigger: HoverCardTrigger
+};
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardRoot,
+  HoverCardTrigger
+};
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/hover-card/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,3 @@
+export { HoverCard } from "./HoverCard.js";
+export type { HoverCardContentOwnProps, HoverCardContentProps, HoverCardRootOwnProps, HoverCardRootProps, HoverCardTriggerOwnProps, HoverCardTriggerProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hover-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,YAAY,CAAC"}

package/dist/components/hover-card/index.js

@@ -0,0 +1,5 @@
+import { HoverCard } from "./HoverCard.js";
+export {
+  HoverCard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/hover-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hover-card/index.ts"],"sourcesContent":["export { HoverCard } from \"./HoverCard.js\";\nexport type {\n  HoverCardContentOwnProps,\n  HoverCardContentProps,\n  HoverCardRootOwnProps,\n  HoverCardRootProps,\n  HoverCardTriggerOwnProps,\n  HoverCardTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/hover-card/types.d.ts

@@ -0,0 +1,34 @@
+import type { ElementType, ReactNode } from "react";
+import type { AnchorAlign, AnchorSide } from "@gunkin/uiify/core/anchor-position";
+import type { PopoverChangeHandler } from "@gunkin/uiify/core/popover";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface HoverCardRootOwnProps {
+    readonly closeDelay?: number;
+    readonly defaultOpen?: boolean;
+    readonly id?: string;
+    readonly onOpenChange?: PopoverChangeHandler;
+    readonly open?: boolean;
+    readonly openDelay?: number;
+}
+export interface HoverCardRootProps extends HoverCardRootOwnProps {
+    readonly children?: ReactNode;
+}
+export interface HoverCardTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type HoverCardTriggerProps<TAs extends ElementType = "button"> = RenderableProps<TAs, HoverCardTriggerOwnProps, {
+    open: boolean;
+    positioning: "native";
+}, HTMLElement>;
+export interface HoverCardContentOwnProps {
+    readonly align?: AnchorAlign;
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly side?: AnchorSide;
+}
+export type HoverCardContentProps<TAs extends ElementType = "div"> = RenderableProps<TAs, HoverCardContentOwnProps, {
+    open: boolean;
+    positioning: "native";
+}, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/hover-card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CACrF,GAAG,EACH,wBAAwB,EACxB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,QAAQ,CAAA;CAAE,EACxC,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,QAAQ,CAAA;CAAE,EACxC,WAAW,CACZ,CAAC"}

package/dist/components/hover-card/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/hover-card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/hover-card.d.ts

@@ -0,0 +1 @@
+export * from "./hover-card/index.js";

package/dist/components/hover-card.js

@@ -0,0 +1 @@
+export * from "./hover-card/index.js";

package/dist/components/index.d.ts

@@ -0,0 +1,45 @@
+export * from "./button/index.js";
+export * from "./checkbox/index.js";
+export * from "./modal/index.js";
+export * from "./dropdown-menu/index.js";
+export * from "./hover-card/index.js";
+export * from "./input/index.js";
+export * from "./popup/index.js";
+export * from "./radio-group/index.js";
+export * from "./slider/index.js";
+export * from "./switch/index.js";
+export * from "./tabs/index.js";
+export * from "./textarea/index.js";
+export * from "./toggle-group/index.js";
+export * from "./toolbar/index.js";
+export * from "./toggle/index.js";
+export * from "./tooltip/index.js";
+export * from "./accordion/index.js";
+export * from "./alert-modal/index.js";
+export * from "./combobox/index.js";
+export * from "./toast/index.js";
+export * from "./select/index.js";
+export * from "./spinner/index.js";
+export * from "./skeleton/index.js";
+export * from "./collapsible/index.js";
+export * from "./breadcrumb/index.js";
+export * from "./pagination/index.js";
+export * from "./table/index.js";
+export * from "./number-field/index.js";
+export * from "./otp-input/index.js";
+export * from "./segmented-control/index.js";
+export * from "./rating/index.js";
+export * from "./field/index.js";
+export * from "./form/index.js";
+export * from "./tags-input/index.js";
+export * from "./file-upload/index.js";
+export * from "./color-picker/index.js";
+export * from "./stepper/index.js";
+export * from "./carousel/index.js";
+export * from "./candle-chart/index.js";
+export * from "./line-chart/index.js";
+export * from "./drawer/index.js";
+export * from "./context-menu/index.js";
+export * from "./header/index.js";
+export * from "./virtual-scroll/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,45 @@
+export * from "./button/index.js";
+export * from "./checkbox/index.js";
+export * from "./modal/index.js";
+export * from "./dropdown-menu/index.js";
+export * from "./hover-card/index.js";
+export * from "./input/index.js";
+export * from "./popup/index.js";
+export * from "./radio-group/index.js";
+export * from "./slider/index.js";
+export * from "./switch/index.js";
+export * from "./tabs/index.js";
+export * from "./textarea/index.js";
+export * from "./toggle-group/index.js";
+export * from "./toolbar/index.js";
+export * from "./toggle/index.js";
+export * from "./tooltip/index.js";
+export * from "./accordion/index.js";
+export * from "./alert-modal/index.js";
+export * from "./combobox/index.js";
+export * from "./toast/index.js";
+export * from "./select/index.js";
+export * from "./spinner/index.js";
+export * from "./skeleton/index.js";
+export * from "./collapsible/index.js";
+export * from "./breadcrumb/index.js";
+export * from "./pagination/index.js";
+export * from "./table/index.js";
+export * from "./number-field/index.js";
+export * from "./otp-input/index.js";
+export * from "./segmented-control/index.js";
+export * from "./rating/index.js";
+export * from "./field/index.js";
+export * from "./form/index.js";
+export * from "./tags-input/index.js";
+export * from "./file-upload/index.js";
+export * from "./color-picker/index.js";
+export * from "./stepper/index.js";
+export * from "./carousel/index.js";
+export * from "./candle-chart/index.js";
+export * from "./line-chart/index.js";
+export * from "./drawer/index.js";
+export * from "./context-menu/index.js";
+export * from "./header/index.js";
+export * from "./virtual-scroll/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["// @gunkin/uiify/components — root barrel export.\n// Each component task appends one line here:\n//   export * from \"./<name>/index.js\";\n\nexport * from \"./button/index.js\";\nexport * from \"./checkbox/index.js\";\nexport * from \"./modal/index.js\";\nexport * from \"./dropdown-menu/index.js\";\nexport * from \"./hover-card/index.js\";\nexport * from \"./input/index.js\";\nexport * from \"./popup/index.js\";\nexport * from \"./radio-group/index.js\";\nexport * from \"./slider/index.js\";\nexport * from \"./switch/index.js\";\nexport * from \"./tabs/index.js\";\nexport * from \"./textarea/index.js\";\nexport * from \"./toggle-group/index.js\";\nexport * from \"./toolbar/index.js\";\nexport * from \"./toggle/index.js\";\nexport * from \"./tooltip/index.js\";\nexport * from \"./accordion/index.js\";\nexport * from \"./alert-modal/index.js\";\nexport * from \"./combobox/index.js\";\nexport * from \"./toast/index.js\";\nexport * from \"./select/index.js\";\nexport * from \"./spinner/index.js\";\nexport * from \"./skeleton/index.js\";\nexport * from \"./collapsible/index.js\";\nexport * from \"./breadcrumb/index.js\";\nexport * from \"./pagination/index.js\";\nexport * from \"./table/index.js\";\nexport * from \"./number-field/index.js\";\nexport * from \"./otp-input/index.js\";\nexport * from \"./segmented-control/index.js\";\nexport * from \"./rating/index.js\";\nexport * from \"./field/index.js\";\nexport * from \"./form/index.js\";\nexport * from \"./tags-input/index.js\";\nexport * from \"./file-upload/index.js\";\nexport * from \"./color-picker/index.js\";\nexport * from \"./stepper/index.js\";\nexport * from \"./carousel/index.js\";\nexport * from \"./candle-chart/index.js\";\nexport * from \"./line-chart/index.js\";\nexport * from \"./drawer/index.js\";\nexport * from \"./context-menu/index.js\";\nexport * from \"./header/index.js\";\nexport * from \"./virtual-scroll/index.js\";\n"],"mappings":"AAIA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/input/Input.d.ts

@@ -0,0 +1,4 @@
+import type { ElementType, ReactElement } from "react";
+import type { InputProps } from "./types.js";
+export declare function Input<TAs extends ElementType = "input">(props: InputProps<TAs>): ReactElement | null;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACrD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA0CrB"}

package/dist/components/input/Input.js

@@ -0,0 +1,41 @@
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Input(props) {
+  const {
+    as,
+    render,
+    value,
+    defaultValue,
+    onValueChange,
+    disabled = false,
+    readOnly = false,
+    invalid = false,
+    ...consumerProps
+  } = props;
+  const isControlled = value !== void 0;
+  const handleChange = (event) => {
+    onValueChange?.(event.currentTarget.value);
+  };
+  const consumerOnChange = consumerProps.onChange;
+  return useRenderElement({
+    as,
+    defaultTag: "input",
+    props: {
+      ...consumerProps,
+      "aria-invalid": invalid || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-readonly": readOnly ? "" : void 0,
+      "data-invalid": invalid ? "" : void 0,
+      disabled: disabled || void 0,
+      readOnly: readOnly || void 0,
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
+    },
+    render,
+    state: { disabled, readOnly, invalid }
+  });
+}
+export {
+  Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { InputProps } from \"./types.js\";\n\nexport function Input<TAs extends ElementType = \"input\">(\n  props: InputProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    ...consumerProps\n  } = props as InputProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      \"aria-invalid\": invalid || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,qBAAqB,kBAAkB,YAAY;AAAA,MAC7D,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,QAAQ;AAAA,EACvC,CAAC;AACH;","names":[]}

package/dist/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from "./Input.js";
+export type { InputOwnProps, InputProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/input/index.js

@@ -0,0 +1,5 @@
+import { Input } from "./Input.js";
+export {
+  Input
+};
+//# sourceMappingURL=index.js.map

package/dist/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/index.ts"],"sourcesContent":["export { Input } from \"./Input.js\";\nexport type { InputOwnProps, InputProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,aAAa;","names":[]}

package/dist/components/input/types.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface InputOwnProps {
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly invalid?: boolean;
+}
+export type InputProps<TAs extends ElementType = "input"> = RenderableProps<TAs, InputOwnProps, InputOwnProps, HTMLInputElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CACzE,GAAG,EACH,aAAa,EACb,aAAa,EACb,gBAAgB,CACjB,CAAC"}

package/dist/components/input/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/input.d.ts

@@ -0,0 +1 @@
+export * from "./input/index.js";

package/dist/components/input.js

@@ -0,0 +1 @@
+export * from "./input/index.js";

package/dist/components/internal/choice-family/ChoiceGroup.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+import type { ChoiceGroupProps, ChoiceItem } from "./types.js";
+/**
+ * Built on `@gunkin/uiify/elements/choice`: this component
+ * stays the ergonomic, items-array API six components share, now implemented as a thin map
+ * from `items` onto `Choice.Item` — this file's `namespace`/`with*Attribute` flags translate
+ * into the element's explicit `inputProps`/`labelProps`/`panelProps` escape hatches.
+ */
+export declare function ChoiceGroup<TItem extends ChoiceItem>(props: ChoiceGroupProps<TItem>): ReactElement;
+export declare namespace ChoiceGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=ChoiceGroup.d.ts.map

package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,UAAU,EAClD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAC7B,YAAY,CA+Dd;yBAjEe,WAAW"}

package/dist/components/internal/choice-family/ChoiceGroup.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+import {
+  ChoiceGroup as ElementChoiceGroup,
+  ChoiceItem as ElementChoiceItem
+} from "../../../elements/choice/index.js";
+import { getChoiceGroupName } from "./ids.js";
+function ChoiceGroup(props) {
+  const {
+    id,
+    items,
+    namespace,
+    kind,
+    isChecked,
+    isControlled = false,
+    name,
+    orientation,
+    className,
+    itemPart = "item",
+    labelPart = false,
+    withInputAttribute = false,
+    withTriggerAttribute = false,
+    rootAttributes,
+    itemWrapperAttributes,
+    itemInputClassName,
+    onItemChange,
+    renderPanel,
+    renderLabel,
+    append
+  } = props;
+  const groupName = name ?? getChoiceGroupName(id, kind);
+  return /* @__PURE__ */ jsxs(
+    ElementChoiceGroup,
+    {
+      ...{ [`data-uiify-${namespace}`]: "" },
+      ...rootAttributes,
+      className,
+      id,
+      kind,
+      orientation,
+      children: [
+        items.map((item) => {
+          const panel = renderPanel ? renderPanel(item) : void 0;
+          return /* @__PURE__ */ createElement(
+            ElementChoiceItem,
+            {
+              ...itemWrapperAttributes?.(item),
+              ...panel === void 0 ? {} : { panel },
+              ...isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) },
+              disabled: item.disabled ?? false,
+              groupId: id,
+              inputProps: {
+                className: itemInputClassName?.(item),
+                ...withInputAttribute ? { [`data-uiify-${namespace}-input`]: "" } : {}
+              },
+              key: item.value,
+              kind,
+              label: renderLabel ? renderLabel(item) : item.label,
+              labelPart,
+              labelProps: withTriggerAttribute ? { [`data-uiify-${namespace}-trigger`]: "" } : {},
+              name: groupName,
+              ...onItemChange ? { onChange: () => onItemChange(item) } : {},
+              panelProps: { [`data-uiify-${namespace}-panel`]: item.value },
+              part: itemPart,
+              value: item.value
+            }
+          );
+        }),
+        append ? /* @__PURE__ */ jsx("div", { "data-part": "append", children: append }) : null
+      ]
+    }
+  );
+}
+ChoiceGroup.displayName = "ChoiceGroup";
+export {
+  ChoiceGroup
+};
+//# sourceMappingURL=ChoiceGroup.js.map

package/dist/components/internal/choice-family/ChoiceGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ChoiceGroup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  ChoiceGroup as ElementChoiceGroup,\n  ChoiceItem as ElementChoiceItem,\n} from \"../../../elements/choice/index.js\";\nimport { getChoiceGroupName } from \"./ids.js\";\nimport type { ChoiceGroupProps, ChoiceItem } from \"./types.js\";\n\n/**\n * Built on `@gunkin/uiify/elements/choice`: this component\n * stays the ergonomic, items-array API six components share, now implemented as a thin map\n * from `items` onto `Choice.Item` — this file's `namespace`/`with*Attribute` flags translate\n * into the element's explicit `inputProps`/`labelProps`/`panelProps` escape hatches.\n */\nexport function ChoiceGroup<TItem extends ChoiceItem>(\n  props: ChoiceGroupProps<TItem>,\n): ReactElement {\n  const {\n    id,\n    items,\n    namespace,\n    kind,\n    isChecked,\n    isControlled = false,\n    name,\n    orientation,\n    className,\n    itemPart = \"item\",\n    labelPart = false,\n    withInputAttribute = false,\n    withTriggerAttribute = false,\n    rootAttributes,\n    itemWrapperAttributes,\n    itemInputClassName,\n    onItemChange,\n    renderPanel,\n    renderLabel,\n    append,\n  } = props;\n  const groupName = name ?? getChoiceGroupName(id, kind);\n\n  return (\n    <ElementChoiceGroup\n      {...{ [`data-uiify-${namespace}`]: \"\" }}\n      {...rootAttributes}\n      className={className}\n      id={id}\n      kind={kind}\n      orientation={orientation}\n    >\n      {items.map((item) => {\n        const panel = renderPanel ? renderPanel(item) : undefined;\n        return (\n          <ElementChoiceItem\n            {...itemWrapperAttributes?.(item)}\n            {...(panel === undefined ? {} : { panel })}\n            {...(isControlled ? { checked: isChecked(item) } : { defaultChecked: isChecked(item) })}\n            disabled={item.disabled ?? false}\n            groupId={id}\n            inputProps={{\n              className: itemInputClassName?.(item),\n              ...(withInputAttribute ? { [`data-uiify-${namespace}-input`]: \"\" } : {}),\n            }}\n            key={item.value}\n            kind={kind}\n            label={renderLabel ? renderLabel(item) : item.label}\n            labelPart={labelPart}\n            labelProps={withTriggerAttribute ? { [`data-uiify-${namespace}-trigger`]: \"\" } : {}}\n            name={groupName}\n            {...(onItemChange ? { onChange: () => onItemChange(item) } : {})}\n            panelProps={{ [`data-uiify-${namespace}-panel`]: item.value }}\n            part={itemPart}\n            value={item.value}\n          />\n        );\n      })}\n      {append ? <div data-part=\"append\">{append}</div> : null}\n    </ElementChoiceGroup>\n  );\n}\nChoiceGroup.displayName = \"ChoiceGroup\";\n"],"mappings":"AA0CI,SAkCY,KAlCZ;AAWM;AApDV;AAAA,EACE,eAAe;AAAA,EACf,cAAc;AAAA,OACT;AACP,SAAS,0BAA0B;AAS5B,SAAS,YACd,OACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,QAAQ,mBAAmB,IAAI,IAAI;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,EAAE,CAAC,cAAc,SAAS,EAAE,GAAG,GAAG;AAAA,MACrC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,QAAQ,cAAc,YAAY,IAAI,IAAI;AAChD,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG,wBAAwB,IAAI;AAAA,cAC/B,GAAI,UAAU,SAAY,CAAC,IAAI,EAAE,MAAM;AAAA,cACvC,GAAI,eAAe,EAAE,SAAS,UAAU,IAAI,EAAE,IAAI,EAAE,gBAAgB,UAAU,IAAI,EAAE;AAAA,cACrF,UAAU,KAAK,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,gBACV,WAAW,qBAAqB,IAAI;AAAA,gBACpC,GAAI,qBAAqB,EAAE,CAAC,cAAc,SAAS,QAAQ,GAAG,GAAG,IAAI,CAAC;AAAA,cACxE;AAAA,cACA,KAAK,KAAK;AAAA,cACV;AAAA,cACA,OAAO,cAAc,YAAY,IAAI,IAAI,KAAK;AAAA,cAC9C;AAAA,cACA,YAAY,uBAAuB,EAAE,CAAC,cAAc,SAAS,UAAU,GAAG,GAAG,IAAI,CAAC;AAAA,cAClF,MAAM;AAAA,cACL,GAAI,eAAe,EAAE,UAAU,MAAM,aAAa,IAAI,EAAE,IAAI,CAAC;AAAA,cAC9D,YAAY,EAAE,CAAC,cAAc,SAAS,QAAQ,GAAG,KAAK,MAAM;AAAA,cAC5D,MAAM;AAAA,cACN,OAAO,KAAK;AAAA;AAAA,UACd;AAAA,QAEJ,CAAC;AAAA,QACA,SAAS,oBAAC,SAAI,aAAU,UAAU,kBAAO,IAAS;AAAA;AAAA;AAAA,EACrD;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/internal/choice-family/ids.d.ts

@@ -0,0 +1,2 @@
+export { choiceGroupName as getChoiceGroupName, choiceIds as getChoiceIds, } from "../../../elements/choice/ids.js";
+//# sourceMappingURL=ids.d.ts.map

package/dist/components/internal/choice-family/ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/choice-family/ids.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,IAAI,kBAAkB,EACrC,SAAS,IAAI,YAAY,GAC1B,MAAM,iCAAiC,CAAC"}

package/dist/components/internal/choice-family/ids.js

@@ -0,0 +1,9 @@
+import {
+  choiceGroupName,
+  choiceIds
+} from "../../../elements/choice/ids.js";
+export {
+  choiceGroupName as getChoiceGroupName,
+  choiceIds as getChoiceIds
+};
+//# sourceMappingURL=ids.js.map

package/dist/components/internal/choice-family/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/internal/choice-family/ids.ts"],"sourcesContent":["// Shared with @gunkin/uiify/elements/choice — re-exported\n// here under their original names so existing internal call sites keep working.\nexport {\n  choiceGroupName as getChoiceGroupName,\n  choiceIds as getChoiceIds,\n} from \"../../../elements/choice/ids.js\";\n"],"mappings":"AAEA;AAAA,EACqB;AAAA,EACN;AAAA,OACR;","names":[]}