@reforma/components 0.0.0-stage → 0.1.0

package/dist/ButtonUpload/ButtonUpload.js

@@ -0,0 +1,36 @@
+import { useRef as c, useCallback as r } from "react";
+import { Button as f } from "../Button/Button.js";
+import { jsxs as p, Fragment as m, jsx as o } from "react/jsx-runtime";
+function d({
+  onFileSelect: e,
+  accept: s,
+  children: l,
+  ...u
+}) {
+  const n = c(null), a = r(() => {
+    n.current?.click();
+  }, []), i = r(() => {
+    const t = n.current?.files?.[0];
+    t && (e(t), n.current.value = "");
+  }, [e]);
+  return /* @__PURE__ */ p(m, {
+    children: [/* @__PURE__ */ o("input", {
+      ref: n,
+      type: "file",
+      accept: s,
+      style: {
+        display: "none"
+      },
+      onChange: i
+    }), /* @__PURE__ */ o(f, {
+      ...u,
+      onPress: a,
+      children: l
+    })]
+  });
+}
+d.displayName = "ButtonUpload";
+export {
+  d as ButtonUpload
+};
+//# sourceMappingURL=ButtonUpload.js.map

package/dist/ButtonUpload/ButtonUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonUpload.js","sources":["../../src/ButtonUpload/ButtonUpload.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport { Button } from '../Button';\n\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nexport interface ButtonUploadProps extends Omit<ButtonProps, 'onPress'> {\n    onFileSelect: (file: File) => void;\n    accept?: string;\n    children: ReactNode;\n}\n\nexport function ButtonUpload({\n    onFileSelect,\n    accept,\n    children,\n    ...buttonProps\n}: ButtonUploadProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handlePress = useCallback(() => {\n        inputRef.current?.click();\n    }, []);\n\n    const handleChange = useCallback(() => {\n        const file = inputRef.current?.files?.[0];\n\n        if (file) {\n            onFileSelect(file);\n            inputRef.current!.value = '';\n        }\n    }, [onFileSelect]);\n\n    return (\n        <>\n            <input\n                ref={ inputRef }\n                type=\"file\"\n                accept={ accept }\n                style={ { display: 'none' } }\n                onChange={ handleChange }\n            />\n            <Button { ...buttonProps } onPress={ handlePress }>\n                { children }\n            </Button>\n        </>\n    );\n}\n\nButtonUpload.displayName = 'ButtonUpload';\n"],"names":["ButtonUpload","onFileSelect","accept","children","buttonProps","inputRef","useRef","handlePress","useCallback","handleChange","file","_Fragment","_jsx","Button"],"mappings":";;;AAGO,SAASA,EAAa;AAAA,EAC3B,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAWC,EAAO,IAAI,GACtBC,IAAcC,EAAY,MAAM;AACpC,IAAAH,EAAS,SAAS,MAAA;AAAA,EACpB,GAAG,CAAA,CAAE,GACCI,IAAeD,EAAY,MAAM;AACrC,UAAME,IAAOL,EAAS,SAAS,QAAQ,CAAC;AACxC,IAAIK,MACFT,EAAaS,CAAI,GACjBL,EAAS,QAAQ,QAAQ;AAAA,EAE7B,GAAG,CAACJ,CAAY,CAAC;AACjB,2BAA0BU,GAAW;AAAA,IACnC,UAAU,CAAcC,gBAAAA,EAAK,SAAS;AAAA,MACpC,KAAKP;AAAA,MACL,MAAM;AAAA,MACN,QAAAH;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAEX,UAAUO;AAAA,IAAA,CACX,GAAgBG,gBAAAA,EAAKC,GAAQ;AAAA,MAC5B,GAAGT;AAAA,MACH,SAASG;AAAA,MACT,UAAAJ;AAAA,IAAA,CACD,CAAC;AAAA,EAAA,CACH;AACH;AACAH,EAAa,cAAc;"}

package/dist/ButtonUpload/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonUpload } from './ButtonUpload';
+export type { ButtonUploadProps } from './ButtonUpload';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ButtonUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/ButtonUpload/index.js

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

package/dist/ButtonUpload/index.js.map

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

package/dist/Card/Card.d.ts

@@ -0,0 +1,17 @@
+import { type BoxProps } from '../Box';
+import type { SemanticColor } from '../types';
+export type CardVariant = 'filled' | 'bordered' | 'transparent';
+export type CardSize = 'sm' | 'md' | 'lg';
+export type CardProps = BoxProps & {
+    variant?: CardVariant;
+    /** Muted surface tint for {@link CardVariant | `filled`} cards. Defaults to `secondary`. */
+    color?: SemanticColor;
+    size?: CardSize;
+    hoverable?: boolean;
+    isActive?: boolean;
+};
+export declare function Card({ variant, color, size, hoverable, isActive, className, padding, paddingX, paddingY, style, ...props }: CardProps): import("react").JSX.Element;
+export declare namespace Card {
+    var displayName: string;
+}
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;AAChE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAQF,wBAAgB,IAAI,CAAC,EACjB,OAAkB,EAClB,KAAK,EACL,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,+BAqBX;yBAjCe,IAAI"}

package/dist/Card/Card.js

@@ -0,0 +1,42 @@
+import { cn as g } from "@reforma/lib";
+import { Box as x } from "../Box/Box.js";
+import P from "./Card.module.css.js";
+import { jsx as y } from "react/jsx-runtime";
+const C = {
+  sm: "sm",
+  md: "lg",
+  lg: "xl"
+};
+function N({
+  variant: o = "filled",
+  color: d,
+  size: a = "md",
+  hoverable: r = !1,
+  isActive: e = !1,
+  className: s,
+  padding: t,
+  paddingX: i,
+  paddingY: n,
+  style: l,
+  ...m
+}) {
+  const c = t ?? C[a], v = i, p = n, f = d && d !== "secondary" ? d : void 0;
+  return /* @__PURE__ */ y(x, {
+    ...m,
+    className: g(P.card, s),
+    "data-variant": o,
+    "data-color": f,
+    "data-size": a,
+    "data-hoverable": r || void 0,
+    "data-active": e || void 0,
+    padding: c,
+    paddingX: v,
+    paddingY: p,
+    style: l
+  });
+}
+N.displayName = "Card";
+export {
+  N as Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\n\nimport { Box, type BoxProps } from '../Box';\nimport styles from './Card.module.css';\n\nimport type { SemanticColor } from '../types';\n\nexport type CardVariant = 'filled' | 'bordered' | 'transparent';\nexport type CardSize = 'sm' | 'md' | 'lg';\n\nexport type CardProps = BoxProps & {\n    variant?: CardVariant;\n    /** Muted surface tint for {@link CardVariant | `filled`} cards. Defaults to `secondary`. */\n    color?: SemanticColor;\n    size?: CardSize;\n    hoverable?: boolean;\n    isActive?: boolean;\n};\n\nconst SIZE_TO_PADDING: Record<CardSize, BoxProps['padding']> = {\n    sm: 'sm',\n    md: 'lg',\n    lg: 'xl',\n};\n\nexport function Card({\n    variant = 'filled',\n    color,\n    size = 'md',\n    hoverable = false,\n    isActive = false,\n    className,\n    padding,\n    paddingX,\n    paddingY,\n    style,\n    ...props\n}: CardProps) {\n    const resolvedPadding: BoxProps['padding'] = padding ?? SIZE_TO_PADDING[size];\n    const resolvedPaddingX: BoxProps['paddingX'] = paddingX;\n    const resolvedPaddingY: BoxProps['paddingY'] = paddingY;\n    const resolvedColor = (color && color !== 'secondary') ? color : undefined;\n\n    return (\n        <Box\n            { ...props }\n            className={ cn(styles.card, className) }\n            data-variant={ variant }\n            data-color={ resolvedColor }\n            data-size={ size }\n            data-hoverable={ hoverable || undefined }\n            data-active={ isActive || undefined }\n            padding={ resolvedPadding }\n            paddingX={ resolvedPaddingX }\n            paddingY={ resolvedPaddingY }\n            style={ style }\n        />\n    );\n}\n\nCard.displayName = 'Card';\n\n"],"names":["SIZE_TO_PADDING","Card","variant","color","size","hoverable","isActive","className","padding","paddingX","paddingY","style","props","resolvedPadding","resolvedPaddingX","resolvedPaddingY","resolvedColor","Box","cn","styles"],"mappings":";;;;AAIA,MAAMA,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AACO,SAASC,EAAK;AAAA,EACnB,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAkBL,KAAWR,EAAgBI,CAAI,GACjDU,IAAmBL,GACnBM,IAAmBL,GACnBM,IAAgBb,KAASA,MAAU,cAAcA,IAAQ;AAC/D,2BAAyBc,GAAK;AAAA,IAC5B,GAAGL;AAAA,IACH,WAAWM,EAAGC,EAAO,MAAMZ,CAAS;AAAA,IACpC,gBAAgBL;AAAA,IAChB,cAAcc;AAAA,IACd,aAAaZ;AAAA,IACb,kBAAkBC,KAAa;AAAA,IAC/B,eAAeC,KAAY;AAAA,IAC3B,SAASO;AAAA,IACT,UAAUC;AAAA,IACV,UAAUC;AAAA,IACV,OAAAJ;AAAA,EAAA,CACD;AACH;AACAV,EAAK,cAAc;"}

package/dist/Card/Card.module.css

@@ -0,0 +1 @@
+@layer components{.Card_card_2l9uyi{--reforma-card-bg: transparent;--reforma-card-border-color: transparent;--reforma-card-border-width: .0625rem;--reforma-card-bg--hover: var(--reforma-card-bg);--reforma-card-border-color--hover: var(--reforma-card-border-color);--reforma-card-border-color--active: var(--color-primary);--reforma-card-radius: var(--radius-lg);border-radius:calc(var(--reforma-card-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));transition-duration:.15s;transition-property:background-color,border-color,scale,translate;transition-timing-function:ease-out;border-width:var(--reforma-card-border-width);border-style:solid;border-color:var(--reforma-card-border-color);background-color:var(--reforma-card-bg)}.Card_card_2l9uyi[data-variant=filled]{--reforma-card-bg: var(--color-secondary-muted-light);--reforma-card-border-color: transparent;--reforma-card-bg--hover: var(--color-secondary-muted)}.Card_card_2l9uyi[data-variant=filled][data-color=primary]{--reforma-card-bg: var(--color-primary-muted-light);--reforma-card-bg--hover: var(--color-primary-muted)}.Card_card_2l9uyi[data-variant=filled][data-color=success]{--reforma-card-bg: var(--color-success-muted-light);--reforma-card-bg--hover: var(--color-success-muted)}.Card_card_2l9uyi[data-variant=filled][data-color=warning]{--reforma-card-bg: var(--color-warning-muted-light);--reforma-card-bg--hover: var(--color-warning-muted)}.Card_card_2l9uyi[data-variant=filled][data-color=danger]{--reforma-card-bg: var(--color-danger-muted-light);--reforma-card-bg--hover: var(--color-danger-muted)}.Card_card_2l9uyi[data-variant=filled][data-color=accent]{--reforma-card-bg: var(--color-accent-muted-light);--reforma-card-bg--hover: var(--color-accent-muted)}.Card_card_2l9uyi[data-variant=bordered]{--reforma-card-bg: transparent;--reforma-card-border-color: var(--color-secondary-muted-border);--reforma-card-border-color--hover: var(--color-secondary-muted-border-hover)}.Card_card_2l9uyi[data-variant=transparent]{--reforma-card-bg: transparent;--reforma-card-border-color: transparent;--reforma-card-bg--hover: var(--color-secondary-muted-light)}.Card_card_2l9uyi[data-size=sm]{--reforma-card-radius: var(--radius-md)}.Card_card_2l9uyi[data-size=md]{--reforma-card-radius: var(--radius-lg)}.Card_card_2l9uyi[data-size=lg]{--reforma-card-radius: var(--radius-xl)}.Card_card_2l9uyi[data-hoverable=true]:hover,.Card_card_2l9uyi[data-hoverable=true]:active,.Card_card_2l9uyi[data-hoverable=true][data-pressed],[data-pressed]>.Card_card_2l9uyi[data-hoverable=true]{cursor:pointer;border-color:var(--reforma-card-border-color--hover);background-color:var(--reforma-card-bg--hover)}.Card_card_2l9uyi[data-hoverable=true]:active,.Card_card_2l9uyi[data-hoverable=true][data-pressed],[data-pressed]>.Card_card_2l9uyi[data-hoverable=true]{translate:0 2px;scale:.98;z-index:1}.Card_card_2l9uyi[data-hoverable=true]:has(:is(button,a[href],[role=button],[data-react-aria-pressable]):active),:has(:is(button,a[href],[role=button],[data-react-aria-pressable]):active)>.Card_card_2l9uyi[data-hoverable=true]{translate:none;scale:none;z-index:auto}.Card_card_2l9uyi[data-active=true],.Card_card_2l9uyi[data-hoverable=true][data-active=true]:hover{border-color:var(--reforma-card-border-color--active)}}

package/dist/Card/Card.module.css.js

@@ -0,0 +1,8 @@
+const a = "Card_card_2l9uyi", c = {
+  card: a
+};
+export {
+  a as card,
+  c as default
+};
+//# sourceMappingURL=Card.module.css.js.map

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

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

package/dist/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/Card/index.js

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

package/dist/Card/index.js.map

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

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { type CheckboxProps as RACCheckboxProps } from 'react-aria-components';
+import type { ReactNode } from 'react';
+export type CheckboxSize = 'sm' | 'md' | 'lg';
+export interface CheckboxProps extends Omit<RACCheckboxProps, 'className' | 'children'> {
+    size?: CheckboxSize;
+    className?: RACCheckboxProps['className'];
+    children?: ReactNode;
+}
+export declare function Checkbox({ size, className, children, ...props }: CheckboxProps): import("react").JSX.Element;
+export declare namespace Checkbox {
+    var displayName: string;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AASA,OAAO,EAA2B,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIxG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAc9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC;IACnF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BA+BrF;yBA/Be,QAAQ"}

package/dist/Checkbox/Checkbox.js

@@ -0,0 +1,49 @@
+import { Check as n, CheckSmall as t, CheckXsmall as d, MixedCheck as r, MixedCheckSmall as h, MixedCheckXsmalll as C } from "@reforma/icons/12";
+import { cn as x } from "@reforma/lib";
+import { Checkbox as k } from "react-aria-components";
+import i from "./Checkbox.module.css.js";
+import { jsx as e, jsxs as o, Fragment as p } from "react/jsx-runtime";
+const b = {
+  sm: /* @__PURE__ */ e(d, {}),
+  md: /* @__PURE__ */ e(t, {}),
+  lg: /* @__PURE__ */ e(n, {})
+}, f = {
+  sm: /* @__PURE__ */ e(C, {}),
+  md: /* @__PURE__ */ e(h, {}),
+  lg: /* @__PURE__ */ e(r, {})
+};
+function u({
+  size: l = "md",
+  className: m,
+  children: c,
+  ...s
+}) {
+  return /* @__PURE__ */ e(k, {
+    ...s,
+    className: (a) => x(i.root, typeof m == "function" ? m(a) : m),
+    "data-size": l,
+    children: (a) => /* @__PURE__ */ o(p, {
+      children: [/* @__PURE__ */ o("span", {
+        className: i.box,
+        "aria-hidden": !0,
+        children: [/* @__PURE__ */ e("span", {
+          className: i.icon,
+          "data-visible": a.isSelected && !a.isIndeterminate || void 0,
+          children: b[l]
+        }), /* @__PURE__ */ e("span", {
+          className: i.icon,
+          "data-visible": a.isIndeterminate || void 0,
+          children: f[l]
+        })]
+      }), c != null ? /* @__PURE__ */ e("span", {
+        className: i.label,
+        children: c
+      }) : null]
+    })
+  });
+}
+u.displayName = "Checkbox";
+export {
+  u as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n    Check,\n    CheckSmall,\n    CheckXsmall,\n    MixedCheck,\n    MixedCheckSmall,\n    MixedCheckXsmalll,\n} from '@reforma/icons/12';\nimport { cn } from '@reforma/lib';\nimport { Checkbox as RACCheckbox, type CheckboxProps as RACCheckboxProps } from 'react-aria-components';\n\nimport styles from './Checkbox.module.css';\n\nimport type { ReactNode } from 'react';\n\nexport type CheckboxSize = 'sm' | 'md' | 'lg';\n\nconst CHECK_ICON: Record<CheckboxSize, ReactNode> = {\n    sm: <CheckXsmall />,\n    md: <CheckSmall />,\n    lg: <Check />,\n};\n\nconst MIXED_ICON: Record<CheckboxSize, ReactNode> = {\n    sm: <MixedCheckXsmalll />,\n    md: <MixedCheckSmall />,\n    lg: <MixedCheck />,\n};\n\nexport interface CheckboxProps extends Omit<RACCheckboxProps, 'className' | 'children'> {\n    size?: CheckboxSize;\n    className?: RACCheckboxProps['className'];\n    children?: ReactNode;\n}\n\nexport function Checkbox({ size = 'md', className, children, ...props }: CheckboxProps) {\n    return (\n        <RACCheckbox\n            { ...props }\n            className={ renderProps => cn(\n                styles.root,\n                typeof className === 'function' ? className(renderProps) : className\n            ) }\n            data-size={ size }\n        >\n            { renderProps => (\n                <>\n                    <span className={ styles.box } aria-hidden>\n                        <span\n                            className={ styles.icon }\n                            data-visible={ (renderProps.isSelected && !renderProps.isIndeterminate) || undefined }\n                        >\n                            { CHECK_ICON[size] }\n                        </span>\n                        <span\n                            className={ styles.icon }\n                            data-visible={ renderProps.isIndeterminate || undefined }\n                        >\n                            { MIXED_ICON[size] }\n                        </span>\n                    </span>\n                    { children != null ? <span className={ styles.label }>{ children }</span> : null }\n                </>\n            ) }\n        </RACCheckbox>\n    );\n}\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CHECK_ICON","_jsx","CheckXsmall","CheckSmall","Check","MIXED_ICON","MixedCheckXsmalll","MixedCheckSmall","MixedCheck","Checkbox","size","className","children","props","RACCheckbox","renderProps","cn","styles","_jsxs","_Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAa;AAAA,EACjB,IAAiBC,gBAAAA,EAAKC,GAAa,EAAE;AAAA,EACrC,IAAiBD,gBAAAA,EAAKE,GAAY,EAAE;AAAA,EACpC,IAAiBF,gBAAAA,EAAKG,GAAO,CAAA,CAAE;AACjC,GACMC,IAAa;AAAA,EACjB,IAAiBJ,gBAAAA,EAAKK,GAAmB,EAAE;AAAA,EAC3C,IAAiBL,gBAAAA,EAAKM,GAAiB,EAAE;AAAA,EACzC,IAAiBN,gBAAAA,EAAKO,GAAY,CAAA,CAAE;AACtC;AACO,SAASC,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,2BAAyBC,GAAa;AAAA,IACpC,GAAGD;AAAA,IACH,WAAW,CAAAE,MAAeC,EAAGC,EAAO,MAAM,OAAON,KAAc,aAAaA,EAAUI,CAAW,IAAIJ,CAAS;AAAA,IAC9G,aAAaD;AAAA,IACb,UAAU,CAAAK,MAA4BG,gBAAAA,EAAMC,GAAW;AAAA,MACrD,UAAU,CAAcD,gBAAAA,EAAM,QAAQ;AAAA,QACpC,WAAWD,EAAO;AAAA,QAClB,eAAe;AAAA,QACf,UAAU,CAAchB,gBAAAA,EAAK,QAAQ;AAAA,UACnC,WAAWgB,EAAO;AAAA,UAClB,gBAAgBF,EAAY,cAAc,CAACA,EAAY,mBAAmB;AAAA,UAC1E,UAAUf,EAAWU,CAAI;AAAA,QAAA,CAC1B,GAAgBT,gBAAAA,EAAK,QAAQ;AAAA,UAC5B,WAAWgB,EAAO;AAAA,UAClB,gBAAgBF,EAAY,mBAAmB;AAAA,UAC/C,UAAUV,EAAWK,CAAI;AAAA,QAAA,CAC1B,CAAC;AAAA,MAAA,CACH,GAAGE,KAAY,yBAAyB,QAAQ;AAAA,QAC/C,WAAWK,EAAO;AAAA,QAClB,UAAAL;AAAA,MAAA,CACD,IAAI,IAAI;AAAA,IAAA,CACV;AAAA,EAAA,CACF;AACH;AACAH,EAAS,cAAc;"}

package/dist/Checkbox/Checkbox.module.css

@@ -0,0 +1 @@
+@layer components{.Checkbox_root_qF8uT7{--reforma-checkbox-size: var(--spacing-20);--reforma-checkbox-radius: var(--radius-sm);--reforma-checkbox-bg: var(--color-secondary-muted-light);--reforma-checkbox-bg--hover: var(--color-secondary-muted-light);--reforma-checkbox-bg--selected: var(--color-primary);--reforma-checkbox-border-width: 1px;--reforma-checkbox-border: var(--color-secondary-muted-border);--reforma-checkbox-border--hover: var(--color-secondary-muted-border-hover);--reforma-checkbox-border--selected: var(--color-primary);--reforma-checkbox-icon-color: var(--color-primary-text);--reforma-checkbox-icon-color--selected: var(--color-primary-content);--reforma-checkbox-gap: var(--spacing-8);display:inline-flex;align-items:center;vertical-align:middle;gap:var(--reforma-checkbox-gap);cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;outline:none;user-select:none}.Checkbox_box_T8HeVB{display:inline-flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;border:var(--reforma-checkbox-border-width) solid var(--reforma-checkbox-border);border-radius:calc(var(--reforma-checkbox-radius) * var(--squircle-radius-factor));width:var(--reforma-checkbox-size);height:var(--reforma-checkbox-size);corner-shape:superellipse(var(--squircle-value));transition-duration:var(--transition-duration-fast);transition-property:background-color,border-color;transition-timing-function:var(--ease-in-out);background-color:var(--reforma-checkbox-bg);overflow:hidden;color:var(--reforma-checkbox-icon-color)}.Checkbox_icon_ehIZL0{display:inline-flex;position:absolute;justify-content:center;align-items:center;visibility:hidden;opacity:0;inset:0}.Checkbox_icon_ehIZL0[data-visible]{visibility:visible;opacity:1}.Checkbox_label_FTsu2x{display:inline-flex;align-items:center;line-height:var(--leading-md)}.Checkbox_root_qF8uT7[data-hovered=true]:not([data-disabled=true]):not([data-readonly=true]):not([data-indeterminate=true]):not([data-selected=true]) .Checkbox_box_T8HeVB{border-color:var(--reforma-checkbox-border--hover);background-color:var(--reforma-checkbox-bg--hover)}.Checkbox_root_qF8uT7[data-selected=true] .Checkbox_box_T8HeVB,.Checkbox_root_qF8uT7[data-indeterminate=true] .Checkbox_box_T8HeVB{border-color:var(--reforma-checkbox-border--selected);background-color:var(--reforma-checkbox-bg--selected);color:var(--reforma-checkbox-icon-color--selected)}.Checkbox_root_qF8uT7:focus-visible .Checkbox_box_T8HeVB{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Checkbox_root_qF8uT7[data-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Checkbox_root_qF8uT7[data-readonly=true]{cursor:default}.Checkbox_root_qF8uT7[data-readonly=true] .Checkbox_box_T8HeVB{pointer-events:none}.Checkbox_root_qF8uT7[data-invalid=true] .Checkbox_box_T8HeVB{border-color:var(--color-danger)}.Checkbox_root_qF8uT7[data-invalid=true][data-selected=true] .Checkbox_box_T8HeVB,.Checkbox_root_qF8uT7[data-invalid=true][data-indeterminate=true] .Checkbox_box_T8HeVB{border-color:var(--color-danger);background-color:var(--color-danger)}.Checkbox_root_qF8uT7[data-size=sm]{--reforma-checkbox-size: var(--spacing-16);--reforma-checkbox-radius: var(--radius-xs);--reforma-checkbox-gap: var(--spacing-6)}.Checkbox_root_qF8uT7[data-size=sm] .Checkbox_label_FTsu2x{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Checkbox_root_qF8uT7[data-size=md]{--reforma-checkbox-size: var(--spacing-18);--reforma-checkbox-radius: var(--radius-sm);--reforma-checkbox-gap: var(--spacing-8)}.Checkbox_root_qF8uT7[data-size=md] .Checkbox_label_FTsu2x{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Checkbox_root_qF8uT7[data-size=lg]{--reforma-checkbox-size: var(--spacing-18);--reforma-checkbox-radius: var(--radius-sm);--reforma-checkbox-gap: var(--spacing-8)}.Checkbox_root_qF8uT7[data-size=lg] .Checkbox_label_FTsu2x{font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}}

package/dist/Checkbox/Checkbox.module.css.js

@@ -0,0 +1,14 @@
+const o = "Checkbox_root_qF8uT7", c = "Checkbox_box_T8HeVB", e = "Checkbox_icon_ehIZL0", t = "Checkbox_label_FTsu2x", b = {
+  root: o,
+  box: c,
+  icon: e,
+  label: t
+};
+export {
+  c as box,
+  b as default,
+  e as icon,
+  t as label,
+  o as root
+};
+//# sourceMappingURL=Checkbox.module.css.js.map

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

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

package/dist/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,19 @@
+import { type CheckboxGroupProps as RACCheckboxGroupProps } from 'react-aria-components';
+import type { ReactNode } from 'react';
+export interface CheckboxGroupItem {
+    value: string;
+    label: ReactNode;
+    isDisabled?: boolean;
+}
+export interface CheckboxGroupProps extends Omit<RACCheckboxGroupProps, 'children'> {
+    className?: string;
+    /** Static Checkbox nodes or a render function when using `items`. */
+    children?: ReactNode | ((item: CheckboxGroupItem) => ReactNode);
+    /** List of options to render as checkboxes. When provided, `children` can be a function (item) => ReactNode. */
+    items?: Iterable<CheckboxGroupItem>;
+}
+export declare function CheckboxGroup({ className, items, children, ...props }: CheckboxGroupProps): import("react").JSX.Element;
+export declare namespace CheckboxGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/Checkbox/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,kBAAkB,IAAI,qBAAqB,EACnD,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAC;IAChE,gHAAgH;IAChH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACvC;AAUD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAoBzF;yBApBe,aAAa"}

package/dist/Checkbox/CheckboxGroup.js

@@ -0,0 +1,35 @@
+import { cn as s } from "@reforma/lib";
+import { CheckboxGroup as f } from "react-aria-components";
+import { Checkbox as i } from "./Checkbox.js";
+import l from "./CheckboxGroup.module.css.js";
+import { jsx as t } from "react/jsx-runtime";
+function m(o) {
+  return /* @__PURE__ */ t(i, {
+    value: o.value,
+    isDisabled: o.isDisabled,
+    children: o.label
+  }, o.value);
+}
+function b({
+  className: o,
+  items: e,
+  children: r,
+  ...n
+}) {
+  const u = (() => {
+    if (e == null)
+      return typeof r == "function" ? void 0 : r;
+    const c = [...e], a = typeof r == "function" ? r : m;
+    return c.map((p) => a(p));
+  })();
+  return /* @__PURE__ */ t(f, {
+    ...n,
+    className: s(l.root, o),
+    children: u
+  });
+}
+b.displayName = "CheckboxGroup";
+export {
+  b as CheckboxGroup
+};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../src/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport {\n    CheckboxGroup as RACCheckboxGroup,\n    type CheckboxGroupProps as RACCheckboxGroupProps,\n} from 'react-aria-components';\n\nimport { Checkbox } from './Checkbox';\nimport styles from './CheckboxGroup.module.css';\n\nimport type { ReactNode } from 'react';\n\nexport interface CheckboxGroupItem {\n    value: string;\n    label: ReactNode;\n    isDisabled?: boolean;\n}\n\nexport interface CheckboxGroupProps extends Omit<RACCheckboxGroupProps, 'children'> {\n    className?: string;\n    /** Static Checkbox nodes or a render function when using `items`. */\n    children?: ReactNode | ((item: CheckboxGroupItem) => ReactNode);\n    /** List of options to render as checkboxes. When provided, `children` can be a function (item) => ReactNode. */\n    items?: Iterable<CheckboxGroupItem>;\n}\n\nfunction defaultRenderCheckbox(item: CheckboxGroupItem) {\n    return (\n        <Checkbox key={ item.value } value={ item.value } isDisabled={ item.isDisabled }>\n            { item.label }\n        </Checkbox>\n    );\n}\n\nexport function CheckboxGroup({ className, items, children, ...props }: CheckboxGroupProps) {\n    const content: ReactNode = ((): ReactNode => {\n        if (items == null) {\n            return typeof children === 'function' ? undefined : children;\n        }\n\n        const itemsArray = [...items];\n        const renderItem = typeof children === 'function' ? children : defaultRenderCheckbox;\n\n        return itemsArray.map((item): ReactNode => renderItem(item));\n    })();\n\n    return (\n        <RACCheckboxGroup\n            { ...props }\n            className={ cn(styles.root, className) }\n        >\n            { content }\n        </RACCheckboxGroup>\n    );\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["defaultRenderCheckbox","item","Checkbox","CheckboxGroup","className","items","children","props","content","itemsArray","renderItem","RACCheckboxGroup","cn","styles"],"mappings":";;;;;AAKA,SAASA,EAAsBC,GAAM;AACnC,2BAAyBC,GAAU;AAAA,IACjC,OAAOD,EAAK;AAAA,IACZ,YAAYA,EAAK;AAAA,IACjB,UAAUA,EAAK;AAAA,EAAA,GACdA,EAAK,KAAK;AACf;AACO,SAASE,EAAc;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,KAAW,MAAM;AACrB,QAAIH,KAAS;AACX,aAAO,OAAOC,KAAa,aAAa,SAAYA;AAEtD,UAAMG,IAAa,CAAC,GAAGJ,CAAK,GACtBK,IAAa,OAAOJ,KAAa,aAAaA,IAAWN;AAC/D,WAAOS,EAAW,IAAI,CAAAR,MAAQS,EAAWT,CAAI,CAAC;AAAA,EAChD,GAAA;AACA,2BAAyBU,GAAkB;AAAA,IACzC,GAAGJ;AAAA,IACH,WAAWK,EAAGC,EAAO,MAAMT,CAAS;AAAA,IACpC,UAAUI;AAAA,EAAA,CACX;AACH;AACAL,EAAc,cAAc;"}

package/dist/Checkbox/CheckboxGroup.module.css

@@ -0,0 +1 @@
+@layer components{.CheckboxGroup_root_aOo16X{display:flex;flex-direction:column;gap:var(--spacing-8)}.CheckboxGroup_root_aOo16X[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}}

package/dist/Checkbox/CheckboxGroup.module.css.js

@@ -0,0 +1,8 @@
+const o = "CheckboxGroup_root_aOo16X", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=CheckboxGroup.module.css.js.map

package/dist/Checkbox/CheckboxGroup.module.css.js.map

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

package/dist/Checkbox/index.d.ts

@@ -0,0 +1,5 @@
+export { Checkbox } from './Checkbox';
+export { CheckboxGroup } from './CheckboxGroup';
+export type { CheckboxProps, CheckboxSize } from './Checkbox';
+export type { CheckboxGroupItem, CheckboxGroupProps } from './CheckboxGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/Checkbox/index.js

@@ -0,0 +1,7 @@
+import { Checkbox as e } from "./Checkbox.js";
+import { CheckboxGroup as p } from "./CheckboxGroup.js";
+export {
+  e as Checkbox,
+  p as CheckboxGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/Checkbox/index.js.map

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

package/dist/CodeHighlighter/CodeHighlighter.d.ts

@@ -0,0 +1,34 @@
+import { type FC, type HTMLAttributes, type ReactNode } from 'react';
+import { type ScrollableProps } from '../Scrollable';
+import type { ShikiHighlighterProps } from 'react-shiki';
+export type CodeHighlighterScrollableHtmlProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'style' | 'onScroll'>;
+export type CodeHighlighterProps = Omit<ShikiHighlighterProps, 'children' | 'theme' | 'className'> & {
+    theme?: ShikiHighlighterProps['theme'] | 'dark' | 'light';
+    language: string;
+    code: string;
+    className?: string;
+    /** Passed to the inner Shiki wrapper */
+    codeClassName?: string;
+    containerClassName?: string;
+    overlay?: ReactNode;
+    onScroll?: ScrollableProps['onScroll'];
+    stickToBottom?: ScrollableProps['stickToBottom'];
+    /**
+     * When set to **N**: if `code` has **more than N lines**, show clamp + expand control,
+     * and the collapsed peek height fits **N lines** (`max-height` uses N×`lh`).
+     * Expanded has no max-height.
+     */
+    collapseThresholdLines?: number;
+    /** `aria-label` strings for the collapse control; defaults match assistant markdown / edit tool copy. */
+    collapseLabels?: {
+        expand: string;
+        collapse: string;
+    };
+    /**
+     * Strip shared leading space/tab indent from `code` before highlight.
+     * Useful for nested repository excerpts; off by default so samples keep literal layout.
+     */
+    dedent?: boolean;
+} & CodeHighlighterScrollableHtmlProps;
+export declare const CodeHighlighter: FC<CodeHighlighterProps>;
+//# sourceMappingURL=CodeHighlighter.d.ts.map

package/dist/CodeHighlighter/CodeHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlighter.d.ts","sourceRoot":"","sources":["../../src/CodeHighlighter/CodeHighlighter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAkBzD,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACjD,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAClD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACnC,qBAAqB,EACrB,UAAU,GAAG,OAAO,GAAG,WAAW,CACrC,GAAG;IACA,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yGAAyG;IACzG,cAAc,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,kCAAkC,CAAC;AASvC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoHpD,CAAC"}

package/dist/CodeHighlighter/CodeHighlighter.js

@@ -0,0 +1,91 @@
+import { SHIKI_THEME_DARK as R, SHIKI_THEME_LIGHT as F } from "@reforma/constants";
+import { useMediaQuery as G, dedentText as Q, isHtmlProp as U, cn as p } from "@reforma/lib";
+import { useMemo as L, useState as q, Suspense as J, lazy as V } from "react";
+import { Scrollable as W } from "../Scrollable/Scrollable.js";
+import { ScrollExpandChevronButton as X } from "../Scrollable/ScrollExpandChevronButton.js";
+import d from "./CodeHighlighter.module.css.js";
+import { useCodeHighlighterDefaults as Y } from "./CodeHighlighterDefaults.js";
+import { jsx as s } from "react/jsx-runtime";
+function Z(e) {
+  if (e === "")
+    return 0;
+  const t = e.split(/\r?\n/);
+  let o = t.length;
+  return o > 0 && t[o - 1] === "" && (o -= 1), o;
+}
+const C = {
+  expand: "Show full code",
+  collapse: "Show fewer lines"
+}, $ = /* @__PURE__ */ V(async () => import("react-shiki")), de = ({
+  code: e,
+  language: t,
+  theme: o,
+  className: v,
+  codeClassName: m,
+  containerClassName: H,
+  overlay: b,
+  onScroll: w,
+  stickToBottom: D,
+  showLanguage: _,
+  collapseThresholdLines: a,
+  collapseLabels: u,
+  dedent: I,
+  preloadLanguages: P,
+  style: f,
+  ...h
+}) => {
+  const n = Y(), T = G("(prefers-color-scheme: dark)") ? "dark" : "light", r = o ?? n?.theme ?? T, A = _ ?? n?.showLanguage ?? !1, g = I ?? n?.dedent ?? !1, M = P ?? n?.preloadLanguages, c = L(() => g ? Q(e ?? "") : e ?? "", [e, g]), K = r === "dark" ? R : r === "light" ? F : r, N = L(() => Z(c), [c]), i = a != null && N > a, [x, O] = q(!1), j = u?.expand ?? C.expand, z = u?.collapse ?? C.collapse, S = {}, k = {};
+  for (const l of Object.keys(h)) {
+    const E = h[l];
+    U(l) ? S[l] = E : k[l] = E;
+  }
+  let y = f;
+  i && a != null && (y = {
+    ...f,
+    "--codehighlighter-collapse-preview-lines": a
+  });
+  const B = i ? /* @__PURE__ */ s(X, {
+    expanded: x,
+    onPress: () => O((l) => !l),
+    labelExpand: j,
+    labelCollapse: z,
+    className: d.expandToggle
+  }) : null;
+  return /* @__PURE__ */ s(W, {
+    vertical: !0,
+    horizontal: !0,
+    className: p(v, d.root),
+    containerClass: H,
+    overlay: b ?? B,
+    onScroll: w,
+    stickToBottom: D,
+    style: y,
+    "aria-expanded": i ? x : void 0,
+    ...S,
+    children: /* @__PURE__ */ s(J, {
+      fallback: /* @__PURE__ */ s("pre", {
+        className: p(d.code, m),
+        children: /* @__PURE__ */ s("code", {
+          children: c
+        })
+      }),
+      children: /* @__PURE__ */ s($, {
+        as: "div",
+        ...k,
+        className: p(d.code, m, {
+          dark: r === "dark"
+        }),
+        language: t,
+        theme: K,
+        showLanguage: A,
+        preloadLanguages: M,
+        addDefaultStyles: !1,
+        children: c
+      })
+    })
+  });
+};
+export {
+  de as CodeHighlighter
+};
+//# sourceMappingURL=CodeHighlighter.js.map

package/dist/CodeHighlighter/CodeHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlighter.js","sources":["../../src/CodeHighlighter/CodeHighlighter.tsx"],"sourcesContent":["import { SHIKI_THEME_DARK, SHIKI_THEME_LIGHT } from '@reforma/constants';\nimport { cn, dedentText, isHtmlProp, useMediaQuery } from '@reforma/lib';\nimport {\n    lazy,\n    Suspense,\n    useMemo,\n    useState,\n    type CSSProperties,\n    type FC,\n    type HTMLAttributes,\n    type ReactNode,\n} from 'react';\n\nimport { Scrollable, ScrollExpandChevronButton, type ScrollableProps } from '../Scrollable';\nimport styles from './CodeHighlighter.module.css';\nimport { useCodeHighlighterDefaults } from './CodeHighlighterDefaults';\n\nimport type { ShikiHighlighterProps } from 'react-shiki';\n\n/** POSIX-style line count */\nfunction countCodeLines(text: string): number {\n    if (text === '') {\n        return 0;\n    }\n\n    const parts = text.split(/\\r?\\n/);\n    let n = parts.length;\n\n    if (n > 0 && parts[n - 1] === '') {\n        n -= 1;\n    }\n\n    return n;\n}\n\nexport type CodeHighlighterScrollableHtmlProps = Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'className' | 'children' | 'style' | 'onScroll'\n>;\n\nexport type CodeHighlighterProps = Omit<\n    ShikiHighlighterProps,\n    'children' | 'theme' | 'className'\n> & {\n    theme?: ShikiHighlighterProps['theme'] | 'dark' | 'light';\n    language: string;\n    code: string;\n    className?: string;\n    /** Passed to the inner Shiki wrapper */\n    codeClassName?: string;\n    containerClassName?: string;\n    overlay?: ReactNode;\n    onScroll?: ScrollableProps['onScroll'];\n    stickToBottom?: ScrollableProps['stickToBottom'];\n    /**\n     * When set to **N**: if `code` has **more than N lines**, show clamp + expand control,\n     * and the collapsed peek height fits **N lines** (`max-height` uses N×`lh`).\n     * Expanded has no max-height.\n     */\n    collapseThresholdLines?: number;\n    /** `aria-label` strings for the collapse control; defaults match assistant markdown / edit tool copy. */\n    collapseLabels?: {\n        expand: string;\n        collapse: string;\n    };\n    /**\n     * Strip shared leading space/tab indent from `code` before highlight.\n     * Useful for nested repository excerpts; off by default so samples keep literal layout.\n     */\n    dedent?: boolean;\n} & CodeHighlighterScrollableHtmlProps;\n\nconst DEFAULT_COLLAPSE_LABELS = {\n    expand: 'Show full code',\n    collapse: 'Show fewer lines',\n} as const;\n\nconst ShikiHighlighter = lazy(async() => import('react-shiki'));\n\nexport const CodeHighlighter: FC<CodeHighlighterProps> = ({\n    code,\n    language,\n    theme: themeProp,\n    className,\n    codeClassName,\n    containerClassName,\n    overlay,\n    onScroll,\n    stickToBottom,\n    showLanguage: showLanguageProp,\n    collapseThresholdLines,\n    collapseLabels,\n    dedent: dedentProp,\n    preloadLanguages: preloadLanguagesProp,\n    style,\n    ...props\n}) => {\n    const defaults = useCodeHighlighterDefaults();\n    const prefersDark = useMediaQuery('(prefers-color-scheme: dark)');\n    const systemTheme = prefersDark ? 'dark' : 'light';\n    const theme = themeProp ?? defaults?.theme ?? systemTheme;\n    const showLanguage = showLanguageProp ?? defaults?.showLanguage ?? false;\n    const dedent = dedentProp ?? defaults?.dedent ?? false;\n    const preloadLanguages = preloadLanguagesProp ?? defaults?.preloadLanguages;\n\n    const displayCode = useMemo(\n        () => (dedent ? dedentText(code ?? '') : (code ?? '')),\n        [code, dedent]\n    );\n\n    const resolvedTheme: ShikiHighlighterProps['theme'] = (theme === 'dark')\n        ? SHIKI_THEME_DARK\n        : theme === 'light'\n            ? SHIKI_THEME_LIGHT\n            : theme;\n\n    const lineCount = useMemo(() => countCodeLines(displayCode), [displayCode]);\n    const collapsible = collapseThresholdLines != null && lineCount > collapseThresholdLines;\n    const [collapseExpanded, setCollapseExpanded] = useState(false);\n\n    const collapseLabelExpand = collapseLabels?.expand ?? DEFAULT_COLLAPSE_LABELS.expand;\n    const collapseLabelCollapse = collapseLabels?.collapse ?? DEFAULT_COLLAPSE_LABELS.collapse;\n\n    const scrollDomProps: Record<string, unknown> = {};\n    const shikiProps: Record<string, unknown> = {};\n\n    for (const key of Object.keys(props)) {\n        const value = props[key as keyof typeof props];\n\n        if (isHtmlProp(key)) {\n            scrollDomProps[key] = value;\n        }\n        else {\n            shikiProps[key] = value;\n        }\n    }\n\n    let scrollRootStyle: CSSProperties | undefined = style;\n\n    if (collapsible && collapseThresholdLines != null) {\n        scrollRootStyle = {\n            ...style,\n            ['--codehighlighter-collapse-preview-lines' as string]: collapseThresholdLines,\n        };\n    }\n\n    const collapseOverlay = collapsible\n        ? (\n            <ScrollExpandChevronButton\n                expanded={ collapseExpanded }\n                onPress={ () => setCollapseExpanded(v => !v) }\n                labelExpand={ collapseLabelExpand }\n                labelCollapse={ collapseLabelCollapse }\n                className={ styles.expandToggle }\n            />\n        )\n        : null;\n\n    return (\n        <Scrollable\n            vertical\n            horizontal\n            className={ cn(className, styles.root) }\n            containerClass={ containerClassName }\n            overlay={ overlay ?? collapseOverlay }\n            onScroll={ onScroll }\n            stickToBottom={ stickToBottom }\n            style={ scrollRootStyle }\n            aria-expanded={ collapsible ? collapseExpanded : undefined }\n            { ...(scrollDomProps) }\n        >\n            <Suspense\n                fallback={ (\n                    <pre className={ cn(styles.code, codeClassName) }>\n                        <code>{ displayCode }</code>\n                    </pre>\n                ) }\n            >\n                <ShikiHighlighter\n                    as=\"div\"\n                    { ...shikiProps }\n                    className={ cn(styles.code, codeClassName, {\n                        dark: theme === 'dark',\n                    }) }\n                    language={ language }\n                    theme={ resolvedTheme }\n                    showLanguage={ showLanguage }\n                    preloadLanguages={ preloadLanguages }\n                    addDefaultStyles={ false }\n                >\n                    { displayCode }\n                </ShikiHighlighter>\n            </Suspense>\n        </Scrollable>\n    );\n};\n"],"names":["countCodeLines","text","parts","n","DEFAULT_COLLAPSE_LABELS","ShikiHighlighter","lazy","CodeHighlighter","code","language","themeProp","className","codeClassName","containerClassName","overlay","onScroll","stickToBottom","showLanguageProp","collapseThresholdLines","collapseLabels","dedentProp","preloadLanguagesProp","style","props","defaults","useCodeHighlighterDefaults","systemTheme","useMediaQuery","theme","showLanguage","dedent","preloadLanguages","displayCode","useMemo","dedentText","resolvedTheme","SHIKI_THEME_DARK","SHIKI_THEME_LIGHT","lineCount","collapsible","collapseExpanded","setCollapseExpanded","useState","collapseLabelExpand","collapseLabelCollapse","scrollDomProps","shikiProps","key","value","isHtmlProp","scrollRootStyle","collapseOverlay","_jsx","ScrollExpandChevronButton","v","styles","Scrollable","cn","Suspense"],"mappings":"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"}

package/dist/CodeHighlighter/CodeHighlighter.module.css

@@ -0,0 +1 @@
+.has-line-numbers{--line-numbers-padding-left: var(--codehighlighter-line-numbers-padding-left);--line-numbers-padding-right: var(--codehighlighter-line-numbers-padding-right)}@layer components{.CodeHighlighter_root_Ms8sf6{--codehighlighter-padding-block: var(--spacing-md);--codehighlighter-padding-inline: var(--spacing-lg);--codehighlighter-line-numbers-padding-left: var(--spacing-sm);--codehighlighter-line-numbers-padding-right: var(--spacing-md);background-color:var(--color-background);color:var(--color-text)}.CodeHighlighter_root_Ms8sf6[aria-expanded=false]{max-height:calc(var(--codehighlighter-collapse-preview-lines, 4) * 1lh + var(--spacing-xxs))}.CodeHighlighter_code_rLdwed{background-color:var(--color-background);width:100%;min-width:-moz-min-content;min-width:min-content;font-weight:400;font-size:var(--text-xs);line-height:var(--leading-sm);font-family:Menlo,sans-serif;letter-spacing:0}.CodeHighlighter_code_rLdwed pre{background-color:transparent!important;color:inherit!important}.CodeHighlighter_code_rLdwed code{display:grid;padding-block:var(--codehighlighter-padding-block)}.CodeHighlighter_code_rLdwed .line{padding-inline:var(--codehighlighter-padding-inline);width:100%;min-height:1lh}.CodeHighlighter_code_rLdwed .line.diff.add{background-color:var(--color-success-muted-light)}.CodeHighlighter_code_rLdwed .line.diff.remove{background-color:var(--color-danger-muted-light)}.CodeHighlighter_code_rLdwed .line.highlighted{background-color:var(--color-primary-muted-light)}.CodeHighlighter_expandToggle_2q7gmJ{position:absolute;bottom:0;left:50%;transform:translate(-50%)!important;z-index:1}.CodeHighlighter_expandToggle_2q7gmJ[data-hovered=true]{opacity:.75}}

package/dist/CodeHighlighter/CodeHighlighter.module.css.js

@@ -0,0 +1,12 @@
+const o = "CodeHighlighter_root_Ms8sf6", e = "CodeHighlighter_code_rLdwed", g = "CodeHighlighter_expandToggle_2q7gmJ", t = {
+  root: o,
+  code: e,
+  expandToggle: g
+};
+export {
+  e as code,
+  t as default,
+  g as expandToggle,
+  o as root
+};
+//# sourceMappingURL=CodeHighlighter.module.css.js.map

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

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

package/dist/CodeHighlighter/CodeHighlighterDefaults.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import type { ShikiHighlighterProps } from 'react-shiki';
+/**
+ * Optional defaults for every {@link CodeHighlighter} under {@link CodeHighlighterDefaultsProvider}.
+ * Explicit props on {@link CodeHighlighter} always win.
+ */
+export type CodeHighlighterDefaults = {
+    theme?: ShikiHighlighterProps['theme'] | 'dark' | 'light';
+    showLanguage?: boolean;
+    /** Strip shared leading indent from multi-line `code` before highlight (narrow panels, excerpts). */
+    dedent?: boolean;
+    preloadLanguages?: ShikiHighlighterProps['preloadLanguages'];
+};
+export declare const CodeHighlighterDefaultsContext: import("react").Context<CodeHighlighterDefaults | null>;
+/** Resolved defaults from the nearest {@link CodeHighlighterDefaultsProvider}, or `null`. */
+export declare function useCodeHighlighterDefaults(): CodeHighlighterDefaults | null;
+export declare function CodeHighlighterDefaultsProvider({ value, children, }: {
+    value: CodeHighlighterDefaults;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare namespace CodeHighlighterDefaultsProvider {
+    var displayName: string;
+}
+//# sourceMappingURL=CodeHighlighterDefaults.d.ts.map

package/dist/CodeHighlighter/CodeHighlighterDefaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlighterDefaults.d.ts","sourceRoot":"","sources":["../../src/CodeHighlighter/CodeHighlighterDefaults.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qGAAqG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,8BAA8B,yDAAsD,CAAC;AAElG,6FAA6F;AAC7F,wBAAgB,0BAA0B,IAAI,uBAAuB,GAAG,IAAI,CAE3E;AAED,wBAAgB,+BAA+B,CAAC,EAC5C,KAAK,EACL,QAAQ,GACX,EAAE;IACC,KAAK,EAAE,uBAAuB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACvB,+BAMA;yBAZe,+BAA+B"}