@reforma/components 0.0.0-stage → 0.1.0

package/dist/Swatch/Swatch.js

@@ -0,0 +1,173 @@
+import { cn as f } from "@reforma/lib";
+import { useColorSwatch as w } from "react-aria";
+import { Button as N } from "../Button/Button.js";
+import { Show as C } from "../Show/Show.js";
+import { parseColorValue as S } from "../utils/colorValue.js";
+import t from "./Swatch.module.css.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+function u({
+  ref: a,
+  size: o = "sm",
+  isDisabled: e,
+  onPress: l,
+  className: s,
+  children: i,
+  ...c
+}) {
+  if (l) {
+    const {
+      role: m,
+      onClick: d,
+      ...n
+    } = c;
+    return /* @__PURE__ */ r(N, {
+      ...n,
+      ref: a,
+      variant: "inline",
+      color: "inherit",
+      size: "unset",
+      className: f(t.swatch, t.swatchButton, s),
+      "data-size": o,
+      "data-disabled": e || void 0,
+      isDisabled: e,
+      onPress: l,
+      children: i
+    });
+  }
+  return /* @__PURE__ */ r("div", {
+    ref: a,
+    className: f(t.swatch, s),
+    "data-size": o,
+    "data-disabled": e || void 0,
+    ...c,
+    children: i
+  });
+}
+function y({
+  ref: a,
+  color: o,
+  size: e = "sm",
+  isDisabled: l,
+  className: s,
+  slot: i,
+  ...c
+}) {
+  const m = S(o);
+  if (!m) {
+    const {
+      colorName: d,
+      ...n
+    } = c, h = typeof o == "string" ? o.trim() : "";
+    return /* @__PURE__ */ p(u, {
+      ref: a,
+      size: e,
+      isDisabled: l,
+      className: s,
+      ...n,
+      "aria-label": n["aria-label"] ?? (h ? "Selected color" : "No color"),
+      children: [/* @__PURE__ */ r("span", {
+        className: t.checker,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ r(C, {
+        when: h,
+        fallback: /* @__PURE__ */ r("span", {
+          className: t.empty,
+          "aria-hidden": !0
+        }),
+        children: /* @__PURE__ */ r("span", {
+          className: t.cssColor,
+          style: {
+            "--reforma-swatch-value": h
+          },
+          "aria-hidden": !0
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */ r(g, {
+    ref: a,
+    color: m,
+    size: e,
+    isDisabled: l,
+    className: s,
+    ...c
+  });
+}
+function g({
+  ref: a,
+  color: o,
+  size: e,
+  isDisabled: l,
+  className: s,
+  onPress: i,
+  ...c
+}) {
+  const {
+    colorSwatchProps: m,
+    color: d
+  } = w({
+    ...c,
+    color: o
+  }), n = k(d).toString("css"), h = d.toString("css");
+  return /* @__PURE__ */ p(u, {
+    ref: a,
+    size: e,
+    isDisabled: l,
+    className: s,
+    ...m,
+    onPress: i,
+    children: [/* @__PURE__ */ r("span", {
+      className: t.checker,
+      "aria-hidden": !0
+    }), /* @__PURE__ */ p("span", {
+      className: t.colorFill,
+      "aria-hidden": !0,
+      children: [/* @__PURE__ */ r("span", {
+        className: t.colorHalf,
+        "data-side": "left",
+        style: {
+          "--reforma-swatch-value": n
+        }
+      }), /* @__PURE__ */ r("span", {
+        className: t.colorHalf,
+        "data-side": "right",
+        style: {
+          "--reforma-swatch-value": h
+        }
+      })]
+    })]
+  });
+}
+function v({
+  src: a,
+  alt: o = "",
+  ...e
+}) {
+  return /* @__PURE__ */ r(u, {
+    ...e,
+    children: a ? /* @__PURE__ */ r("img", {
+      className: t.image,
+      src: a,
+      alt: o
+    }) : /* @__PURE__ */ r("span", {
+      className: t.empty,
+      "aria-hidden": !0
+    })
+  });
+}
+function k(a) {
+  try {
+    return a.withChannelValue("alpha", 1);
+  } catch {
+    return a;
+  }
+}
+u.displayName = "Swatch";
+y.displayName = "ColorSwatch";
+v.displayName = "ImageSwatch";
+export {
+  y as ColorSwatch,
+  v as ImageSwatch,
+  u as Swatch
+};
+//# sourceMappingURL=Swatch.js.map

package/dist/Swatch/Swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.js","sources":["../../src/Swatch/Swatch.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useColorSwatch } from 'react-aria';\n\nimport { Button } from '../Button';\nimport { Show } from '../Show';\nimport { parseColorValue } from '../utils/colorValue';\nimport styles from './Swatch.module.css';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { AriaColorSwatchProps } from 'react-aria';\nimport type { Color } from 'react-stately';\nimport type { ButtonProps } from '../Button';\nimport type { InputSize } from '../Input';\n\nexport type SwatchSize = InputSize;\n\nexport interface SwatchProps extends HTMLAttributes<HTMLDivElement> {\n    ref?: Ref<HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | null>;\n    size?: SwatchSize;\n    isDisabled?: boolean;\n    onPress?: ButtonProps['onPress'];\n    children?: ReactNode;\n}\n\nexport interface ColorSwatchProps extends Omit<AriaColorSwatchProps, 'color'> {\n    ref?: Ref<HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | null>;\n    slot?: string;\n    color?: string | Color | null;\n    size?: SwatchSize;\n    isDisabled?: boolean;\n    className?: string;\n    onPress?: ButtonProps['onPress'];\n}\n\nexport interface ImageSwatchProps extends Omit<SwatchProps, 'children'> {\n    src?: string | null;\n    alt?: string;\n}\n\nexport function Swatch({\n    ref,\n    size = 'sm',\n    isDisabled,\n    onPress,\n    className,\n    children,\n    ...props\n}: SwatchProps) {\n    if (onPress) {\n        const { role: _role, onClick: _onClick, ...buttonProps } = props;\n\n        return (\n            <Button\n                { ...(buttonProps as ButtonProps) }\n                ref={ ref as Ref<HTMLButtonElement | HTMLAnchorElement | null> }\n                variant=\"inline\"\n                color=\"inherit\"\n                size=\"unset\"\n                className={ cn(styles.swatch, styles.swatchButton, className) }\n                data-size={ size }\n                data-disabled={ isDisabled || undefined }\n                isDisabled={ isDisabled }\n                onPress={ onPress }\n            >\n                { children }\n            </Button>\n        );\n    }\n\n    return (\n        <div\n            ref={ ref as Ref<HTMLDivElement | null> }\n            className={ cn(styles.swatch, className) }\n            data-size={ size }\n            data-disabled={ isDisabled || undefined }\n            { ...props }\n        >\n            { children }\n        </div>\n    );\n}\n\nexport function ColorSwatch({\n    ref,\n    color,\n    size = 'sm',\n    isDisabled,\n    className,\n    slot: _slot,\n    ...props\n}: ColorSwatchProps) {\n    const parsedColor = parseColorValue(color);\n\n    if (!parsedColor) {\n        const { colorName: _colorName, ...domProps } = props;\n        const css = typeof color === 'string' ? color.trim() : '';\n\n        return (\n            <Swatch\n                ref={ ref }\n                size={ size }\n                isDisabled={ isDisabled }\n                className={ className }\n                { ...domProps }\n                aria-label={ domProps['aria-label'] ?? (css ? 'Selected color' : 'No color') }\n            >\n                <span className={ styles.checker } aria-hidden />\n                <Show\n                    when={ css }\n                    fallback={ <span className={ styles.empty } aria-hidden /> }\n                >\n                    <span\n                        className={ styles.cssColor }\n                        style={ { '--reforma-swatch-value': css } as CSSProperties }\n                        aria-hidden\n                    />\n                </Show>\n            </Swatch>\n        );\n    }\n\n    return (\n        <ColorSwatchInner\n            ref={ ref }\n            color={ parsedColor }\n            size={ size }\n            isDisabled={ isDisabled }\n            className={ className }\n            { ...props }\n        />\n    );\n}\n\nfunction ColorSwatchInner({\n    ref,\n    color,\n    size,\n    isDisabled,\n    className,\n    onPress,\n    ...props\n}: Omit<ColorSwatchProps, 'color' | 'slot'> & { color: Color }) {\n    const { colorSwatchProps, color: parsedColor } = useColorSwatch({\n        ...props,\n        color,\n    });\n    const opaqueColor = withOpaqueAlpha(parsedColor).toString('css');\n    const alphaColor = parsedColor.toString('css');\n\n    return (\n        <Swatch\n            ref={ ref }\n            size={ size }\n            isDisabled={ isDisabled }\n            className={ className }\n            { ...colorSwatchProps }\n            onPress={ onPress }\n        >\n            <span className={ styles.checker } aria-hidden />\n            <span className={ styles.colorFill } aria-hidden>\n                <span\n                    className={ styles.colorHalf }\n                    data-side=\"left\"\n                    style={ { '--reforma-swatch-value': opaqueColor } as CSSProperties }\n                />\n                <span\n                    className={ styles.colorHalf }\n                    data-side=\"right\"\n                    style={ { '--reforma-swatch-value': alphaColor } as CSSProperties }\n                />\n            </span>\n        </Swatch>\n    );\n}\n\nexport function ImageSwatch({\n    src,\n    alt = '',\n    ...props\n}: ImageSwatchProps) {\n    return (\n        <Swatch { ...props }>\n            {\n                src\n                    ? <img className={ styles.image } src={ src } alt={ alt } />\n                    : <span className={ styles.empty } aria-hidden />\n            }\n        </Swatch>\n    );\n}\n\nfunction withOpaqueAlpha(color: Color): Color {\n    try {\n        return color.withChannelValue('alpha', 1);\n    }\n    catch {\n        return color;\n    }\n}\n\nSwatch.displayName = 'Swatch';\nColorSwatch.displayName = 'ColorSwatch';\nImageSwatch.displayName = 'ImageSwatch';\n"],"names":["Swatch","ref","size","isDisabled","onPress","className","children","props","_role","_onClick","buttonProps","Button","cn","styles","ColorSwatch","color","_slot","parsedColor","parseColorValue","_colorName","domProps","css","_jsx","Show","ColorSwatchInner","colorSwatchProps","useColorSwatch","opaqueColor","withOpaqueAlpha","alphaColor","_jsxs","ImageSwatch","src","alt"],"mappings":"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"}

package/dist/Swatch/Swatch.module.css

@@ -0,0 +1 @@
+@layer components{.Swatch_swatch_qCUPeo{--reforma-swatch-size: var(--spacing-22);--reforma-swatch-radius: var(--radius-sm);--reforma-swatch-border-width: var(--spacing-1);--reforma-swatch-bg: var(--color-surface);--reforma-swatch-checker-color: var(--color-dark);--reforma-swatch-checker-size: var(--spacing-4);display:inline-flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;border-radius:calc(var(--reforma-swatch-radius) * var(--squircle-radius-factor));width:var(--reforma-swatch-size);height:var(--reforma-swatch-size);overflow:hidden;corner-shape:superellipse(var(--squircle-value));background:var(--reforma-swatch-bg);color:var(--color-secondary-content)}.Swatch_swatch_qCUPeo:after{position:absolute;box-sizing:border-box;inset:0;border:var(--reforma-swatch-border-width) solid var(--color-secondary-muted-border);border-radius:inherit;content:"";corner-shape:inherit;z-index:2;pointer-events:none}.Swatch_swatch_qCUPeo[data-size=xs]{--reforma-swatch-size: var(--spacing-16);--reforma-swatch-radius: var(--radius-xs)}.Swatch_swatch_qCUPeo[data-size=sm]{--reforma-swatch-size: var(--spacing-22);--reforma-swatch-radius: var(--radius-sm)}.Swatch_swatch_qCUPeo[data-size=md]{--reforma-swatch-size: var(--spacing-24);--reforma-swatch-radius: var(--radius-sm)}.Swatch_swatch_qCUPeo[data-size=lg]{--reforma-swatch-size: var(--spacing-32);--reforma-swatch-radius: var(--radius-md)}.Swatch_swatch_qCUPeo[data-disabled]{opacity:var(--opacity-disabled)}.Swatch_swatchButton_eFfRiH{padding:0;line-height:1}.Swatch_swatchButton_eFfRiH[data-variant=inline][data-size=unset]{width:var(--reforma-swatch-size);min-width:var(--reforma-swatch-size);height:var(--reforma-swatch-size)}.Swatch_checker_dcbSSz{position:absolute;opacity:.1;z-index:0;inset:0;background:repeating-conic-gradient(var(--reforma-swatch-checker-color) 0% 25%,transparent 0% 50%) 0 0 / var(--reforma-swatch-checker-size) var(--reforma-swatch-checker-size),var(--color-white)}.Swatch_colorFill_CCuUWy,.Swatch_image_KghZql{position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;z-index:1;pointer-events:none}.Swatch_colorFill_CCuUWy{display:flex;overflow:hidden}.Swatch_colorHalf_gOLYjC{flex:1 1 0;background:var(--reforma-swatch-value, transparent)}.Swatch_cssColor_QSg7uA{position:absolute;z-index:1;inset:0;background:var(--reforma-swatch-value, transparent)}.Swatch_image_KghZql{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Swatch_empty_US34Lh{position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;z-index:1;background:var(--color-secondary-muted-light)}}

package/dist/Swatch/Swatch.module.css.js

@@ -0,0 +1,22 @@
+const c = "Swatch_swatch_qCUPeo", t = "Swatch_swatchButton_eFfRiH", o = "Swatch_checker_dcbSSz", s = "Swatch_colorFill_CCuUWy", a = "Swatch_image_KghZql", l = "Swatch_colorHalf_gOLYjC", h = "Swatch_cssColor_QSg7uA", e = "Swatch_empty_US34Lh", _ = {
+  swatch: c,
+  swatchButton: t,
+  checker: o,
+  colorFill: s,
+  image: a,
+  colorHalf: l,
+  cssColor: h,
+  empty: e
+};
+export {
+  o as checker,
+  s as colorFill,
+  l as colorHalf,
+  h as cssColor,
+  _ as default,
+  e as empty,
+  a as image,
+  c as swatch,
+  t as swatchButton
+};
+//# sourceMappingURL=Swatch.module.css.js.map

package/dist/Swatch/Swatch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/Swatch/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorSwatch, ImageSwatch, Swatch, } from './Swatch';
+export type { ColorSwatchProps, ImageSwatchProps, SwatchProps, SwatchSize, } from './Swatch';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Swatch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,WAAW,EACX,MAAM,GACT,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,GACb,MAAM,UAAU,CAAC"}

package/dist/Swatch/index.js

@@ -0,0 +1,7 @@
+import { ColorSwatch as t, ImageSwatch as c, Swatch as h } from "./Swatch.js";
+export {
+  t as ColorSwatch,
+  c as ImageSwatch,
+  h as Swatch
+};
+//# sourceMappingURL=index.js.map

package/dist/Swatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,14 @@
+import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
+import type { ReactNode } from 'react';
+export type SwitchSize = 'sm' | 'md' | 'lg';
+export interface SwitchProps extends Omit<RACSwitchProps, 'children'> {
+    size?: SwitchSize;
+    className?: string;
+    children?: ReactNode;
+    isPending?: boolean;
+}
+export declare function Switch(props: SwitchProps): import("react").JSX.Element;
+export declare namespace Switch {
+    var displayName: string;
+}
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOhG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BA8BxC;yBA9Be,MAAM"}

package/dist/Switch/Switch.js

@@ -0,0 +1,44 @@
+import { cn as c } from "@reforma/lib";
+import { Switch as d } from "react-aria-components";
+import { Show as l } from "../Show/Show.js";
+import { useSlotContextProps as p } from "../Slot/Slot.js";
+import { Spinner as h } from "../Spinner/Spinner.js";
+import r from "./Switch.module.css.js";
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+function w(e) {
+  const {
+    size: a = "md",
+    className: n,
+    children: o,
+    isPending: i,
+    isReadOnly: t,
+    ...m
+  } = p(e);
+  return /* @__PURE__ */ f(d, {
+    ...m,
+    className: c(r.root, n),
+    "data-size": a,
+    "data-pending": i || void 0,
+    isReadOnly: t || i,
+    "aria-busy": i || void 0,
+    children: [/* @__PURE__ */ s("span", {
+      className: r.track,
+      children: /* @__PURE__ */ s("span", {
+        className: r.handle,
+        children: /* @__PURE__ */ s(l, {
+          when: i,
+          children: /* @__PURE__ */ s(h, {
+            size: "inherit",
+            className: r.spinner,
+            "aria-hidden": "true"
+          })
+        })
+      })
+    }), o]
+  });
+}
+w.displayName = "Switch";
+export {
+  w as Switch
+};
+//# sourceMappingURL=Switch.js.map

package/dist/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { Switch as RACSwitch, type SwitchProps as RACSwitchProps } from 'react-aria-components';\n\nimport { Show } from '../Show';\nimport { useSlotContextProps } from '../Slot';\nimport { Spinner } from '../Spinner';\nimport styles from './Switch.module.css';\n\nimport type { ReactNode } from 'react';\n\nexport type SwitchSize = 'sm' | 'md' | 'lg';\n\nexport interface SwitchProps extends Omit<RACSwitchProps, 'children'> {\n    size?: SwitchSize;\n    className?: string;\n    children?: ReactNode;\n    isPending?: boolean;\n}\n\nexport function Switch(props: SwitchProps) {\n    const {\n        size = 'md',\n        className,\n        children,\n        isPending,\n        isReadOnly,\n        ...switchProps\n    } = useSlotContextProps(props);\n\n    return (\n        <RACSwitch\n            { ...switchProps }\n            className={ cn(styles.root, className) }\n            data-size={ size }\n            data-pending={ isPending || undefined }\n            isReadOnly={ isReadOnly || isPending }\n            aria-busy={ isPending || undefined }\n        >\n            <span className={ styles.track }>\n                <span className={ styles.handle }>\n                    <Show when={ isPending }>\n                        <Spinner size=\"inherit\" className={ styles.spinner } aria-hidden=\"true\" />\n                    </Show>\n                </span>\n            </span>\n\n            { children }\n        </RACSwitch>\n    );\n}\n\nSwitch.displayName = 'Switch';\n"],"names":["Switch","props","size","className","children","isPending","isReadOnly","switchProps","useSlotContextProps","RACSwitch","cn","styles","_jsx","Show","Spinner"],"mappings":";;;;;;;AAOO,SAASA,EAAOC,GAAO;AAC5B,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBP,CAAK;AAC7B,2BAA0BQ,GAAW;AAAA,IACnC,GAAGF;AAAA,IACH,WAAWG,EAAGC,EAAO,MAAMR,CAAS;AAAA,IACpC,aAAaD;AAAA,IACb,gBAAgBG,KAAa;AAAA,IAC7B,YAAYC,KAAcD;AAAA,IAC1B,aAAaA,KAAa;AAAA,IAC1B,UAAU,CAAcO,gBAAAA,EAAK,QAAQ;AAAA,MACnC,WAAWD,EAAO;AAAA,MAClB,4BAA4B,QAAQ;AAAA,QAClC,WAAWA,EAAO;AAAA,QAClB,4BAA4BE,GAAM;AAAA,UAChC,MAAMR;AAAA,UACN,4BAA4BS,GAAS;AAAA,YACnC,MAAM;AAAA,YACN,WAAWH,EAAO;AAAA,YAClB,eAAe;AAAA,UAAA,CAChB;AAAA,QAAA,CACF;AAAA,MAAA,CACF;AAAA,IAAA,CACF,GAAGP,CAAQ;AAAA,EAAA,CACb;AACH;AACAJ,EAAO,cAAc;"}

package/dist/Switch/Switch.module.css

@@ -0,0 +1 @@
+@layer components{.Switch_root_c8odJQ{--reforma-switch-track-width: var(--spacing-36);--reforma-switch-track-height: var(--spacing-20);--reforma-switch-track-padding: var(--spacing-xxs);--reforma-switch-handle-size: var(--spacing-16);display:inline-flex;position:relative;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;outline:none;user-select:none}.Switch_root_c8odJQ:focus-visible .Switch_track_HJ8k0b{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Switch_track_HJ8k0b{position:relative;flex-shrink:0;transition-duration:var(--transition-duration-fast);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out);border-radius:var(--radius-full);padding:var(--reforma-switch-track-padding);width:var(--reforma-switch-track-width);height:var(--reforma-switch-track-height)}.Switch_handle_gQ2ueA{display:flex;justify-content:center;align-items:center;transform-origin:left center;transition:transform var(--transition-duration-fast) var(--ease-in-out);box-shadow:0 1px var(--spacing-2) var(--color-dark-a15);border-radius:var(--radius-full);background-color:var(--color-white);width:var(--reforma-switch-handle-size);height:var(--reforma-switch-handle-size)}.Switch_spinner_HTg8hX{--spinner-size: calc(var(--reforma-switch-handle-size) * .6);--spinner-width: 1px;--spinner-color: var(--color-primary)}.Switch_root_c8odJQ[data-selected=true] .Switch_handle_gQ2ueA{transform:translate(calc(var(--reforma-switch-track-width) - var(--reforma-switch-handle-size) - var(--reforma-switch-track-padding) * 2))}.Switch_root_c8odJQ[data-size=sm]{--reforma-switch-track-width: var(--spacing-28);--reforma-switch-track-height: var(--spacing-16);--reforma-switch-track-padding: var(--spacing-xxs);--reforma-switch-handle-size: var(--spacing-12);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Switch_root_c8odJQ[data-size=md]{--reforma-switch-track-width: var(--spacing-32);--reforma-switch-track-height: var(--spacing-18);--reforma-switch-track-padding: var(--spacing-xxs);--reforma-switch-handle-size: var(--spacing-14);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Switch_root_c8odJQ[data-size=lg]{--reforma-switch-track-width: var(--spacing-36);--reforma-switch-track-height: var(--spacing-20);--reforma-switch-track-padding: var(--spacing-xxs);--reforma-switch-handle-size: var(--spacing-16);font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Switch_track_HJ8k0b{box-shadow:inset 0 1px var(--spacing-2) var(--color-dark-a5);background-color:var(--color-secondary-muted)}.Switch_root_c8odJQ[data-hovered=true]:not([data-disabled=true]) .Switch_track_HJ8k0b{background-color:var(--color-secondary-muted)}.Switch_root_c8odJQ[data-pressed=true]:not([data-disabled=true]) .Switch_track_HJ8k0b{background-color:var(--color-secondary-muted-light)}.Switch_root_c8odJQ[data-selected=true] .Switch_track_HJ8k0b{box-shadow:inset 0 1px 2px var(--color-dark-a15);background-color:var(--color-primary)}.Switch_root_c8odJQ[data-selected=true][data-hovered=true]:not([data-disabled=true]) .Switch_track_HJ8k0b{background-color:var(--color-primary-light)}.Switch_root_c8odJQ[data-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Switch_root_c8odJQ[data-readonly=true]:not([data-pending=true]) .Switch_track_HJ8k0b{background-color:var(--color-secondary-muted-light);pointer-events:none}.Switch_root_c8odJQ[data-selected=true][data-readonly=true]:not([data-pending=true]) .Switch_track_HJ8k0b{background-color:var(--color-primary-light);pointer-events:none}.Switch_root_c8odJQ[data-pending=true]{cursor:progress;pointer-events:none}}

package/dist/Switch/Switch.module.css.js

@@ -0,0 +1,14 @@
+const t = "Switch_root_c8odJQ", n = "Switch_track_HJ8k0b", c = "Switch_handle_gQ2ueA", o = "Switch_spinner_HTg8hX", s = {
+  root: t,
+  track: n,
+  handle: c,
+  spinner: o
+};
+export {
+  s as default,
+  c as handle,
+  t as root,
+  o as spinner,
+  n as track
+};
+//# sourceMappingURL=Switch.module.css.js.map

package/dist/Switch/Switch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch, type SwitchProps, type SwitchSize } from './Switch';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/Switch/index.js

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

package/dist/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Table/Table.d.ts

@@ -0,0 +1,50 @@
+import { type CellProps as RACCellProps, type ColumnProps as RACColumnProps, type RowProps as RACRowProps, type TableBodyProps as RACTableBodyProps, type TableFooterProps as RACTableFooterProps, type TableHeaderProps as RACTableHeaderProps, type TableProps as RACTableProps } from 'react-aria-components';
+import type { Ref } from 'react';
+export type TableSize = 'xs' | 'sm' | 'md';
+export type TableAlign = 'start' | 'center' | 'end';
+export interface TableProps extends RACTableProps {
+    size?: TableSize;
+    /** Cap the scroller. Header sticks while rows scroll. */
+    maxHeight?: number | string;
+    scrollClassName?: string;
+    scrollRef?: Ref<HTMLDivElement>;
+}
+export interface TableHeadProps extends RACColumnProps {
+    align?: TableAlign;
+}
+export interface TableCellProps extends RACCellProps {
+    align?: TableAlign;
+}
+export type TableHeaderProps<T extends object = object> = RACTableHeaderProps<T>;
+export type TableBodyProps<T extends object = object> = RACTableBodyProps<T>;
+export type TableFooterProps<T extends object = object> = RACTableFooterProps<T>;
+export type TableRowProps<T extends object = object> = RACRowProps<T>;
+export declare function Table({ size, selectionMode, className, scrollClassName, scrollRef, maxHeight, ...props }: TableProps): import("react").JSX.Element;
+export declare namespace Table {
+    var displayName: string;
+}
+export declare function TableHeader<T extends object>({ className, ...props }: TableHeaderProps<T>): import("react").JSX.Element;
+export declare namespace TableHeader {
+    var displayName: string;
+}
+export declare function TableBody<T extends object>({ className, ...props }: TableBodyProps<T>): import("react").JSX.Element;
+export declare namespace TableBody {
+    var displayName: string;
+}
+export declare function TableFooter<T extends object>({ className, ...props }: TableFooterProps<T>): import("react").JSX.Element;
+export declare namespace TableFooter {
+    var displayName: string;
+}
+export declare function TableHead({ align, className, children, onFocus, ...props }: TableHeadProps): import("react").JSX.Element;
+export declare namespace TableHead {
+    var displayName: string;
+}
+export declare function TableRow<T extends object>({ className, ...props }: TableRowProps<T>): import("react").JSX.Element;
+export declare namespace TableRow {
+    var displayName: string;
+}
+export declare function TableCell({ align, className, onFocus, ...props }: TableCellProps): import("react").JSX.Element;
+export declare namespace TableCell {
+    var displayName: string;
+}
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAGA,OAAO,EASH,KAAK,SAAS,IAAI,YAAY,EAC9B,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,QAAQ,IAAI,WAAW,EAC5B,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,gBAAgB,IAAI,mBAAmB,EAC5C,KAAK,gBAAgB,IAAI,mBAAmB,EAC5C,KAAK,UAAU,IAAI,aAAa,EACnC,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IAClD,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,YAAY;IAChD,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AACjF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAC7E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AACjF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;AAWtE,wBAAgB,KAAK,CAAC,EAClB,IAAW,EACX,aAAsB,EACtB,SAAS,EACT,eAAe,EACf,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACX,EAAE,UAAU,+BA2BZ;yBAnCe,KAAK;;;AAqCrB,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAEzF;yBAFe,WAAW;;;AAI3B,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,+BAErF;yBAFe,SAAS;;;AAIzB,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAEzF;yBAFe,WAAW;;;AAI3B,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,cAAc,+BAiChB;yBAvCe,SAAS;;;AAyCzB,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,+BAEnF;yBAFe,QAAQ;;;AAIxB,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACX,EAAE,cAAc,+BAiBhB;yBAtBe,SAAS"}

package/dist/Table/Table.js

@@ -0,0 +1,146 @@
+import { ChevronUp as y, ChevronDown as h } from "@reforma/icons/8";
+import { cn as s } from "@reforma/lib";
+import { use as p, createContext as C } from "react";
+import { Table as w, composeRenderProps as c, TableBody as v, Cell as F, TableFooter as R, Column as g, TableHeader as x, Row as S } from "react-aria-components";
+import { Scrollable as $ } from "../Scrollable/Scrollable.js";
+import o from "./Table.module.css.js";
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+const u = /* @__PURE__ */ C(!0);
+function f(a) {
+  a.target === a.currentTarget && a.currentTarget.blur();
+}
+function B({
+  size: a = "sm",
+  selectionMode: e = "none",
+  className: t,
+  scrollClassName: m,
+  scrollRef: i,
+  maxHeight: r,
+  ...n
+}) {
+  const b = e !== "none" || n.onRowAction != null, d = r != null;
+  return /* @__PURE__ */ l(u, {
+    value: !b,
+    children: /* @__PURE__ */ l($, {
+      containerRef: i,
+      className: s(o.viewport, m),
+      contentClass: o.viewportContent,
+      horizontal: !0,
+      vertical: d,
+      "data-max-height": d ? "" : void 0,
+      style: d ? {
+        maxHeight: typeof r == "number" ? `${r}px` : r
+      } : void 0,
+      children: /* @__PURE__ */ l(w, {
+        ...n,
+        selectionMode: e,
+        "data-size": a,
+        "data-interactive": b || void 0,
+        className: c(t, (N) => s(o.table, N))
+      })
+    })
+  });
+}
+function H({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ l(x, {
+    ...e,
+    className: c(a, (t) => s(o.header, t))
+  });
+}
+function j({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ l(v, {
+    ...e,
+    className: c(a, (t) => s(o.body, t))
+  });
+}
+function z({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ l(R, {
+    ...e,
+    className: s(o.footer, a)
+  });
+}
+function D({
+  align: a,
+  className: e,
+  children: t,
+  onFocus: m,
+  ...i
+}) {
+  const r = p(u);
+  return /* @__PURE__ */ l(g, {
+    ...i,
+    "data-align": a,
+    className: c(e, (n) => s(o.head, n)),
+    onFocus: (n) => {
+      m?.(n), r && !i.allowsSorting && f(n);
+    },
+    children: typeof t == "function" ? t : ({
+      allowsSorting: n
+    }) => /* @__PURE__ */ T("span", {
+      className: o.headInner,
+      children: [/* @__PURE__ */ l("span", {
+        className: o.headLabel,
+        children: t
+      }), n ? /* @__PURE__ */ T("span", {
+        className: o.sort,
+        "aria-hidden": !0,
+        children: [/* @__PURE__ */ l(y, {
+          className: o.sortUp
+        }), /* @__PURE__ */ l(h, {
+          className: o.sortDown
+        })]
+      }) : null]
+    })
+  });
+}
+function U({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ l(S, {
+    ...e,
+    className: c(a, (t) => s(o.row, t))
+  });
+}
+function A({
+  align: a,
+  className: e,
+  onFocus: t,
+  ...m
+}) {
+  const i = p(u);
+  return /* @__PURE__ */ l(F, {
+    ...m,
+    "data-align": a,
+    className: c(e, (r) => s(o.cell, r)),
+    onFocus: (r) => {
+      t?.(r), i && f(r);
+    }
+  });
+}
+B.displayName = "Table";
+H.displayName = "TableHeader";
+j.displayName = "TableBody";
+z.displayName = "TableFooter";
+D.displayName = "TableHead";
+U.displayName = "TableRow";
+A.displayName = "TableCell";
+export {
+  B as Table,
+  j as TableBody,
+  A as TableCell,
+  z as TableFooter,
+  D as TableHead,
+  H as TableHeader,
+  U as TableRow
+};
+//# sourceMappingURL=Table.js.map

package/dist/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../src/Table/Table.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from '@reforma/icons/8';\nimport { cn } from '@reforma/lib';\nimport { createContext, use, type FocusEvent } from 'react';\nimport {\n    composeRenderProps,\n    Cell as RACCell,\n    Column as RACColumn,\n    Row as RACRow,\n    Table as RACTable,\n    TableBody as RACTableBody,\n    TableFooter as RACTableFooter,\n    TableHeader as RACTableHeader,\n    type CellProps as RACCellProps,\n    type ColumnProps as RACColumnProps,\n    type RowProps as RACRowProps,\n    type TableBodyProps as RACTableBodyProps,\n    type TableFooterProps as RACTableFooterProps,\n    type TableHeaderProps as RACTableHeaderProps,\n    type TableProps as RACTableProps,\n} from 'react-aria-components';\n\nimport { Scrollable } from '../Scrollable';\nimport styles from './Table.module.css';\n\nimport type { Ref } from 'react';\n\nexport type TableSize = 'xs' | 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\n\nexport interface TableProps extends RACTableProps {\n    size?: TableSize;\n    /** Cap the scroller. Header sticks while rows scroll. */\n    maxHeight?: number | string;\n    scrollClassName?: string;\n    scrollRef?: Ref<HTMLDivElement>;\n}\n\nexport interface TableHeadProps extends RACColumnProps {\n    align?: TableAlign;\n}\n\nexport interface TableCellProps extends RACCellProps {\n    align?: TableAlign;\n}\n\nexport type TableHeaderProps<T extends object = object> = RACTableHeaderProps<T>;\nexport type TableBodyProps<T extends object = object> = RACTableBodyProps<T>;\nexport type TableFooterProps<T extends object = object> = RACTableFooterProps<T>;\nexport type TableRowProps<T extends object = object> = RACRowProps<T>;\n\n/** When true, cell/column chrome must not keep focus (display tables). */\nconst TableStaticContext = createContext(true);\n\nfunction rejectChromeFocus(event: FocusEvent<HTMLElement>) {\n    if (event.target === event.currentTarget) {\n        event.currentTarget.blur();\n    }\n}\n\nexport function Table({\n    size = 'sm',\n    selectionMode = 'none',\n    className,\n    scrollClassName,\n    scrollRef,\n    maxHeight,\n    ...props\n}: TableProps) {\n    const interactive = selectionMode !== 'none' || props.onRowAction != null;\n    const cap = maxHeight != null;\n\n    return (\n        <TableStaticContext value={ !interactive }>\n            <Scrollable\n                containerRef={ scrollRef }\n                className={ cn(styles.viewport, scrollClassName) }\n                contentClass={ styles.viewportContent }\n                horizontal\n                vertical={ cap }\n                data-max-height={ cap ? '' : undefined }\n                style={ cap\n                    ? { maxHeight: typeof maxHeight === 'number' ? `${ maxHeight }px` : maxHeight }\n                    : undefined }\n            >\n                <RACTable\n                    { ...props }\n                    selectionMode={ selectionMode }\n                    data-size={ size }\n                    data-interactive={ interactive || undefined }\n                    className={ composeRenderProps(className, className => cn(styles.table, className)) }\n                />\n            </Scrollable>\n        </TableStaticContext>\n    );\n}\n\nexport function TableHeader<T extends object>({ className, ...props }: TableHeaderProps<T>) {\n    return <RACTableHeader { ...props } className={ composeRenderProps(className, className => cn(styles.header, className)) } />;\n}\n\nexport function TableBody<T extends object>({ className, ...props }: TableBodyProps<T>) {\n    return <RACTableBody { ...props } className={ composeRenderProps(className, className => cn(styles.body, className)) } />;\n}\n\nexport function TableFooter<T extends object>({ className, ...props }: TableFooterProps<T>) {\n    return <RACTableFooter { ...props } className={ cn(styles.footer, className) } />;\n}\n\nexport function TableHead({\n    align,\n    className,\n    children,\n    onFocus,\n    ...props\n}: TableHeadProps) {\n    const isStatic = use(TableStaticContext);\n\n    return (\n        <RACColumn\n            { ...props }\n            data-align={ align }\n            className={ composeRenderProps(className, className => cn(styles.head, className)) }\n            onFocus={ (event) => {\n                onFocus?.(event);\n\n                if (isStatic && !props.allowsSorting) {\n                    rejectChromeFocus(event);\n                }\n            } }\n        >\n            { typeof children === 'function'\n                ? children\n                : ({ allowsSorting }) => (\n                    <span className={ styles.headInner }>\n                        <span className={ styles.headLabel }>{ children }</span>\n                        { allowsSorting\n                            ? (\n                                <span className={ styles.sort } aria-hidden>\n                                    <ChevronUp className={ styles.sortUp } />\n                                    <ChevronDown className={ styles.sortDown } />\n                                </span>\n                            )\n                            : null }\n                    </span>\n                ) }\n        </RACColumn>\n    );\n}\n\nexport function TableRow<T extends object>({ className, ...props }: TableRowProps<T>) {\n    return <RACRow { ...props } className={ composeRenderProps(className, className => cn(styles.row, className)) } />;\n}\n\nexport function TableCell({\n    align,\n    className,\n    onFocus,\n    ...props\n}: TableCellProps) {\n    const isStatic = use(TableStaticContext);\n\n    return (\n        <RACCell\n            { ...props }\n            data-align={ align }\n            className={ composeRenderProps(className, className => cn(styles.cell, className)) }\n            onFocus={ (event) => {\n                onFocus?.(event);\n\n                if (isStatic) {\n                    rejectChromeFocus(event);\n                }\n            } }\n        />\n    );\n}\n\nTable.displayName = 'Table';\nTableHeader.displayName = 'TableHeader';\nTableBody.displayName = 'TableBody';\nTableFooter.displayName = 'TableFooter';\nTableHead.displayName = 'TableHead';\nTableRow.displayName = 'TableRow';\nTableCell.displayName = 'TableCell';\n"],"names":["TableStaticContext","rejectChromeFocus","event","Table","size","selectionMode","className","scrollClassName","scrollRef","maxHeight","props","interactive","cap","Scrollable","cn","styles","RACTable","composeRenderProps","TableHeader","RACTableHeader","TableBody","RACTableBody","TableFooter","RACTableFooter","TableHead","align","children","onFocus","isStatic","use","RACColumn","allowsSorting","_jsx","_jsxs","ChevronUp","ChevronDown","TableRow","RACRow","TableCell","RACCell"],"mappings":"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"}

package/dist/Table/Table.module.css

@@ -0,0 +1 @@
+@layer components{.Table_viewport_HIWKfO{width:100%;min-width:0}.Table_viewportContent_2C4tiZ{min-width:100%}.Table_table_lEwZKi{outline:none;border-collapse:separate;border-spacing:0;width:100%}.Table_head_Hk88Wn,.Table_cell_OhrfMn{vertical-align:middle;box-sizing:border-box;outline:none;padding-inline:var(--spacing-md);padding-block:var(--spacing-sm);text-align:start;white-space:nowrap}.Table_table_lEwZKi[data-size=xs] .Table_head_Hk88Wn,.Table_table_lEwZKi[data-size=xs] .Table_cell_OhrfMn{padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs)}.Table_table_lEwZKi[data-size=md] .Table_head_Hk88Wn,.Table_table_lEwZKi[data-size=md] .Table_cell_OhrfMn{padding-inline:var(--spacing-lg)}.Table_table_lEwZKi[data-size=md] .Table_cell_OhrfMn{padding-block:var(--spacing-md)}.Table_head_Hk88Wn[data-align=center],.Table_cell_OhrfMn[data-align=center]{text-align:center}.Table_head_Hk88Wn[data-align=end],.Table_cell_OhrfMn[data-align=end]{text-align:end}.Table_head_Hk88Wn{cursor:default;border-bottom:var(--spacing-1) solid var(--color-secondary-muted-border);color:var(--color-secondary-muted-text);font-weight:400;font-weight:500;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}.Table_viewport_HIWKfO[data-max-height] .Table_head_Hk88Wn{position:sticky;top:0;z-index:1;background:var(--color-secondary-muted-light)}.Table_table_lEwZKi[data-size=md] .Table_head_Hk88Wn{padding-block:var(--spacing-lg);min-height:var(--spacing-48);font-weight:400;font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Table_table_lEwZKi[data-size=md] .Table_headInner_QtSkrU{height:var(--spacing-18);line-height:var(--spacing-18)}.Table_headInner_QtSkrU{display:inline-flex;align-items:center;gap:var(--spacing-xxs);min-width:0;max-width:100%}.Table_headLabel_sRqzdL{min-width:0;overflow:hidden;text-overflow:ellipsis}.Table_sort_SrieWw{display:none;flex-shrink:0;color:currentColor}.Table_sort_SrieWw path{fill:currentColor}.Table_sortUp_HCGMkz,.Table_sortDown_6yxJvX{display:none}.Table_head_Hk88Wn[data-allows-sorting] .Table_sort_SrieWw{display:inline-flex;opacity:.4}.Table_head_Hk88Wn[data-allows-sorting]:not([data-sort-direction]) .Table_sortDown_6yxJvX,.Table_head_Hk88Wn[data-sort-direction=ascending] .Table_sortUp_HCGMkz,.Table_head_Hk88Wn[data-sort-direction=descending] .Table_sortDown_6yxJvX{display:block}.Table_head_Hk88Wn[data-sort-direction] .Table_sort_SrieWw{opacity:1}.Table_cell_OhrfMn{border-bottom:var(--spacing-1) solid var(--color-secondary-muted-border);color:var(--color-secondary-content);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Table_table_lEwZKi[data-size=xs] .Table_cell_OhrfMn{font-weight:400;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}.Table_table_lEwZKi[data-size=md] .Table_cell_OhrfMn{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Table_body_5phKAC .Table_row_avFhIt:last-child .Table_cell_OhrfMn{border-bottom:none}.Table_footer_BiOJr6 .Table_cell_OhrfMn{border-top:var(--spacing-1) solid var(--color-secondary-muted-border);border-bottom:none;background:var(--color-secondary-muted-light);font-weight:500}.Table_table_lEwZKi[data-interactive] .Table_row_avFhIt[data-hovered]:not([data-disabled]) .Table_cell_OhrfMn{background:var(--color-secondary-muted-light)}.Table_row_avFhIt[data-selected] .Table_cell_OhrfMn{background:var(--color-secondary-muted)}.Table_row_avFhIt[data-disabled]{opacity:var(--opacity-disabled)}}

package/dist/Table/Table.module.css.js

@@ -0,0 +1,32 @@
+const e = "Table_viewport_HIWKfO", o = "Table_viewportContent_2C4tiZ", t = "Table_table_lEwZKi", a = "Table_head_Hk88Wn", n = "Table_cell_OhrfMn", r = "Table_headInner_QtSkrU", l = "Table_headLabel_sRqzdL", s = "Table_sort_SrieWw", _ = "Table_sortUp_HCGMkz", b = "Table_sortDown_6yxJvX", c = "Table_body_5phKAC", d = "Table_row_avFhIt", w = "Table_footer_BiOJr6", T = {
+  viewport: e,
+  viewportContent: o,
+  table: t,
+  head: a,
+  cell: n,
+  headInner: r,
+  headLabel: l,
+  sort: s,
+  sortUp: _,
+  sortDown: b,
+  body: c,
+  row: d,
+  footer: w
+};
+export {
+  c as body,
+  n as cell,
+  T as default,
+  w as footer,
+  a as head,
+  r as headInner,
+  l as headLabel,
+  d as row,
+  s as sort,
+  b as sortDown,
+  _ as sortUp,
+  t as table,
+  e as viewport,
+  o as viewportContent
+};
+//# sourceMappingURL=Table.module.css.js.map

package/dist/Table/Table.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/Table/index.d.ts

@@ -0,0 +1,3 @@
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './Table';
+export type { TableAlign, TableBodyProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSize, } from './Table';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EACR,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,SAAS,GACZ,MAAM,SAAS,CAAC"}