@gunkin/uiify 0.0.1-alpha

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function toCssSize(value) {
+  if (value === void 0) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function Skeleton(props) {
+  const {
+    as,
+    render,
+    circle = false,
+    height,
+    loading = true,
+    width,
+    children,
+    ...consumerProps
+  } = props;
+  if (!loading) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx(
+    SkeletonLoading,
+    {
+      as,
+      circle,
+      elementProps: consumerProps,
+      height,
+      render,
+      width
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+function SkeletonLoading({
+  as,
+  circle,
+  elementProps,
+  height,
+  render,
+  width
+}) {
+  const { style: consumerStyle, ...rest } = elementProps;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...rest,
+      "aria-hidden": true,
+      "data-shape": circle ? "circle" : "rect",
+      "data-state": "loading",
+      style: {
+        ...consumerStyle,
+        "--skeleton-h": toCssSize(height) ?? "",
+        "--skeleton-w": toCssSize(width) ?? ""
+      }
+    },
+    render,
+    state: { loading: true }
+  });
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { SkeletonProps, SkeletonLoadingProps } from \"./types.js\";\n\nfunction toCssSize(value: number | string | undefined): string | undefined {\n  if (value === undefined) return undefined;\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport function Skeleton<TAs extends ElementType = \"div\">(\n  props: SkeletonProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    circle = false,\n    height,\n    loading = true,\n    width,\n    children,\n    ...consumerProps\n  } = props as SkeletonProps<\"div\">;\n\n  if (!loading) {\n    return children as ReactElement | null;\n  }\n\n  return (\n    <SkeletonLoading\n      as={as}\n      circle={circle}\n      elementProps={consumerProps}\n      height={height}\n      render={render}\n      width={width}\n    />\n  );\n}\nSkeleton.displayName = \"Skeleton\";\n\nfunction SkeletonLoading({\n  as,\n  circle,\n  elementProps,\n  height,\n  render,\n  width,\n}: SkeletonLoadingProps): ReactElement | null {\n  const { style: consumerStyle, ...rest } = elementProps;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...rest,\n      \"aria-hidden\": true,\n      \"data-shape\": circle ? \"circle\" : \"rect\",\n      \"data-state\": \"loading\",\n      style: {\n        ...(consumerStyle as CSSProperties | undefined),\n        \"--skeleton-h\": toCssSize(height) ?? \"\",\n        \"--skeleton-w\": toCssSize(width) ?? \"\",\n      } as CSSProperties,\n    },\n    render,\n    state: { loading: true },\n  });\n}\n"],"mappings":"AA4BI;AA3BJ,SAAS,wBAAwB;AAGjC,SAAS,UAAU,OAAwD;AACzE,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAEO,SAAS,SACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AACA,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,eAAe,GAAG,KAAK,IAAI;AAE1C,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,eAAe;AAAA,MACf,cAAc,SAAS,WAAW;AAAA,MAClC,cAAc;AAAA,MACd,OAAO;AAAA,QACL,GAAI;AAAA,QACJ,gBAAgB,UAAU,MAAM,KAAK;AAAA,QACrC,gBAAgB,UAAU,KAAK,KAAK;AAAA,MACtC;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS,KAAK;AAAA,EACzB,CAAC;AACH;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/skeleton/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/skeleton/index.ts"],"sourcesContent":["export { Skeleton } from \"./Skeleton.js\";\nexport type { SkeletonOwnProps, SkeletonProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

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

@@ -0,0 +1,21 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface SkeletonOwnProps {
+    readonly circle?: boolean;
+    readonly height?: number | string;
+    readonly loading?: boolean;
+    readonly width?: number | string;
+    readonly children?: ReactNode;
+}
+export type SkeletonProps<TAs extends ElementType = "div"> = RenderableProps<TAs, SkeletonOwnProps, {
+    loading: boolean;
+}, HTMLElement>;
+export interface SkeletonLoadingProps {
+    readonly as: ElementType | undefined;
+    readonly circle: boolean;
+    readonly elementProps: Record<string, unknown>;
+    readonly height: number | string | undefined;
+    readonly render: SkeletonProps<"div">["render"] | undefined;
+    readonly width: number | string | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC1E,GAAG,EACH,gBAAgB,EAChB;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C"}

package/dist/components/skeleton/types.js

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

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

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

package/dist/components/skeleton.d.ts

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

package/dist/components/skeleton.js

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

package/dist/components/slider/Slider.d.ts

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

package/dist/components/slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACtD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CA4CrB"}

package/dist/components/slider/Slider.js

@@ -0,0 +1,43 @@
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Slider(props) {
+  const {
+    as,
+    render,
+    value,
+    defaultValue,
+    onValueChange,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled = false,
+    ...consumerProps
+  } = props;
+  const isControlled = value !== void 0;
+  const handleChange = (event) => {
+    onValueChange?.(event.currentTarget.valueAsNumber);
+  };
+  const consumerOnChange = consumerProps.onChange;
+  return useRenderElement({
+    as,
+    defaultTag: "input",
+    props: {
+      ...consumerProps,
+      type: "range",
+      min,
+      max,
+      step,
+      disabled: disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-state": isControlled ? String(value) : void 0,
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
+    },
+    render,
+    state: { min, max, step, disabled }
+  });
+}
+export {
+  Slider
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slider/Slider.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 { SliderProps } from \"./types.js\";\n\nexport function Slider<TAs extends ElementType = \"input\">(\n  props: SliderProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    disabled = false,\n    ...consumerProps\n  } = props as SliderProps<\"input\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    onValueChange?.(event.currentTarget.valueAsNumber);\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      type: \"range\",\n      min,\n      max,\n      step,\n      disabled: disabled || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-state\": isControlled ? String(value) : undefined,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { min, max, step, disabled },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAkD;AACtE,oBAAgB,MAAM,cAAc,aAAa;AAAA,EACnD;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,iBAAiB,WAAW,KAAK;AAAA,MACjC,cAAc,eAAe,OAAO,KAAK,IAAI;AAAA,MAC7C,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,KAAK,KAAK,MAAM,SAAS;AAAA,EACpC,CAAC;AACH;","names":[]}

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

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

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

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

package/dist/components/slider/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slider/index.ts"],"sourcesContent":["export { Slider } from \"./Slider.js\";\nexport type { SliderOwnProps, SliderProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface SliderOwnProps {
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly onValueChange?: (value: number) => void;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly disabled?: boolean;
+}
+export type SliderProps<TAs extends ElementType = "input"> = RenderableProps<TAs, SliderOwnProps, SliderOwnProps, HTMLInputElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/slider/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,cAAc;IAC7B,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,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CAC1E,GAAG,EACH,cAAc,EACd,cAAc,EACd,gBAAgB,CACjB,CAAC"}

package/dist/components/slider/types.js

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

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

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

package/dist/components/slider.d.ts

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

package/dist/components/slider.js

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

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType, ReactElement } from "react";
+import type { SpinnerProps } from "./types.js";
+export declare function Spinner<TAs extends ElementType = "div">(props: SpinnerProps<TAs>): ReactElement | null;
+export declare namespace Spinner {
+    var displayName: string;
+}
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAmB,YAAY,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAgB,OAAO,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACrD,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,GACvB,YAAY,GAAG,IAAI,CA0CrB;yBA5Ce,OAAO"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,42 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Spinner(props) {
+  const {
+    as,
+    align,
+    render,
+    delay = 0,
+    label = "Loading",
+    labelClassName,
+    size = "default",
+    children,
+    ...consumerProps
+  } = props;
+  const visible = delay === 0;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      "aria-label": label,
+      "aria-live": "polite",
+      "data-align": align,
+      "data-delay": delay > 0 ? `${delay}ms` : void 0,
+      "data-size": size,
+      "data-state": visible ? "visible" : "delayed",
+      "data-uiify-spinner": "",
+      role: "status",
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        labelClassName ? /* @__PURE__ */ jsx("span", { className: labelClassName, "data-part": "label", "data-uiify-spinner-label": "", children: label }) : null,
+        children
+      ] })
+    },
+    render,
+    state: { visible }
+  });
+}
+Spinner.displayName = "Spinner";
+export {
+  Spinner
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { PolymorphicProps } from \"@gunkin/uiify/core/render\";\nimport type { SpinnerOwnProps, SpinnerProps } from \"./types.js\";\n\nexport function Spinner<TAs extends ElementType = \"div\">(\n  props: SpinnerProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    align,\n    render,\n    delay = 0,\n    label = \"Loading\",\n    labelClassName,\n    size = \"default\",\n    children,\n    ...consumerProps\n  } = props as PolymorphicProps<\"div\", SpinnerOwnProps>;\n\n  const visible = delay === 0;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"aria-live\": \"polite\",\n      \"data-align\": align,\n      \"data-delay\": delay > 0 ? `${delay}ms` : undefined,\n      \"data-size\": size,\n      \"data-state\": visible ? \"visible\" : \"delayed\",\n      \"data-uiify-spinner\": \"\",\n      role: \"status\",\n      children: (\n        <>\n          {labelClassName ? (\n            <span className={labelClassName} data-part=\"label\" data-uiify-spinner-label=\"\">\n              {label}\n            </span>\n          ) : null}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: { visible },\n  });\n}\nSpinner.displayName = \"Spinner\";\n"],"mappings":"AAoCQ,mBAEI,KAFJ;AAnCR,SAAS,wBAAwB;AAI1B,SAAS,QACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,UAAU,UAAU;AAE1B,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,cAAc,QAAQ,IAAI,GAAG,KAAK,OAAO;AAAA,MACzC,aAAa;AAAA,MACb,cAAc,UAAU,YAAY;AAAA,MACpC,sBAAsB;AAAA,MACtB,MAAM;AAAA,MACN,UACE,iCACG;AAAA,yBACC,oBAAC,UAAK,WAAW,gBAAgB,aAAU,SAAQ,4BAAyB,IACzE,iBACH,IACE;AAAA,QACH;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,EACnB,CAAC;AACH;AACA,QAAQ,cAAc;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Spinner } from "./Spinner.js";
+export type { SpinnerAlign, SpinnerOwnProps, SpinnerProps, SpinnerSize } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/spinner/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/spinner/index.ts"],"sourcesContent":["export { Spinner } from \"./Spinner.js\";\nexport type { SpinnerAlign, SpinnerOwnProps, SpinnerProps, SpinnerSize } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,eAAe;","names":[]}

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

@@ -0,0 +1,16 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export type SpinnerAlign = "center" | "fixed" | "absolute";
+export type SpinnerSize = "small" | "default" | "large";
+export interface SpinnerOwnProps {
+    readonly align?: SpinnerAlign;
+    readonly children?: ReactNode;
+    readonly delay?: number;
+    readonly label?: string;
+    readonly labelClassName?: string;
+    readonly size?: SpinnerSize;
+}
+export type SpinnerProps<TAs extends ElementType = "div"> = RenderableProps<TAs, SpinnerOwnProps, {
+    visible: boolean;
+}, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACzE,GAAG,EACH,eAAe,EACf;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EACpB,WAAW,CACZ,CAAC"}

package/dist/components/spinner/types.js

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

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

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

package/dist/components/spinner.d.ts

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

package/dist/components/spinner.js

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

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { StepperProps } from "./types.js";
+export declare function Stepper({ id, items, defaultValue, orientation, className, }: StepperProps): ReactElement;
+export declare namespace Stepper {
+    var displayName: string;
+}
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/components/stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,KAAK,EACL,YAAY,EACZ,WAA0B,EAC1B,SAAS,GACV,EAAE,YAAY,GAAG,YAAY,CAsB7B;yBA5Be,OAAO"}

package/dist/components/stepper/Stepper.js

@@ -0,0 +1,35 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChoiceGroup } from "../internal/choice-family/ChoiceGroup.js";
+function Stepper({
+  id,
+  items,
+  defaultValue,
+  orientation = "horizontal",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    ChoiceGroup,
+    {
+      ...className !== void 0 ? { className } : {},
+      id,
+      items,
+      isChecked: (item) => item.value === defaultValue,
+      itemPart: "step",
+      itemWrapperAttributes: (item) => ({ "data-complete": item.complete ? "" : void 0 }),
+      kind: "single",
+      namespace: "stepper",
+      orientation,
+      renderLabel: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: item.label }),
+        item.description ? /* @__PURE__ */ jsx("small", { children: item.description }) : null
+      ] }),
+      renderPanel: (item) => item.panel,
+      withInputAttribute: true
+    }
+  );
+}
+Stepper.displayName = "Stepper";
+export {
+  Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/components/stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ChoiceGroup } from \"../internal/choice-family/ChoiceGroup.js\";\nimport type { StepperItem, StepperProps } from \"./types.js\";\n\nexport function Stepper({\n  id,\n  items,\n  defaultValue,\n  orientation = \"horizontal\",\n  className,\n}: StepperProps): ReactElement {\n  return (\n    <ChoiceGroup<StepperItem>\n      {...(className !== undefined ? { className } : {})}\n      id={id}\n      items={items}\n      isChecked={(item) => item.value === defaultValue}\n      itemPart=\"step\"\n      itemWrapperAttributes={(item) => ({ \"data-complete\": item.complete ? \"\" : undefined })}\n      kind=\"single\"\n      namespace=\"stepper\"\n      orientation={orientation}\n      renderLabel={(item) => (\n        <>\n          <span>{item.label}</span>\n          {item.description ? <small>{item.description}</small> : null}\n        </>\n      )}\n      renderPanel={(item) => item.panel}\n      withInputAttribute\n    />\n  );\n}\nStepper.displayName = \"Stepper\";\n"],"mappings":"AAuBQ,mBACE,KADF;AAtBR,SAAS,mBAAmB;AAGrB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MAChD;AAAA,MACA;AAAA,MACA,WAAW,CAAC,SAAS,KAAK,UAAU;AAAA,MACpC,UAAS;AAAA,MACT,uBAAuB,CAAC,UAAU,EAAE,iBAAiB,KAAK,WAAW,KAAK,OAAU;AAAA,MACpF,MAAK;AAAA,MACL,WAAU;AAAA,MACV;AAAA,MACA,aAAa,CAAC,SACZ,iCACE;AAAA,4BAAC,UAAM,eAAK,OAAM;AAAA,QACjB,KAAK,cAAc,oBAAC,WAAO,eAAK,aAAY,IAAW;AAAA,SAC1D;AAAA,MAEF,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,oBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,QAAQ,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/stepper/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/stepper/index.ts"],"sourcesContent":["export { Stepper } from \"./Stepper.js\";\nexport type { StepperItem, StepperProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,eAAe;","names":[]}

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { ChoicePanelItem, ChoiceOrientation } from "../internal/choice-family/types.js";
+export interface StepperItem extends ChoicePanelItem {
+    readonly description?: ReactNode;
+    readonly complete?: boolean;
+}
+export interface StepperProps {
+    readonly id: string;
+    readonly items: readonly StepperItem[];
+    readonly defaultValue?: string;
+    readonly orientation?: ChoiceOrientation;
+    readonly className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE7F,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/stepper/types.js

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

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

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

package/dist/components/stepper.d.ts

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

package/dist/components/stepper.js

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

package/dist/components/switch/Switch.d.ts

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

package/dist/components/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,wBAAgB,MAAM,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACtD,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GACtB,YAAY,GAAG,IAAI,CAwCrB"}

package/dist/components/switch/Switch.js

@@ -0,0 +1,39 @@
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Switch(props) {
+  const {
+    as,
+    render,
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    disabled = false,
+    ...consumerProps
+  } = props;
+  const isControlled = checked !== void 0;
+  const handleChange = (event) => {
+    if (disabled) return;
+    onCheckedChange?.(event.currentTarget.checked);
+  };
+  const consumerOnChange = consumerProps.onChange;
+  return useRenderElement({
+    as,
+    defaultTag: "input",
+    props: {
+      ...consumerProps,
+      type: "checkbox",
+      role: "switch",
+      disabled: disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-state": isControlled ? checked ? "checked" : "unchecked" : void 0,
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      ...isControlled ? { checked } : defaultChecked !== void 0 ? { defaultChecked } : {}
+    },
+    render,
+    state: { disabled, checked: checked ?? false }
+  });
+}
+export {
+  Switch
+};
+//# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/Switch.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 { SwitchProps } from \"./types.js\";\n\nexport function Switch<TAs extends ElementType = \"input\">(\n  props: SwitchProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    disabled = false,\n    ...consumerProps\n  } = props as SwitchProps<\"input\">;\n\n  const isControlled = checked !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>): void => {\n    if (disabled) return;\n    onCheckedChange?.(event.currentTarget.checked);\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      type: \"checkbox\",\n      role: \"switch\",\n      disabled: disabled || undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-state\": isControlled ? (checked ? \"checked\" : \"unchecked\") : undefined,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { checked } : defaultChecked !== undefined ? { defaultChecked } : {}),\n    },\n    render,\n    state: { disabled, checked: checked ?? false },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,OACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,YAAY;AAEjC,QAAM,eAAe,CAAC,UAAkD;AACtE,QAAI,SAAU;AACd,sBAAkB,MAAM,cAAc,OAAO;AAAA,EAC/C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU,YAAY;AAAA,MACtB,iBAAiB,WAAW,KAAK;AAAA,MACjC,cAAc,eAAgB,UAAU,YAAY,cAAe;AAAA,MACnE,UAAU,qBAAqB,kBAAkB,YAAY;AAAA,MAC7D,GAAI,eAAe,EAAE,QAAQ,IAAI,mBAAmB,SAAY,EAAE,eAAe,IAAI,CAAC;AAAA,IACxF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,SAAS,WAAW,MAAM;AAAA,EAC/C,CAAC;AACH;","names":[]}

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

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

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

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

package/dist/components/switch/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/index.ts"],"sourcesContent":["export { Switch } from \"./Switch.js\";\nexport type { SwitchOwnProps, SwitchProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

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

@@ -0,0 +1,10 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface SwitchOwnProps {
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly disabled?: boolean;
+}
+export type SwitchProps<TAs extends ElementType = "input"> = RenderableProps<TAs, SwitchOwnProps, SwitchOwnProps, HTMLInputElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/switch/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,cAAc;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,IAAI,eAAe,CAC1E,GAAG,EACH,cAAc,EACd,cAAc,EACd,gBAAgB,CACjB,CAAC"}

package/dist/components/switch/types.js

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

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

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

package/dist/components/switch.d.ts

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

package/dist/components/switch.js

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