@becket-ui/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kolmena de Software
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/Badge.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type LabelCustomColors, type LabelVisual } from '../helpers/labelColors';
+type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgeBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type BadgeProps = ComponentPropsWithoutRef<'span'> & {
+    size?: BadgeSize;
+    visual?: LabelVisual;
+    borderRadius?: BadgeBorderRadius;
+    withGradient?: boolean;
+    customColors?: LabelCustomColors;
+    as?: ElementType;
+};
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    size?: BadgeSize;
+    visual?: LabelVisual;
+    borderRadius?: BadgeBorderRadius;
+    withGradient?: boolean;
+    customColors?: LabelCustomColors;
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export type { LabelCustomColors, LabelVisual };
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,KAAK,iBAAiB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,KAAK;WAZT,SAAS;aACP,WAAW;mBACL,iBAAiB;mBACjB,OAAO;mBACP,iBAAiB;SAC3B,WAAW;mDAkCjB,CAAC;AAIF,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { badge } from "@becket-ui/tokens/recipes";
+import {
+  resolveLabelColorVars
+} from "../helpers/labelColors";
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Badge = forwardRef(
+  ({
+    size = "md",
+    visual = "neutral",
+    borderRadius = "full",
+    withGradient = false,
+    customColors,
+    as: Component = "span",
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const recipeClassName = badge({ size, visual, borderRadius, withGradient });
+    const colorVars = resolveLabelColorVars(visual, withGradient, customColors);
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        style: { ...colorVars, ...style },
+        className: mergeClassName(recipeClassName, className)
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+export {
+  Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementType } from 'react';\nimport { badge } from '@becket-ui/tokens/recipes';\n\nimport {\n  resolveLabelColorVars,\n  type LabelCustomColors,\n  type LabelVisual,\n} from '../helpers/labelColors';\n\ntype BadgeSize = 'sm' | 'md' | 'lg';\ntype BadgeBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport type BadgeProps = ComponentPropsWithoutRef<'span'> & {\n  size?: BadgeSize;\n  visual?: LabelVisual;\n  borderRadius?: BadgeBorderRadius;\n  withGradient?: boolean;\n  customColors?: LabelCustomColors;\n  as?: ElementType;\n};\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      size = 'md',\n      visual = 'neutral',\n      borderRadius = 'full',\n      withGradient = false,\n      customColors,\n      as: Component = 'span',\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const recipeClassName = badge({ size, visual, borderRadius, withGradient });\n    const colorVars = resolveLabelColorVars(visual, withGradient, customColors);\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        style={{ ...colorVars, ...style }}\n        className={mergeClassName(recipeClassName, className)}\n      />\n    );\n  },\n);\n\nBadge.displayName = 'Badge';\n\nexport type { LabelCustomColors, LabelVisual };\n"],"mappings":"AA4CM;AA5CN,SAAS,kBAAmE;AAC5E,SAAS,aAAa;AAEtB;AAAA,EACE;AAAA,OAGK;AAcP,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,QAAQ;AAAA,EACnB,CACE;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,eAAe;AAAA,IACf;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,MAAM,EAAE,MAAM,QAAQ,cAAc,aAAa,CAAC;AAC1E,UAAM,YAAY,sBAAsB,QAAQ,cAAc,YAAY;AAE1E,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,OAAO,EAAE,GAAG,WAAW,GAAG,MAAM;AAAA,QAChC,WAAW,eAAe,iBAAiB,SAAS;AAAA;AAAA,IACtD;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/components/Button.d.ts

@@ -0,0 +1,24 @@
+import type { ElementType } from 'react';
+type ButtonVisual = 'outline' | 'primary' | 'secondary' | 'neutral';
+type ButtonSize = 'sm' | 'md';
+type ButtonBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ButtonProps = React.ComponentPropsWithoutRef<'button'> & {
+    visual?: ButtonVisual;
+    size?: ButtonSize;
+    borderRadius?: ButtonBorderRadius;
+    withGradient?: boolean;
+    /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */
+    fullWidth?: boolean;
+    as?: ElementType;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    visual?: ButtonVisual;
+    size?: ButtonSize;
+    borderRadius?: ButtonBorderRadius;
+    withGradient?: boolean;
+    /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */
+    fullWidth?: boolean;
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AACpE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9B,KAAK,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAStE,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,MAAM;aAbR,YAAY;WACd,UAAU;mBACF,kBAAkB;mBAClB,OAAO;IACtB,6EAA6E;gBACjE,OAAO;SACd,WAAW;qDAsCjB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { button } from "@becket-ui/tokens/recipes";
+const VISUAL_TO_RECIPE = {
+  primary: "primary",
+  secondary: "secondary",
+  neutral: "neutral",
+  outline: "outline"
+};
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Button = forwardRef(
+  ({
+    visual = "outline",
+    size = "md",
+    borderRadius = "md",
+    withGradient = false,
+    fullWidth = false,
+    as: ButtonComponent = "button",
+    className,
+    ...props
+  }, ref) => {
+    const recipeClassName = button({
+      visual: VISUAL_TO_RECIPE[visual],
+      size,
+      borderRadius,
+      withGradient,
+      fullWidth
+    });
+    return /* @__PURE__ */ jsx(
+      ButtonComponent,
+      {
+        ref,
+        ...ButtonComponent === "button" ? { type: "button" } : {},
+        ...props,
+        className: mergeClassName(recipeClassName, className)
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ElementType } from 'react';\nimport { button } from '@becket-ui/tokens/recipes';\n\ntype ButtonVisual = 'outline' | 'primary' | 'secondary' | 'neutral';\ntype ButtonSize = 'sm' | 'md';\ntype ButtonBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nconst VISUAL_TO_RECIPE: Record<ButtonVisual, ButtonVisual> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  neutral: 'neutral',\n  outline: 'outline',\n};\n\nexport type ButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  visual?: ButtonVisual;\n  size?: ButtonSize;\n  borderRadius?: ButtonBorderRadius;\n  withGradient?: boolean;\n  /** Stretch to the parent width. Default is token `sizes.field` (12.5rem). */\n  fullWidth?: boolean;\n  as?: ElementType;\n};\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      visual = 'outline',\n      size = 'md',\n      borderRadius = 'md',\n      withGradient = false,\n      fullWidth = false,\n      as: ButtonComponent = 'button',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const recipeClassName = (button)({\n      visual: VISUAL_TO_RECIPE[visual],\n      size,\n      borderRadius,\n      withGradient,\n      fullWidth,\n    });\n\n    return (\n      <ButtonComponent\n        ref={ref}\n        {...(ButtonComponent === 'button' ? { type: 'button' as const } : {})}\n        {...props}\n        className={mergeClassName(recipeClassName, className)}\n      />\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"AAoDM;AApDN,SAAS,kBAAkB;AAE3B,SAAS,cAAc;AAMvB,MAAM,mBAAuD;AAAA,EAC3D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAYA,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE,SAAS;AAAA,IACT,OAAO;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,IAAI,kBAAkB;AAAA,IACtB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAmB,OAAQ;AAAA,MAC/B,QAAQ,iBAAiB,MAAM;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAI,oBAAoB,WAAW,EAAE,MAAM,SAAkB,IAAI,CAAC;AAAA,QAClE,GAAG;AAAA,QACJ,WAAW,eAAe,iBAAiB,SAAS;AAAA;AAAA,IACtD;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/components/Button.test.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { describe, expect, it, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { assertNoAxeViolations } from "@becket-ui/a11y";
+import { Button } from "./Button";
+describe("Button", () => {
+  it('defaults to type="button"', () => {
+    render(/* @__PURE__ */ jsx(Button, { children: "Save" }));
+    expect(screen.getByRole("button", { name: "Save" }).getAttribute("type")).toBe("button");
+  });
+  it('keeps an explicit type="submit"', () => {
+    render(/* @__PURE__ */ jsx(Button, { type: "submit", children: "Send" }));
+    expect(screen.getByRole("button", { name: "Send" }).getAttribute("type")).toBe("submit");
+  });
+  it("does not set type when as is not button", () => {
+    render(
+      /* @__PURE__ */ jsx(Button, { as: "a", href: "#save", children: "Save" })
+    );
+    expect(screen.getByRole("link", { name: "Save" }).hasAttribute("type")).toBe(false);
+  });
+  it("does not submit a wrapping form", async () => {
+    const onSubmit = vi.fn((event) => event.preventDefault());
+    const user = userEvent.setup();
+    render(
+      /* @__PURE__ */ jsx(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            onSubmit(event.nativeEvent);
+          },
+          children: /* @__PURE__ */ jsx(Button, { children: "Confirm" })
+        }
+      )
+    );
+    await user.click(screen.getByRole("button", { name: "Confirm" }));
+    expect(onSubmit).not.toHaveBeenCalled();
+  });
+  it("has no axe violations on a named button", async () => {
+    const { container } = render(/* @__PURE__ */ jsx(Button, { children: "Save" }));
+    await assertNoAxeViolations(container);
+  });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/components/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Button.test.tsx"],"sourcesContent":["import { describe, expect, it, vi } from 'vitest';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { assertNoAxeViolations } from '@becket-ui/a11y';\n\nimport { Button } from './Button';\n\ndescribe('Button', () => {\n  it('defaults to type=\"button\"', () => {\n    render(<Button>Save</Button>);\n    expect(screen.getByRole('button', { name: 'Save' }).getAttribute('type')).toBe('button');\n  });\n\n  it('keeps an explicit type=\"submit\"', () => {\n    render(<Button type=\"submit\">Send</Button>);\n    expect(screen.getByRole('button', { name: 'Send' }).getAttribute('type')).toBe('submit');\n  });\n\n  it('does not set type when as is not button', () => {\n    render(\n      <Button as=\"a\" href=\"#save\">\n        Save\n      </Button>,\n    );\n    expect(screen.getByRole('link', { name: 'Save' }).hasAttribute('type')).toBe(false);\n  });\n\n  it('does not submit a wrapping form', async () => {\n    const onSubmit = vi.fn((event: SubmitEvent) => event.preventDefault());\n    const user = userEvent.setup();\n    render(\n      <form\n        onSubmit={(event) => {\n          event.preventDefault();\n          onSubmit(event.nativeEvent);\n        }}\n      >\n        <Button>Confirm</Button>\n      </form>,\n    );\n\n    await user.click(screen.getByRole('button', { name: 'Confirm' }));\n    expect(onSubmit).not.toHaveBeenCalled();\n  });\n\n  it('has no axe violations on a named button', async () => {\n    const { container } = render(<Button>Save</Button>);\n    await assertNoAxeViolations(container);\n  });\n});\n"],"mappings":"AASW;AATX,SAAS,UAAU,QAAQ,IAAI,UAAU;AACzC,SAAS,QAAQ,cAAc;AAC/B,OAAO,eAAe;AACtB,SAAS,6BAA6B;AAEtC,SAAS,cAAc;AAEvB,SAAS,UAAU,MAAM;AACvB,KAAG,6BAA6B,MAAM;AACpC,WAAO,oBAAC,UAAO,kBAAI,CAAS;AAC5B,WAAO,OAAO,UAAU,UAAU,EAAE,MAAM,OAAO,CAAC,EAAE,aAAa,MAAM,CAAC,EAAE,KAAK,QAAQ;AAAA,EACzF,CAAC;AAED,KAAG,mCAAmC,MAAM;AAC1C,WAAO,oBAAC,UAAO,MAAK,UAAS,kBAAI,CAAS;AAC1C,WAAO,OAAO,UAAU,UAAU,EAAE,MAAM,OAAO,CAAC,EAAE,aAAa,MAAM,CAAC,EAAE,KAAK,QAAQ;AAAA,EACzF,CAAC;AAED,KAAG,2CAA2C,MAAM;AAClD;AAAA,MACE,oBAAC,UAAO,IAAG,KAAI,MAAK,SAAQ,kBAE5B;AAAA,IACF;AACA,WAAO,OAAO,UAAU,QAAQ,EAAE,MAAM,OAAO,CAAC,EAAE,aAAa,MAAM,CAAC,EAAE,KAAK,KAAK;AAAA,EACpF,CAAC;AAED,KAAG,mCAAmC,YAAY;AAChD,UAAM,WAAW,GAAG,GAAG,CAAC,UAAuB,MAAM,eAAe,CAAC;AACrE,UAAM,OAAO,UAAU,MAAM;AAC7B;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC,UAAU;AACnB,kBAAM,eAAe;AACrB,qBAAS,MAAM,WAAW;AAAA,UAC5B;AAAA,UAEA,8BAAC,UAAO,qBAAO;AAAA;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,KAAK,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,UAAU,CAAC,CAAC;AAChE,WAAO,QAAQ,EAAE,IAAI,iBAAiB;AAAA,EACxC,CAAC;AAED,KAAG,2CAA2C,YAAY;AACxD,UAAM,EAAE,UAAU,IAAI,OAAO,oBAAC,UAAO,kBAAI,CAAS;AAClD,UAAM,sBAAsB,SAAS;AAAA,EACvC,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Card.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from 'react';
+type CardSize = 'sm' | 'md' | 'lg';
+type CardVisual = 'outline' | 'subtle' | 'elevated';
+export type CardProps = ComponentPropsWithoutRef<'div'> & {
+    size?: CardSize;
+    visual?: CardVisual;
+    /** Stretch to the parent width. Default wraps to content (`fit-content`). */
+    fullWidth?: boolean;
+    as?: ElementType;
+};
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    size?: CardSize;
+    visual?: CardVisual;
+    /** Stretch to the parent width. Default wraps to content (`fit-content`). */
+    fullWidth?: boolean;
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: ElementType;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: ElementType;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: ElementType;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnC,KAAK,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAapD,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI;WAPR,QAAQ;aACN,UAAU;IACnB,6EAA6E;gBACjE,OAAO;SACd,WAAW;kDA0BjB,CAAC;AAcF,eAAO,MAAM,UAAU;SAJhB,WAAW;eACL,SAAS;kDAUrB,CAAC;AAGF,eAAO,MAAM,QAAQ;SAdd,WAAW;eACL,SAAS;kDAoBrB,CAAC;AAGF,eAAO,MAAM,UAAU;SAxBhB,WAAW;eACL,SAAS;kDA8BrB,CAAC;AAGF,eAAO,MAAM,SAAS;SAA0E,WAAW;sDAO1G,CAAC;AAGF,eAAO,MAAM,eAAe;SAA2E,WAAW;wDAOjH,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  forwardRef,
+  useContext
+} from "react";
+import { card } from "@becket-ui/tokens/recipes";
+const CardContext = createContext({ size: "md", visual: "subtle" });
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Card = forwardRef(
+  ({
+    size = "md",
+    visual = "subtle",
+    fullWidth = false,
+    as: Component = "div",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const styles = card({ size, visual, fullWidth });
+    return /* @__PURE__ */ jsx(CardContext.Provider, { value: { size, visual }, children: /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.root, className), children }) });
+  }
+);
+Card.displayName = "Card";
+function useCardStyles() {
+  const { size, visual } = useContext(CardContext);
+  return card({ size, visual });
+}
+const CardHeader = forwardRef(
+  ({ as: Component = "div", className, ...props }, ref) => {
+    const styles = useCardStyles();
+    return /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.header, className) });
+  }
+);
+CardHeader.displayName = "CardHeader";
+const CardBody = forwardRef(
+  ({ as: Component = "div", className, ...props }, ref) => {
+    const styles = useCardStyles();
+    return /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.body, className) });
+  }
+);
+CardBody.displayName = "CardBody";
+const CardFooter = forwardRef(
+  ({ as: Component = "div", className, ...props }, ref) => {
+    const styles = useCardStyles();
+    return /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.footer, className) });
+  }
+);
+CardFooter.displayName = "CardFooter";
+const CardTitle = forwardRef(
+  ({ as: Component = "h3", className, ...props }, ref) => {
+    const styles = useCardStyles();
+    return /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.title, className) });
+  }
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = forwardRef(
+  ({ as: Component = "p", className, ...props }, ref) => {
+    const styles = useCardStyles();
+    return /* @__PURE__ */ jsx(Component, { ref, ...props, className: mergeClassName(styles.description, className) });
+  }
+);
+CardDescription.displayName = "CardDescription";
+export {
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Card.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type ReactNode,\n} from 'react';\nimport { card } from '@becket-ui/tokens/recipes';\n\ntype CardSize = 'sm' | 'md' | 'lg';\ntype CardVisual = 'outline' | 'subtle' | 'elevated';\n\ntype CardContextValue = {\n  size: CardSize;\n  visual: CardVisual;\n};\n\nconst CardContext = createContext<CardContextValue>({ size: 'md', visual: 'subtle' });\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport type CardProps = ComponentPropsWithoutRef<'div'> & {\n  size?: CardSize;\n  visual?: CardVisual;\n  /** Stretch to the parent width. Default wraps to content (`fit-content`). */\n  fullWidth?: boolean;\n  as?: ElementType;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      size = 'md',\n      visual = 'subtle',\n      fullWidth = false,\n      as: Component = 'div',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const styles = card({ size, visual, fullWidth });\n\n    return (\n      <CardContext.Provider value={{ size, visual }}>\n        <Component ref={ref} {...props} className={mergeClassName(styles.root, className)}>\n          {children}\n        </Component>\n      </CardContext.Provider>\n    );\n  },\n);\n\nCard.displayName = 'Card';\n\nfunction useCardStyles() {\n  const { size, visual } = useContext(CardContext);\n  return card({ size, visual });\n}\n\ntype CardSlotProps = ComponentPropsWithoutRef<'div'> & {\n  as?: ElementType;\n  children?: ReactNode;\n};\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardSlotProps>(\n  ({ as: Component = 'div', className, ...props }, ref) => {\n    const styles = useCardStyles();\n    return (\n      <Component ref={ref} {...props} className={mergeClassName(styles.header, className)} />\n    );\n  },\n);\nCardHeader.displayName = 'CardHeader';\n\nexport const CardBody = forwardRef<HTMLDivElement, CardSlotProps>(\n  ({ as: Component = 'div', className, ...props }, ref) => {\n    const styles = useCardStyles();\n    return (\n      <Component ref={ref} {...props} className={mergeClassName(styles.body, className)} />\n    );\n  },\n);\nCardBody.displayName = 'CardBody';\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardSlotProps>(\n  ({ as: Component = 'div', className, ...props }, ref) => {\n    const styles = useCardStyles();\n    return (\n      <Component ref={ref} {...props} className={mergeClassName(styles.footer, className)} />\n    );\n  },\n);\nCardFooter.displayName = 'CardFooter';\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<'h3'> & { as?: ElementType }>(\n  ({ as: Component = 'h3', className, ...props }, ref) => {\n    const styles = useCardStyles();\n    return (\n      <Component ref={ref} {...props} className={mergeClassName(styles.title, className)} />\n    );\n  },\n);\nCardTitle.displayName = 'CardTitle';\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<'p'> & { as?: ElementType }>(\n  ({ as: Component = 'p', className, ...props }, ref) => {\n    const styles = useCardStyles();\n    return (\n      <Component ref={ref} {...props} className={mergeClassName(styles.description, className)} />\n    );\n  },\n);\nCardDescription.displayName = 'CardDescription';\n"],"mappings":";AAmDQ;AAjDR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,YAAY;AAUrB,MAAM,cAAc,cAAgC,EAAE,MAAM,MAAM,QAAQ,SAAS,CAAC;AAEpF,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAUO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,SAAS,KAAK,EAAE,MAAM,QAAQ,UAAU,CAAC;AAE/C,WACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,MAAM,OAAO,GAC1C,8BAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,MAAM,SAAS,GAC7E,UACH,GACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,SAAS,gBAAgB;AACvB,QAAM,EAAE,MAAM,OAAO,IAAI,WAAW,WAAW;AAC/C,SAAO,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B;AAOO,MAAM,aAAa;AAAA,EACxB,CAAC,EAAE,IAAI,YAAY,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvD,UAAM,SAAS,cAAc;AAC7B,WACE,oBAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,QAAQ,SAAS,GAAG;AAAA,EAEzF;AACF;AACA,WAAW,cAAc;AAElB,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,IAAI,YAAY,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvD,UAAM,SAAS,cAAc;AAC7B,WACE,oBAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,MAAM,SAAS,GAAG;AAAA,EAEvF;AACF;AACA,SAAS,cAAc;AAEhB,MAAM,aAAa;AAAA,EACxB,CAAC,EAAE,IAAI,YAAY,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvD,UAAM,SAAS,cAAc;AAC7B,WACE,oBAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,QAAQ,SAAS,GAAG;AAAA,EAEzF;AACF;AACA,WAAW,cAAc;AAElB,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,IAAI,YAAY,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AACtD,UAAM,SAAS,cAAc;AAC7B,WACE,oBAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,OAAO,SAAS,GAAG;AAAA,EAExF;AACF;AACA,UAAU,cAAc;AAEjB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,IAAI,YAAY,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ;AACrD,UAAM,SAAS,cAAc;AAC7B,WACE,oBAAC,aAAU,KAAW,GAAG,OAAO,WAAW,eAAe,OAAO,aAAa,SAAS,GAAG;AAAA,EAE9F;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+type CheckboxSize = 'sm' | 'md';
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    label?: ReactNode;
+    description?: ReactNode;
+    size?: CheckboxSize;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    label?: ReactNode;
+    description?: ReactNode;
+    size?: CheckboxSize;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpF,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,QAAQ;YATX,SAAS;kBACH,SAAS;WAChB,YAAY;oDA2CpB,CAAC"}

package/dist/components/Checkbox.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { checkbox as checkboxRecipe } from "@becket-ui/tokens/recipes";
+function mergeClassName(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Checkbox = forwardRef(
+  ({ id, label, description, disabled, className, size = "md", ...props }, ref) => {
+    const autoId = useId();
+    const inputId = id ?? autoId;
+    const descriptionId = description != null ? `${inputId}-desc` : void 0;
+    const styles = checkboxRecipe({ size });
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: mergeClassName(styles.root, className),
+        htmlFor: inputId,
+        "data-disabled": disabled ? "" : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type: "checkbox",
+              disabled,
+              "aria-describedby": descriptionId,
+              ...props,
+              className: styles.control
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles.indicator, "aria-hidden": "true" }),
+          label != null || description != null ? /* @__PURE__ */ jsxs("span", { className: styles.text, children: [
+            label != null ? /* @__PURE__ */ jsx("span", { className: styles.label, children: label }) : null,
+            description != null ? /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.description, children: description }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useId, type InputHTMLAttributes, type ReactNode } from 'react';\nimport { checkbox as checkboxRecipe } from '@becket-ui/tokens/recipes';\n\ntype CheckboxSize = 'sm' | 'md';\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  size?: CheckboxSize;\n};\n\nfunction mergeClassName(...classes: (string | undefined)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ id, label, description, disabled, className, size = 'md', ...props }, ref) => {\n    const autoId = useId();\n    const inputId = id ?? autoId;\n    const descriptionId = description != null ? `${inputId}-desc` : undefined;\n    const styles = checkboxRecipe({ size });\n\n    return (\n      <label\n        className={mergeClassName(styles.root, className)}\n        htmlFor={inputId}\n        data-disabled={disabled ? '' : undefined}\n      >\n        <input\n          ref={ref}\n          id={inputId}\n          type=\"checkbox\"\n          disabled={disabled}\n          aria-describedby={descriptionId}\n          {...props}\n          className={styles.control}\n        />\n        <span className={styles.indicator} aria-hidden=\"true\" />\n        {label != null || description != null ? (\n          <span className={styles.text}>\n            {label != null ? <span className={styles.label}>{label}</span> : null}\n            {description != null ? (\n              <span id={descriptionId} className={styles.description}>\n                {description}\n              </span>\n            ) : null}\n          </span>\n        ) : null}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":"AA4BQ,cAWE,YAXF;AA5BR,SAAS,YAAY,aAAuD;AAC5E,SAAS,YAAY,sBAAsB;AAU3C,SAAS,kBAAkB,SAAyC;AAClE,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAEO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,IAAI,OAAO,aAAa,UAAU,WAAW,OAAO,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC/E,UAAM,SAAS,MAAM;AACrB,UAAM,UAAU,MAAM;AACtB,UAAM,gBAAgB,eAAe,OAAO,GAAG,OAAO,UAAU;AAChE,UAAM,SAAS,eAAe,EAAE,KAAK,CAAC;AAEtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe,OAAO,MAAM,SAAS;AAAA,QAChD,SAAS;AAAA,QACT,iBAAe,WAAW,KAAK;AAAA,QAE/B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,MAAK;AAAA,cACL;AAAA,cACA,oBAAkB;AAAA,cACjB,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA;AAAA,UACpB;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WAAW,eAAY,QAAO;AAAA,UACrD,SAAS,QAAQ,eAAe,OAC/B,qBAAC,UAAK,WAAW,OAAO,MACrB;AAAA,qBAAS,OAAO,oBAAC,UAAK,WAAW,OAAO,OAAQ,iBAAM,IAAU;AAAA,YAChE,eAAe,OACd,oBAAC,UAAK,IAAI,eAAe,WAAW,OAAO,aACxC,uBACH,IACE;AAAA,aACN,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/components/Dialog.d.ts

@@ -0,0 +1,41 @@
+import { type DialogHTMLAttributes, type ElementType, type ReactNode } from 'react';
+type DialogRole = 'dialog' | 'alertdialog';
+export type DialogProps = Omit<DialogHTMLAttributes<HTMLDialogElement>, 'open' | 'title'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Composed heading. When set, Dialog renders header + close. */
+    title?: ReactNode;
+    /** Composed actions (pass `Button` nodes). When set, Dialog renders the footer. */
+    footer?: ReactNode;
+    /**
+     * `alertdialog` is for confirms: no backdrop dismiss, Escape still closes,
+     * initial focus is the first footer action (Cancel) when present.
+     */
+    role?: DialogRole;
+    children?: ReactNode;
+};
+export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogHTMLAttributes<HTMLDialogElement>, "open" | "title"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Composed heading. When set, Dialog renders header + close. */
+    title?: ReactNode;
+    /** Composed actions (pass `Button` nodes). When set, Dialog renders the footer. */
+    footer?: ReactNode;
+    /**
+     * `alertdialog` is for confirms: no backdrop dismiss, Escape still closes,
+     * initial focus is the first footer action (Cancel) when present.
+     */
+    role?: DialogRole;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDialogElement>>;
+export declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: ElementType;
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAEhB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,KAAK,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;AAwB3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAC1F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM;WAfV,OAAO;kBACA,OAAO;mBACN,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IACtC,iEAAiE;YACzD,SAAS;IACjB,mFAAmF;aAC1E,SAAS;IAClB;;;OAGG;WACI,UAAU;eACN,SAAS;qDAyErB,CAAC;AAIF,eAAO,MAAM,YAAY,2MAKxB,CAAC;AAKF,eAAO,MAAM,WAAW;SAFwC,WAAW;sDAc1E,CAAC;AAGF,eAAO,MAAM,UAAU,2MAoBtB,CAAC;AAGF,eAAO,MAAM,YAAY,2MAYxB,CAAC;AAKF,eAAO,MAAM,WAAW,0NAqBvB,CAAC"}