@gunkin/uiify 0.0.12-alpha → 0.0.14-alpha

package/dist/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select/Select.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 {\n  SelectRootProps,\n  SelectContentOwnProps,\n  SelectItemProps,\n  SelectGroupProps,\n  SelectSeparatorProps,\n} from \"./types.js\";\n\nexport function SelectRoot<TAs extends ElementType = \"select\">(\n  props: SelectRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    name,\n    disabled = false,\n    children: consumerChildren,\n    ...consumerProps\n  } = props as SelectRootProps<\"select\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLSelectElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLSelectElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"select\",\n    props: {\n      ...consumerProps,\n      children: consumerChildren,\n      \"data-uiify-select\": \"\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      disabled: disabled || undefined,\n      name,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectContent(props: SelectContentOwnProps): React.ReactNode {\n  return props.children ?? null;\n}\n\nexport function SelectItem<TAs extends ElementType = \"option\">(\n  props: SelectItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    disabled = false,\n    value,\n    ...consumerProps\n  } = props as SelectItemProps<\"option\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"option\",\n    props: {\n      ...consumerProps,\n      disabled: disabled || undefined,\n      value,\n      children,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectGroup<TAs extends ElementType = \"optgroup\">(\n  props: SelectGroupProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, label, ...consumerProps } = props as SelectGroupProps<\"optgroup\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"optgroup\",\n    props: {\n      ...consumerProps,\n      label,\n      children,\n    },\n    render,\n    state: { label },\n  });\n}\nSelectGroup.displayName = \"SelectGroup\";\n\nexport function SelectSeparator<TAs extends ElementType = \"hr\">(\n  props: SelectSeparatorProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as SelectSeparatorProps<\"hr\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"hr\",\n    props: { ...consumerProps, \"data-part\": \"separator\" },\n    render,\n    state: {},\n  });\n}\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport const Select = {\n  Content: SelectContent,\n  Group: SelectGroup,\n  Item: SelectItem,\n  Root: SelectRoot,\n  Separator: SelectSeparator,\n};\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAS1B,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAmD;AACvE,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,UAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,iBAAiB,WAAW,KAAK;AAAA,MACjC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,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,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,cAAc,OAA+C;AAC3E,SAAO,MAAM,YAAY;AAC3B;AAEO,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,OAAO,GAAG,cAAc,IAAI;AAE1D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,MAAM;AAAA,EACjB,CAAC;AACH;AACA,YAAY,cAAc;AAEnB,SAAS,gBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AAEzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,aAAa,YAAY;AAAA,IACpD;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,gBAAgB,cAAc;AAEvB,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../src/components/select/Select.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 {\n  SelectRootProps,\n  SelectContentOwnProps,\n  SelectItemProps,\n  SelectGroupProps,\n  SelectSeparatorProps,\n} from \"./types.js\";\n\nexport function SelectRoot<TAs extends ElementType = \"select\">(\n  props: SelectRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    name,\n    disabled = false,\n    children: consumerChildren,\n    ...consumerProps\n  } = props as SelectRootProps<\"select\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLSelectElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLSelectElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"select\",\n    props: {\n      ...consumerProps,\n      children: consumerChildren,\n      \"data-uiify-select\": \"\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      disabled: disabled || undefined,\n      name,\n      onChange: onValueChange\n        ? composeEventHandlers(consumerOnChange, handleChange)\n        : consumerOnChange,\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectContent(props: SelectContentOwnProps): React.ReactNode {\n  return props.children ?? null;\n}\n\nexport function SelectItem<TAs extends ElementType = \"option\">(\n  props: SelectItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    disabled = false,\n    value,\n    ...consumerProps\n  } = props as SelectItemProps<\"option\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"option\",\n    props: {\n      ...consumerProps,\n      disabled: disabled || undefined,\n      value,\n      children,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function SelectGroup<TAs extends ElementType = \"optgroup\">(\n  props: SelectGroupProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, label, ...consumerProps } = props as SelectGroupProps<\"optgroup\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"optgroup\",\n    props: {\n      ...consumerProps,\n      label,\n      children,\n    },\n    render,\n    state: { label },\n  });\n}\nSelectGroup.displayName = \"SelectGroup\";\n\nexport function SelectSeparator<TAs extends ElementType = \"hr\">(\n  props: SelectSeparatorProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as SelectSeparatorProps<\"hr\">;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"hr\",\n    props: { ...consumerProps, \"data-part\": \"separator\" },\n    render,\n    state: {},\n  });\n}\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport const Select = {\n  Content: SelectContent,\n  Group: SelectGroup,\n  Item: SelectItem,\n  Root: SelectRoot,\n  Separator: SelectSeparator,\n};\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAS1B,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAmD;AACvE,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,UAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,iBAAiB,WAAW,KAAK;AAAA,MACjC,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,UAAU,gBACN,qBAAqB,kBAAkB,YAAY,IACnD;AAAA,MACJ,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,cAAc,OAA+C;AAC3E,SAAO,MAAM,YAAY;AAC3B;AAEO,SAAS,WACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,UAAU,OAAO,GAAG,cAAc,IAAI;AAE1D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,MAAM;AAAA,EACjB,CAAC;AACH;AACA,YAAY,cAAc;AAEnB,SAAS,gBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AAEzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,aAAa,YAAY;AAAA,IACpD;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,gBAAgB,cAAc;AAEvB,MAAM,SAAS;AAAA,EACpB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,YAAY,CAAC;AAOtE,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACtD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CA0BrB;yBA5Be,QAAQ"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAMhD,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACtD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CAiCrB;yBAnCe,QAAQ"}

package/dist/components/skeleton/Skeleton.js

@@ -1,7 +1,5 @@
-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) {
@@ -12,52 +10,33 @@ function Skeleton(props) {
     height,
     loading = true,
     width,
+    variant,
     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;
+  const style = consumerProps.style;
   return useRenderElement({
     as,
     defaultTag: "div",
     props: {
-      ...rest,
-      "aria-hidden": true,
+      ...consumerProps,
+      "aria-hidden": loading ? true : void 0,
+      "data-uiify-skeleton": "",
       "data-shape": circle ? "circle" : "rect",
-      "data-state": "loading",
+      "data-state": loading ? "loading" : "loaded",
+      ...variant !== void 0 ? { "data-variant": variant } : {},
       style: {
-        ...consumerStyle,
-        "--skeleton-h": toCssSize(height) ?? "",
-        "--skeleton-w": toCssSize(width) ?? ""
-      }
+        ...style,
+        ...width !== void 0 ? { "--uiify-skeleton-w": toCssSize(width) } : {},
+        ...height !== void 0 ? { "--uiify-skeleton-h": toCssSize(height) } : {}
+      },
+      children: loading ? void 0 : children
     },
     render,
-    state: { loading: true }
+    state: { loading }
   });
 }
+Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };

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

@@ -1 +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":[]}
+{"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 } from \"./types.js\";\n\nfunction toCssSize(value: number | string | undefined): string | 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    variant,\n    children,\n    ...consumerProps\n  } = props as SkeletonProps<\"div\">;\n  const style = (consumerProps as { style?: CSSProperties }).style;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"aria-hidden\": loading ? true : undefined,\n      \"data-uiify-skeleton\": \"\",\n      \"data-shape\": circle ? \"circle\" : \"rect\",\n      \"data-state\": loading ? \"loading\" : \"loaded\",\n      ...(variant !== undefined ? { \"data-variant\": variant } : {}),\n      style: {\n        ...style,\n        ...(width !== undefined ? { \"--uiify-skeleton-w\": toCssSize(width) } : {}),\n        ...(height !== undefined ? { \"--uiify-skeleton-h\": toCssSize(height) } : {}),\n      } as CSSProperties,\n      children: loading ? undefined : children,\n    },\n    render,\n    state: { loading },\n  });\n}\nSkeleton.displayName = \"Skeleton\";\n"],"mappings":"AACA,SAAS,wBAAwB;AAGjC,SAAS,UAAU,OAAwD;AACzE,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;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,QAAS,cAA4C;AAC3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,eAAe,UAAU,OAAO;AAAA,MAChC,uBAAuB;AAAA,MACvB,cAAc,SAAS,WAAW;AAAA,MAClC,cAAc,UAAU,YAAY;AAAA,MACpC,GAAI,YAAY,SAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;AAAA,MAC3D,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SAAY,EAAE,sBAAsB,UAAU,KAAK,EAAE,IAAI,CAAC;AAAA,QACxE,GAAI,WAAW,SAAY,EAAE,sBAAsB,UAAU,MAAM,EAAE,IAAI,CAAC;AAAA,MAC5E;AAAA,MACA,UAAU,UAAU,SAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ;AAAA,EACnB,CAAC;AACH;AACA,SAAS,cAAc;","names":[]}

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

@@ -4,18 +4,11 @@ export interface SkeletonOwnProps {
     readonly circle?: boolean;
     readonly height?: number | string;
     readonly loading?: boolean;
+    readonly variant?: "pulse" | "shimmer" | "none";
     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

@@ -1 +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"}
+{"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,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,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"}

package/dist/components/table/Table.d.ts

@@ -1,41 +1,2 @@
-import type { ElementType, ReactElement } from "react";
-import { TableBody as TableBodyElement, TableCaption, TableCell, TableColumnHeader as TableColumnHeaderElement, TableHeader } from "./TableShell.js";
-import type { TableRootProps, TableRowProps, TableRowSelectOwnProps } from "./types.js";
-export type { SelectionMode, SortDescriptor } from "./types.js";
-export { TableCaption, TableCell, TableHeader };
-export declare function TableRoot<TAs extends ElementType = "table">(props: TableRootProps<TAs>): ReactElement | null;
-export declare namespace TableRoot {
-    var displayName: string;
-}
-export declare function TableBody(props: React.ComponentProps<typeof TableBodyElement>): ReactElement | null;
-export declare namespace TableBody {
-    var displayName: string;
-}
-export declare function TableRow(props: TableRowProps): ReactElement | null;
-export declare namespace TableRow {
-    var displayName: string;
-}
-export declare function TableColumnHeader(props: React.ComponentProps<typeof TableColumnHeaderElement>): ReactElement | null;
-export declare namespace TableColumnHeader {
-    var displayName: string;
-}
-export declare function TableSelectAll(): ReactElement;
-export declare namespace TableSelectAll {
-    var displayName: string;
-}
-export declare function TableRowSelect({ rowId }: TableRowSelectOwnProps): ReactElement;
-export declare namespace TableRowSelect {
-    var displayName: string;
-}
-export declare const Table: {
-    Body: typeof TableBody;
-    Caption: typeof TableCaption;
-    Cell: typeof TableCell;
-    ColumnHeader: typeof TableColumnHeader;
-    Header: typeof TableHeader;
-    Root: typeof TableRoot;
-    Row: typeof TableRow;
-    RowSelect: typeof TableRowSelect;
-    SelectAll: typeof TableSelectAll;
-};
+export { Table, TableRoot, TableBody, TableRow, TableColumnHeader, TableCaption, TableCell, TableHeader, TableFooter, TableRowHeader, } from "./TableShell.js";
 //# sourceMappingURL=Table.d.ts.map

package/dist/components/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAA6B,YAAY,EAAE,MAAM,OAAO,CAAC;AAQlF,OAAO,EACL,SAAS,IAAI,gBAAgB,EAC7B,YAAY,EACZ,SAAS,EACT,iBAAiB,IAAI,wBAAwB,EAC7C,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAGV,cAAc,EACd,aAAa,EACb,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAIhD,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA4DrB;yBA9De,SAAS;;;AAiEzB,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACnD,YAAY,GAAG,IAAI,CAarB;yBAfe,SAAS;;;AAkBzB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,IAAI,CA2FlE;yBA3Fe,QAAQ;;;AAsGxB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,GAC3D,YAAY,GAAG,IAAI,CAoDrB;yBAtDe,iBAAiB;;;AAyDjC,wBAAgB,cAAc,IAAI,YAAY,CAoB7C;yBApBe,cAAc;;;AAuB9B,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,sBAAsB,GAAG,YAAY,CAgB9E;yBAhBe,cAAc;;;AAmB9B,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/components/table/Table.js

@@ -1,275 +1,25 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createElement, useCallback, useMemo, useRef, useSyncExternalStore } from "react";
-import { useIsomorphicLayoutEffect } from "@gunkin/uiify/hooks";
-import { createPartContext } from "@gunkin/uiify/core";
-import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
-import { RovingFocusItem, RovingFocusRoot } from "@gunkin/uiify/core/roving-focus";
-import { useRenderElement } from "@gunkin/uiify/core/render";
-import { Checkbox } from "../checkbox/Checkbox.js";
 import {
-  TableBody as TableBodyElement,
+  Table,
+  TableRoot,
+  TableBody,
+  TableRow,
+  TableColumnHeader,
   TableCaption,
   TableCell,
-  TableColumnHeader as TableColumnHeaderElement,
   TableHeader,
-  TableRow as TableRowElement
+  TableFooter,
+  TableRowHeader
 } from "./TableShell.js";
-import { createTableStore } from "./table-store.js";
-const [TableProvider, useTableContext] = createPartContext("Table");
-function TableRoot(props) {
-  const {
-    as,
-    render,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    defaultSelectedKeys,
-    defaultSortDescriptor,
-    onSelectionChange,
-    onSortChange,
-    selectedKeys,
-    selectionBehavior,
-    selectionMode = "none",
-    sortDescriptor,
-    ...consumerProps
-  } = props;
-  const storeRef = useRef(null);
-  storeRef.current ??= createTableStore({
-    selectionMode,
-    ...defaultSelectedKeys !== void 0 ? { defaultSelectedKeys } : {},
-    ...defaultSortDescriptor !== void 0 ? { defaultSortDescriptor } : {},
-    ...onSelectionChange !== void 0 ? { onSelectionChange } : {},
-    ...onSortChange !== void 0 ? { onSortChange } : {},
-    ...selectedKeys !== void 0 ? { selectedKeys } : {},
-    ...sortDescriptor !== void 0 ? { sortDescriptor } : {},
-    ...selectionBehavior !== void 0 ? { selectionBehavior } : {}
-  });
-  const store = storeRef.current;
-  store.updateOptions({
-    ...onSelectionChange !== void 0 ? { onSelectionChange } : {},
-    ...onSortChange !== void 0 ? { onSortChange } : {},
-    ...selectionBehavior !== void 0 ? { selectionBehavior } : {},
-    selectionMode
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (selectedKeys !== void 0) store.syncSelectedKeys(selectedKeys);
-  }, [selectedKeys, store]);
-  useIsomorphicLayoutEffect(() => {
-    if (sortDescriptor !== void 0) store.syncSortDescriptor(sortDescriptor);
-  }, [sortDescriptor, store]);
-  const interactive = selectionMode !== "none";
-  const contextValue = useMemo(() => ({ interactive, store }), [interactive, store]);
-  const element = useRenderElement({
-    as,
-    defaultTag: "table",
-    props: {
-      ...consumerProps,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      role: interactive ? "grid" : void 0
-    },
-    render,
-    state: {}
-  });
-  return /* @__PURE__ */ jsx(TableProvider, { value: contextValue, children: element });
-}
-TableRoot.displayName = "TableRoot";
-function TableBody(props) {
-  const { interactive } = useTableContext("Body");
-  const { as: _as, render: _render, children, ...consumerProps } = props;
-  if (!interactive) {
-    return /* @__PURE__ */ jsx(TableBodyElement, { ...props });
-  }
-  return /* @__PURE__ */ jsx(RovingFocusRoot, { as: "tbody", loop: true, orientation: "both", ...consumerProps, children });
-}
-TableBody.displayName = "TableBody";
-function TableRow(props) {
-  const { disabled = false, id, as, render, ...consumerProps } = props;
-  const { interactive, store } = useTableContext("Row");
-  useIsomorphicLayoutEffect(() => store.registerRow(id), [id, store]);
-  useIsomorphicLayoutEffect(() => store.setRowDisabled(id, disabled), [id, disabled, store]);
-  const selected = useSyncExternalStore(
-    (listener) => store.subscribeRow(id, listener),
-    () => store.isRowSelected(id),
-    () => false
-  );
-  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps;
-  const handleClick = (event) => {
-    const target = event.target;
-    if (target?.closest("input, button, a, [role='checkbox']")) return;
-    store.toggleRow(id, {
-      disabled,
-      metaKey: event.metaKey || event.ctrlKey,
-      shiftKey: event.shiftKey
-    });
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === " " && interactive) {
-      event.preventDefault();
-      store.toggleRow(id, { disabled });
-    }
-  };
-  if (interactive) {
-    return createElement(RovingFocusItem, {
-      disabled,
-      id,
-      render: (renderProps) => {
-        const { onKeyDown: rovingFocusOnKeyDown, ...restRenderProps } = renderProps;
-        const rowProps2 = {
-          ...consumerProps,
-          ...restRenderProps,
-          "aria-selected": selected,
-          disabled,
-          id,
-          selected,
-          onClick: composeEventHandlers(consumerOnClick, handleClick),
-          onKeyDown: composeEventHandlers(
-            rovingFocusOnKeyDown,
-            composeEventHandlers(consumerOnKeyDown, handleKeyDown)
-          )
-        };
-        if (render) {
-          return createElement(TableRowElement, { ...rowProps2, render });
-        }
-        return createElement(TableRowElement, {
-          ...rowProps2,
-          ...as !== void 0 ? { as } : {}
-        });
-      }
-    });
-  }
-  const rowProps = {
-    ...consumerProps,
-    disabled,
-    id,
-    selected
-  };
-  if (render) {
-    return createElement(TableRowElement, { ...rowProps, render });
-  }
-  return createElement(TableRowElement, {
-    ...rowProps,
-    ...as !== void 0 ? { as } : {}
-  });
-}
-TableRow.displayName = "TableRow";
-function ariaSortForColumn(descriptor, column) {
-  if (!descriptor || descriptor.column !== column) return void 0;
-  return descriptor.direction;
-}
-function TableColumnHeader(props) {
-  const { allowsSorting = false, id, onClick, as, render, ...rest } = props;
-  const { store } = useTableContext("ColumnHeader");
-  const sortDescriptor = useSyncExternalStore(
-    store.subscribeSort,
-    store.getSortSnapshot,
-    store.getServerSortSnapshot
-  );
-  const shared = {
-    ...rest,
-    allowsSorting,
-    id,
-    sortDirection: allowsSorting ? ariaSortForColumn(sortDescriptor, id) ?? null : null
-  };
-  if (allowsSorting) {
-    if (render) {
-      return /* @__PURE__ */ jsx(
-        TableColumnHeaderElement,
-        {
-          ...shared,
-          onClick: () => store.toggleSort(id),
-          render
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      TableColumnHeaderElement,
-      {
-        ...shared,
-        onClick: () => store.toggleSort(id),
-        ...as !== void 0 ? { as } : {}
-      }
-    );
-  }
-  if (render) {
-    return /* @__PURE__ */ jsx(
-      TableColumnHeaderElement,
-      {
-        ...shared,
-        ...onClick !== void 0 ? { onClick } : {},
-        render
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TableColumnHeaderElement,
-    {
-      ...shared,
-      ...onClick !== void 0 ? { onClick } : {},
-      ...as !== void 0 ? { as } : {}
-    }
-  );
-}
-TableColumnHeader.displayName = "TableColumnHeader";
-function TableSelectAll() {
-  const { store } = useTableContext("SelectAll");
-  const selectionState = useSyncExternalStore(
-    store.subscribeSelection,
-    store.getSelectionState,
-    () => "none"
-  );
-  const checked = selectionState === "all" ? true : selectionState === "some" ? "indeterminate" : false;
-  const handleChange = useCallback(() => store.toggleSelectAll(), [store]);
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      id: "table-select-all",
-      label: "Select all rows",
-      checked,
-      onCheckedChange: handleChange
-    }
-  );
-}
-TableSelectAll.displayName = "TableSelectAll";
-function TableRowSelect({ rowId }) {
-  const { store } = useTableContext("RowSelect");
-  const selected = useSyncExternalStore(
-    (listener) => store.subscribeRow(rowId, listener),
-    () => store.isRowSelected(rowId),
-    () => false
-  );
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      id: `table-row-${rowId}`,
-      label: "Select row",
-      checked: selected,
-      onCheckedChange: () => store.toggleRow(rowId)
-    }
-  );
-}
-TableRowSelect.displayName = "TableRowSelect";
-const Table = {
-  Body: TableBody,
-  Caption: TableCaption,
-  Cell: TableCell,
-  ColumnHeader: TableColumnHeader,
-  Header: TableHeader,
-  Root: TableRoot,
-  Row: TableRow,
-  RowSelect: TableRowSelect,
-  SelectAll: TableSelectAll
-};
 export {
   Table,
   TableBody,
   TableCaption,
   TableCell,
   TableColumnHeader,
+  TableFooter,
   TableHeader,
   TableRoot,
   TableRow,
-  TableRowSelect,
-  TableSelectAll
+  TableRowHeader
 };
 //# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["\"use client\";\n\nimport { createElement, useCallback, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport type { ElementType, KeyboardEvent, MouseEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { Checkbox } from \"../checkbox/Checkbox.js\";\nimport type { CheckedState } from \"../checkbox/types.js\";\nimport {\n  TableBody as TableBodyElement,\n  TableCaption,\n  TableCell,\n  TableColumnHeader as TableColumnHeaderElement,\n  TableHeader,\n  TableRow as TableRowElement,\n} from \"./TableShell.js\";\nimport { createTableStore } from \"./table-store.js\";\nimport type {\n  SortDescriptor,\n  TableContextValue,\n  TableRootProps,\n  TableRowProps,\n  TableRowSelectOwnProps,\n  TableStore,\n} from \"./types.js\";\n\nexport type { SelectionMode, SortDescriptor } from \"./types.js\";\n\nexport { TableCaption, TableCell, TableHeader };\n\nconst [TableProvider, useTableContext] = createPartContext<TableContextValue>(\"Table\");\n\nexport function TableRoot<TAs extends ElementType = \"table\">(\n  props: TableRootProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    defaultSelectedKeys,\n    defaultSortDescriptor,\n    onSelectionChange,\n    onSortChange,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode = \"none\",\n    sortDescriptor,\n    ...consumerProps\n  } = props as TableRootProps<\"table\">;\n\n  const storeRef = useRef<TableStore | null>(null);\n  storeRef.current ??= createTableStore({\n    selectionMode,\n    ...(defaultSelectedKeys !== undefined ? { defaultSelectedKeys } : {}),\n    ...(defaultSortDescriptor !== undefined ? { defaultSortDescriptor } : {}),\n    ...(onSelectionChange !== undefined ? { onSelectionChange } : {}),\n    ...(onSortChange !== undefined ? { onSortChange } : {}),\n    ...(selectedKeys !== undefined ? { selectedKeys } : {}),\n    ...(sortDescriptor !== undefined ? { sortDescriptor } : {}),\n    ...(selectionBehavior !== undefined ? { selectionBehavior } : {}),\n  });\n  const store = storeRef.current;\n  store.updateOptions({\n    ...(onSelectionChange !== undefined ? { onSelectionChange } : {}),\n    ...(onSortChange !== undefined ? { onSortChange } : {}),\n    ...(selectionBehavior !== undefined ? { selectionBehavior } : {}),\n    selectionMode,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (selectedKeys !== undefined) store.syncSelectedKeys(selectedKeys);\n  }, [selectedKeys, store]);\n  useIsomorphicLayoutEffect(() => {\n    if (sortDescriptor !== undefined) store.syncSortDescriptor(sortDescriptor);\n  }, [sortDescriptor, store]);\n\n  const interactive = selectionMode !== \"none\";\n  const contextValue = useMemo(() => ({ interactive, store }), [interactive, store]);\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"table\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      role: interactive ? \"grid\" : undefined,\n    },\n    render,\n    state: {},\n  });\n\n  return <TableProvider value={contextValue}>{element}</TableProvider>;\n}\nTableRoot.displayName = \"TableRoot\";\n\nexport function TableBody(\n  props: React.ComponentProps<typeof TableBodyElement>,\n): ReactElement | null {\n  const { interactive } = useTableContext(\"Body\");\n  const { as: _as, render: _render, children, ...consumerProps } = props;\n\n  if (!interactive) {\n    return <TableBodyElement {...props} />;\n  }\n\n  return (\n    <RovingFocusRoot as=\"tbody\" loop orientation=\"both\" {...consumerProps}>\n      {children}\n    </RovingFocusRoot>\n  );\n}\nTableBody.displayName = \"TableBody\";\n\nexport function TableRow(props: TableRowProps): ReactElement | null {\n  const { disabled = false, id, as, render, ...consumerProps } = props;\n  const { interactive, store } = useTableContext(\"Row\");\n  useIsomorphicLayoutEffect(() => store.registerRow(id), [id, store]);\n  useIsomorphicLayoutEffect(() => store.setRowDisabled(id, disabled), [id, disabled, store]);\n\n  const selected = useSyncExternalStore(\n    (listener) => store.subscribeRow(id, listener),\n    () => store.isRowSelected(id),\n    () => false,\n  );\n\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLTableRowElement>) => void;\n  };\n\n  const handleClick = (event: MouseEvent<HTMLTableRowElement>) => {\n    const target = event.target as HTMLElement | null;\n    if (target?.closest(\"input, button, a, [role='checkbox']\")) return;\n    store.toggleRow(id, {\n      disabled,\n      metaKey: event.metaKey || event.ctrlKey,\n      shiftKey: event.shiftKey,\n    });\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLTableRowElement>) => {\n    if (event.key === \" \" && interactive) {\n      event.preventDefault();\n      store.toggleRow(id, { disabled });\n    }\n  };\n\n  if (interactive) {\n    return createElement(RovingFocusItem, {\n      disabled,\n      id,\n      render: (renderProps: Record<string, unknown>) => {\n        // T5 — three-way nested composition. `renderProps` is RovingFocusItem's own\n        // fully-resolved props (id/aria-disabled/data-current/data-disabled/onFocus/\n        // ref/tabIndex, plus its own `onKeyDown` for arrow-key roving + typeahead).\n        // Chain innermost first: roving-focus's onKeyDown runs as the outer layer\n        // (it never calls preventDefault() for Space), then the real consumer's\n        // onKeyDown, then this row's own Space-toggle — preserving Space's today\n        // double duty as both a typeahead character and the row-toggle key.\n        const { onKeyDown: rovingFocusOnKeyDown, ...restRenderProps } = renderProps as Record<\n          string,\n          unknown\n        > & { onKeyDown?: (event: KeyboardEvent<HTMLTableRowElement>) => void };\n\n        const rowProps = {\n          ...consumerProps,\n          ...restRenderProps,\n          \"aria-selected\": selected,\n          disabled,\n          id,\n          selected,\n          onClick: composeEventHandlers(consumerOnClick, handleClick),\n          onKeyDown: composeEventHandlers(\n            rovingFocusOnKeyDown,\n            composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n          ),\n        };\n\n        if (render) {\n          return createElement(TableRowElement, { ...rowProps, render });\n        }\n        return createElement(TableRowElement, {\n          ...rowProps,\n          ...(as !== undefined ? { as } : {}),\n        });\n      },\n    });\n  }\n\n  const rowProps = {\n    ...consumerProps,\n    disabled,\n    id,\n    selected,\n  };\n\n  if (render) {\n    return createElement(TableRowElement, { ...rowProps, render });\n  }\n\n  return createElement(TableRowElement, {\n    ...rowProps,\n    ...(as !== undefined ? { as } : {}),\n  });\n}\nTableRow.displayName = \"TableRow\";\n\nfunction ariaSortForColumn(\n  descriptor: SortDescriptor | null,\n  column: string,\n): SortDescriptor[\"direction\"] | undefined {\n  if (!descriptor || descriptor.column !== column) return undefined;\n  return descriptor.direction;\n}\n\nexport function TableColumnHeader(\n  props: React.ComponentProps<typeof TableColumnHeaderElement>,\n): ReactElement | null {\n  const { allowsSorting = false, id, onClick, as, render, ...rest } = props;\n  const { store } = useTableContext(\"ColumnHeader\");\n  const sortDescriptor = useSyncExternalStore(\n    store.subscribeSort,\n    store.getSortSnapshot,\n    store.getServerSortSnapshot,\n  );\n\n  const shared = {\n    ...rest,\n    allowsSorting,\n    id,\n    sortDirection: allowsSorting ? (ariaSortForColumn(sortDescriptor, id) ?? null) : null,\n  };\n\n  if (allowsSorting) {\n    if (render) {\n      return (\n        <TableColumnHeaderElement\n          {...shared}\n          onClick={() => store.toggleSort(id)}\n          render={render}\n        />\n      );\n    }\n    return (\n      <TableColumnHeaderElement\n        {...shared}\n        onClick={() => store.toggleSort(id)}\n        {...(as !== undefined ? { as } : {})}\n      />\n    );\n  }\n\n  if (render) {\n    return (\n      <TableColumnHeaderElement\n        {...shared}\n        {...(onClick !== undefined ? { onClick } : {})}\n        render={render}\n      />\n    );\n  }\n\n  return (\n    <TableColumnHeaderElement\n      {...shared}\n      {...(onClick !== undefined ? { onClick } : {})}\n      {...(as !== undefined ? { as } : {})}\n    />\n  );\n}\nTableColumnHeader.displayName = \"TableColumnHeader\";\n\nexport function TableSelectAll(): ReactElement {\n  const { store } = useTableContext(\"SelectAll\");\n  const selectionState = useSyncExternalStore(\n    store.subscribeSelection,\n    store.getSelectionState,\n    () => \"none\" as const,\n  );\n  const checked: CheckedState =\n    selectionState === \"all\" ? true : selectionState === \"some\" ? \"indeterminate\" : false;\n\n  const handleChange = useCallback(() => store.toggleSelectAll(), [store]);\n\n  return (\n    <Checkbox\n      id=\"table-select-all\"\n      label=\"Select all rows\"\n      checked={checked}\n      onCheckedChange={handleChange}\n    />\n  );\n}\nTableSelectAll.displayName = \"TableSelectAll\";\n\nexport function TableRowSelect({ rowId }: TableRowSelectOwnProps): ReactElement {\n  const { store } = useTableContext(\"RowSelect\");\n  const selected = useSyncExternalStore(\n    (listener) => store.subscribeRow(rowId, listener),\n    () => store.isRowSelected(rowId),\n    () => false,\n  );\n\n  return (\n    <Checkbox\n      id={`table-row-${rowId}`}\n      label=\"Select row\"\n      checked={selected}\n      onCheckedChange={() => store.toggleRow(rowId)}\n    />\n  );\n}\nTableRowSelect.displayName = \"TableRowSelect\";\n\nexport const Table = {\n  Body: TableBody,\n  Caption: TableCaption,\n  Cell: TableCell,\n  ColumnHeader: TableColumnHeader,\n  Header: TableHeader,\n  Root: TableRoot,\n  Row: TableRow,\n  RowSelect: TableRowSelect,\n  SelectAll: TableSelectAll,\n};\n"],"mappings":"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","names":["rowProps"]}
+{"version":3,"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["export {\n  Table,\n  TableRoot,\n  TableBody,\n  TableRow,\n  TableColumnHeader,\n  TableCaption,\n  TableCell,\n  TableHeader,\n  TableFooter,\n  TableRowHeader,\n} from \"./TableShell.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/table/TableShell.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType, ReactElement } from "react";
-import type { TableBodyProps, TableCaptionProps, TableCellProps, TableRowProps, TableColumnHeaderProps, TableHeaderProps, TableRootProps } from "./types.js";
+import type { TableFooterProps, TableRowHeaderProps, TableBodyProps, TableCaptionProps, TableCellProps, TableRowProps, TableColumnHeaderProps, TableHeaderProps, TableRootProps } from "./types.js";
 export type { SelectionMode, SortDescriptor } from "./types.js";
 export declare function TableRoot<TAs extends ElementType = "table">(props: TableRootProps<TAs>): ReactElement | null;
 export declare function TableHeader<TAs extends ElementType = "thead">(props: TableHeaderProps<TAs>): ReactElement | null;
@@ -8,7 +8,11 @@ export declare function TableRow<TAs extends ElementType = "tr">(props: TableRow
 export declare function TableColumnHeader<TAs extends ElementType = "th">(props: TableColumnHeaderProps<TAs>): ReactElement | null;
 export declare function TableCell<TAs extends ElementType = "td">(props: TableCellProps<TAs>): ReactElement | null;
 export declare function TableCaption<TAs extends ElementType = "caption">(props: TableCaptionProps<TAs>): ReactElement | null;
+export declare function TableFooter<TAs extends ElementType = "tfoot">(props: TableFooterProps<TAs>): ReactElement | null;
+export declare function TableRowHeader<TAs extends ElementType = "th">(props: TableRowHeaderProps<TAs>): ReactElement | null;
 export declare const Table: {
+    Footer: typeof TableFooter;
+    RowHeader: typeof TableRowHeader;
     Body: typeof TableBody;
     Caption: typeof TableCaption;
     Cell: typeof TableCell;

package/dist/components/table/TableShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableShell.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAuBrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC3D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAGrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACrD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CAuBrB;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC9D,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CA0BrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACtD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,EAC9D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CASrB;AAED,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC"}
+{"version":3,"file":"TableShell.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CA2BrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC3D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EACzD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACrD,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CA0BrB;AAED,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC9D,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CA+BrB;AAED,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EACtD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAerB;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,SAAS,EAC9D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,GAAG,IAAI,CASrB;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,OAAO,EAC3D,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CASrB;AACD,wBAAgB,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,IAAI,EAC3D,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC9B,YAAY,GAAG,IAAI,CAerB;AAED,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC"}