@bergetai/ui 0.14.2 → 0.16.0

package/dist/components/box/Box.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/box/Box.tsx
+const boxVariants = cva("flex", {
+	variants: {
+		direction: {
+			row: "flex-row",
+			column: "flex-col",
+			"row-reverse": "flex-row-reverse",
+			"column-reverse": "flex-col-reverse"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			"wrap-reverse": "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		direction: "column",
+		align: "start",
+		justify: "start",
+		wrap: "nowrap"
+	}
+});
+const Box = React.forwardRef(({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
+	return useRender({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: mergeProps({
+			className: cn(boxVariants({
+				direction,
+				align,
+				justify,
+				wrap
+			}), gap !== void 0 && `gap-${gap}`, className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Box.displayName = "Box";
+//#endregion
+export { Box, boxVariants };
+
+//# sourceMappingURL=Box.mjs.map

package/dist/components/box/Box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.mjs","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst boxVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    align: 'start',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface BoxProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof boxVariants> {\n  children?: React.ReactNode;\n  gap?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Box = React.forwardRef<HTMLElement, BoxProps>(\n  (\n    { className, direction, align, justify, wrap, gap, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            boxVariants({ direction, align, justify, wrap }),\n            gap !== undefined && `gap-${gap}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nBox.displayName = 'Box';\n\nexport { Box, boxVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,cAAc,IAAI,QAAQ;CAC9B,UAAU;EACR,WAAW;GACT,KAAK;GACL,QAAQ;GACR,eAAe;GACf,kBAAkB;EACpB;EACA,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;EACA,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,gBAAgB;EAClB;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,SAAS;EACT,MAAM;CACR;AACF,CAAC;AAiCD,MAAM,MAAM,MAAM,YAEd,EAAE,WAAW,WAAW,OAAO,SAAS,MAAM,KAAK,UAAU,OAAO,UAAU,GAAG,SACjF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,YAAY;IAAE;IAAW;IAAO;IAAS;GAAK,CAAC,GAC/C,QAAQ,KAAA,KAAa,OAAO,OAC5B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,IAAI,cAAc"}

package/dist/components/box/index.d.cts

@@ -0,0 +1,2 @@
+import { Box, BoxProps, SpacingScale, boxVariants } from "./Box.cjs";
+export { Box, type BoxProps, type SpacingScale, boxVariants };

package/dist/components/box/index.d.mts

@@ -0,0 +1,2 @@
+import { Box, BoxProps, SpacingScale, boxVariants } from "./Box.mjs";
+export { Box, type BoxProps, type SpacingScale, boxVariants };

package/dist/components/bubble/index.d.cts

@@ -0,0 +1,2 @@
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "../../primitives/bubble.cjs";
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/components/bubble/index.d.mts

@@ -0,0 +1,2 @@
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "../../primitives/bubble.mjs";
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/components/button/Button.cjs

@@ -0,0 +1,75 @@
+"use client";
+const require_utils = require("../../lib/utils.cjs");
+const require_button = require("../../primitives/button.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/button/Button.tsx
+/**
+* Shared interaction chrome for every variant.
+*
+* The primitive already provides hover/focus/disabled plumbing via shadcn
+* tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in
+* `styles/index.css` maps to brand values. These classes neutralise the bits
+* that don't fit the Berget system and apply the component-scoped
+* `--berget-button-*` state tokens:
+*
+* - Focus: always visible on keyboard focus (`focus-visible`), drawn as a
+*   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`
+*   (moss-300 dark / moss-600 light, ≥3:1 against the surface per
+*   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's
+*   own border keeps its resting colour.
+* - Disabled: replaces the primitive's flat `opacity-50` fade with explicit
+*   muted tokens so every variant stays legible (≥3:1, and disabled UI is
+*   exempt from AA text contrast per WCAG 1.4.3).
+*
+* `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the
+* Berget theme. Theme switching is driven entirely by the semantic tokens.
+*/
+const interactionClasses = require_utils.cn("focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0", "disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed", "active:not-aria-[haspopup]:translate-y-0");
+/** Disabled treatment shared by every variant. */
+const disabledClasses = "disabled:text-berget-button-disabled-fg disabled:shadow-none";
+/** Brand-specific classes applied *on top* of the upstream primitive. */
+function brandVariantClasses(variant) {
+	switch (variant) {
+		case "primary": return require_utils.cn("bg-berget-button-primary-bg text-berget-button-primary-fg", "hover:bg-berget-button-primary-hover", "hover:text-berget-button-primary-fg", "active:bg-berget-button-primary-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-primary-disabled-bg");
+		case "destructive": return require_utils.cn("bg-berget-button-destructive-bg text-berget-button-destructive-fg", "hover:bg-berget-button-destructive-hover", "hover:text-berget-button-destructive-hover-fg", "active:bg-berget-button-destructive-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-destructive-disabled-bg");
+		case "outline": return require_utils.cn("bg-transparent border-berget-button-outline-border text-berget-button-outline-fg", "hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover", "active:bg-transparent dark:active:bg-transparent", "focus-visible:border-berget-button-outline-border", disabledClasses, "disabled:bg-transparent disabled:border-berget-button-disabled-border");
+		case "ghost": return require_utils.cn("bg-transparent text-berget-button-ghost-fg", "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg", "dark:hover:bg-berget-button-ghost-hover", "active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-transparent");
+		case "link": return require_utils.cn("h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none", "hover:bg-transparent hover:text-berget-button-link-hover-fg", "active:text-berget-button-link-fg", "focus:bg-transparent", "focus-visible:border-transparent focus-visible:ring-0", "focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:rounded-berget-xs", "disabled:text-berget-button-disabled-fg disabled:no-underline", "disabled:opacity-100 disabled:cursor-not-allowed");
+		default: return require_utils.cn("bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg", "hover:bg-berget-button-default-hover", "active:bg-berget-button-default-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-default-disabled-bg");
+	}
+}
+/** Map custom variants to the closest upstream primitive variant. */
+function primitiveVariant(variant) {
+	switch (variant) {
+		case "primary":
+		case "destructive":
+		case "outline":
+		case "ghost": return "ghost";
+		default: return variant;
+	}
+}
+function Button({ className, variant = "default", size, asChild = false, width = "default", type = "button", ref, children, ...props }) {
+	const isIcon = typeof size === "string" && size.startsWith("icon");
+	const isLink = variant === "link";
+	const baseClass = require_utils.cn(!isLink && require_button.buttonVariants({
+		variant: primitiveVariant(variant),
+		size
+	}), !isLink && (width === "full" ? "rounded-berget-xs" : "rounded-full"), !isLink && !isIcon && "py-[0.57em] px-[1.14em] h-auto", !isLink && !isIcon && (size === "lg" ? "text-lg" : size === "sm" ? "text-sm" : size === "xs" ? "" : "text-base"), !isLink && "font-normal", brandVariantClasses(variant), interactionClasses, !isLink && width === "full" && "w-full", isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]", className);
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("inline-flex items-center", !isIcon && "gap-2"),
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+		className: baseClass,
+		ref,
+		render: require_utils.asChildRender(asChild, children),
+		type,
+		...props,
+		children: asChild ? void 0 : content
+	});
+}
+//#endregion
+exports.Button = Button;
+exports.buttonVariants = require_button.buttonVariants;
+
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["cn","buttonVariants","ButtonPrimitive","asChildRender"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Button as ButtonPrimitive, buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\n\n/** Variants exposed by the Berget wrapper. */\ntype CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';\n\n/** Props for the Berget Button wrapper. */\nexport interface ButtonProps extends Omit<\n  React.ComponentProps<typeof ButtonPrimitive>,\n  'variant' | 'ref'\n> {\n  /** Visual style variant. `primary` is Berget-specific. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Shared interaction chrome for every variant.\n *\n * The primitive already provides hover/focus/disabled plumbing via shadcn\n * tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in\n * `styles/index.css` maps to brand values. These classes neutralise the bits\n * that don't fit the Berget system and apply the component-scoped\n * `--berget-button-*` state tokens:\n *\n * - Focus: always visible on keyboard focus (`focus-visible`), drawn as a\n *   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`\n *   (moss-300 dark / moss-600 light, ≥3:1 against the surface per\n *   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's\n *   own border keeps its resting colour.\n * - Disabled: replaces the primitive's flat `opacity-50` fade with explicit\n *   muted tokens so every variant stays legible (≥3:1, and disabled UI is\n *   exempt from AA text contrast per WCAG 1.4.3).\n *\n * `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the\n * Berget theme. Theme switching is driven entirely by the semantic tokens.\n */\nconst interactionClasses = cn(\n  // Outline-based focus indicator; neutralise the primitive's ring (the\n  // ring colour class is left — harmless at width 0).\n  'focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0',\n  // Neutralise the primitive's disabled fade; variants apply their own tokens.\n  'disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed',\n  // No press movement: same compound selector as the primitive base's 1px\n  // active translate so tailwind-merge strips it down to 0.\n  'active:not-aria-[haspopup]:translate-y-0',\n);\n\n/** Disabled treatment shared by every variant. */\nconst disabledClasses = 'disabled:text-berget-button-disabled-fg disabled:shadow-none';\n\n/** Brand-specific classes applied *on top* of the upstream primitive. */\nfunction brandVariantClasses(variant?: CustomVariant): string {\n  switch (variant) {\n    case 'primary':\n      return cn(\n        // Flat tinted-glass fill; the alpha carries the state, so no shadow lift.\n        'bg-berget-button-primary-bg text-berget-button-primary-fg',\n        'hover:bg-berget-button-primary-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the primary fg token.\n        'hover:text-berget-button-primary-fg',\n        'active:bg-berget-button-primary-active',\n        // Keep the resting (transparent) border on focus — the outline is the indicator.\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-primary-disabled-bg',\n      );\n    case 'destructive':\n      return cn(\n        'bg-berget-button-destructive-bg text-berget-button-destructive-fg',\n        'hover:bg-berget-button-destructive-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the destructive fg token.\n        'hover:text-berget-button-destructive-hover-fg',\n        'active:bg-berget-button-destructive-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-destructive-disabled-bg',\n      );\n    case 'outline':\n      return cn(\n        // Transparent fill with a theme-foreground-derived border (25% of the\n        // foreground). The state treatment is static: hover, press and\n        // keyboard focus render identically to rest — only the shared focus\n        // outline and the disabled treatment deviate.\n        'bg-transparent border-berget-button-outline-border text-berget-button-outline-fg',\n        // Hover: slight brightening (hover bg token); the border and\n        // foreground stay at rest. The dark:hover twin also neutralises\n        // the primitive ghost's dark:hover:bg-muted/50. Pressed drops the\n        // fill back to transparent (a pressed element is still hovered, so\n        // an explicit active override is needed in both colour schemes).\n        'hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover',\n        'active:bg-transparent dark:active:bg-transparent',\n        // Keep the resting border on focus — the shared outline is the indicator.\n        'focus-visible:border-berget-button-outline-border',\n        disabledClasses,\n        'disabled:bg-transparent disabled:border-berget-button-disabled-border',\n      );\n    case 'ghost':\n      // Transparent fill with foreground text; hover and press add subtle\n      // theme-foreground-derived fills (10% / 5%). No border of its own —\n      // the primitive's resting transparent border persists. The primitive\n      // ghost variant's aria-expanded state (bg-muted + foreground text)\n      // passes through for dropdown-trigger use.\n      return cn(\n        'bg-transparent text-berget-button-ghost-fg',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which is the same value here but pinned\n        // explicitly for parity with the other fg-token variants.\n        'hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg',\n        // The dark:hover twin neutralises the primitive ghost's\n        // dark:hover:bg-muted/50 so only the token fill applies.\n        'dark:hover:bg-berget-button-ghost-hover',\n        'active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-transparent',\n      );\n    case 'link':\n      // Rendered without buttonVariants — needs its own sizing, focus ring and\n      // disabled treatment (the primitive's fade is not legible on text links).\n      return cn(\n        'h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none',\n        'hover:bg-transparent hover:text-berget-button-link-hover-fg',\n        // On press, return to the resting foreground (hover fg otherwise sticks).\n        'active:text-berget-button-link-fg',\n        'focus:bg-transparent',\n        // Neutralise the primitive base's focus-visible:border-ring + ring-3,\n        // which land on link too (the primitive merges its cva base under\n        // every variant): the outline above is the only focus indicator.\n        'focus-visible:border-transparent focus-visible:ring-0',\n        'focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:rounded-berget-xs',\n        'disabled:text-berget-button-disabled-fg disabled:no-underline',\n        'disabled:opacity-100 disabled:cursor-not-allowed',\n      );\n\n    case 'default':\n    default:\n      return cn(\n        // Solid granite-800 fill with a granite-700 border on dark surfaces\n        // (ink glass in light theme).\n        'bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg',\n        'hover:bg-berget-button-default-hover',\n        'active:bg-berget-button-default-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-default-disabled-bg',\n      );\n  }\n}\n\n/** Map custom variants to the closest upstream primitive variant. */\nfunction primitiveVariant(variant?: CustomVariant): VariantProps<typeof buttonVariants>['variant'] {\n  switch (variant) {\n    case 'primary':\n    case 'destructive':\n    case 'outline':\n    case 'ghost':\n      return 'ghost';\n    default:\n      return variant;\n  }\n}\n\nexport function Button({\n  className,\n  variant = 'default',\n  size,\n  asChild = false,\n  width = 'default',\n  type = 'button',\n  ref,\n  children,\n  ...props\n}: ButtonProps) {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n  const isLink = variant === 'link';\n\n  const baseClass = cn(\n    !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Berget brand overrides — full-width buttons use the square radius;\n    // everything else stays pill-shaped.\n    !isLink && (width === 'full' ? 'rounded-berget-xs' : 'rounded-full'),\n    // Em-based padding, inline = 2× block — matches the 8px/16px spacing-scale\n    // values at the default text-sm (14px) and scales down/up with smaller or\n    // larger button text. h-auto drops the primitive's fixed h-* so the\n    // vertical paddings take effect.\n    !isLink && !isIcon && 'py-[0.57em] px-[1.14em] h-auto',\n    // Text ladder: size = typography scale; the em-based padding above\n    // follows automatically, so no per-size paddings are needed. Only\n    // default/lg/sm need overrides — xs keeps the primitive's text-xs.\n    !isLink &&\n      !isIcon &&\n      (size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : size === 'xs' ? '' : 'text-base'),\n    // Normal weight for every non-link variant — tailwind-merge strips the\n    // primitive's font-medium (font-weight: var(--font-weight-medium)); the\n    // link variant keeps medium via its own classes above.\n    !isLink && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    !isLink && width === 'full' && 'w-full',\n    isIcon && 'rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]',\n    className,\n  );\n\n  const content = (\n    <span className={cn('inline-flex items-center', !isIcon && 'gap-2')}>{children}</span>\n  );\n\n  return (\n    <ButtonPrimitive\n      className={baseClass}\n      ref={ref}\n      render={asChildRender(asChild, children)}\n      type={type}\n      {...props}\n    >\n      {asChild ? undefined : content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,qBAAqBA,cAAAA,GAGzB,0JAEA,iFAGA,0CACF;;AAGA,MAAM,kBAAkB;;AAGxB,SAAS,oBAAoB,SAAiC;CAC5D,QAAQ,SAAR;EACE,KAAK,WACH,OAAOA,cAAAA,GAEL,6DACA,wCAGA,uCACA,0CAEA,oCACA,iBACA,+CACF;EACF,KAAK,eACH,OAAOA,cAAAA,GACL,qEACA,4CAGA,iDACA,8CACA,oCACA,iBACA,mDACF;EACF,KAAK,WACH,OAAOA,cAAAA,GAKL,oFAMA,kFACA,oDAEA,qDACA,iBACA,uEACF;EACF,KAAK,SAMH,OAAOA,cAAAA,GACL,8CAIA,wEAGA,2CACA,kFACA,oCACA,iBACA,yBACF;EACF,KAAK,QAGH,OAAOA,cAAAA,GACL,mGACA,+DAEA,qCACA,wBAIA,yDACA,qKACA,iEACA,kDACF;EAGF,SACE,OAAOA,cAAAA,GAGL,iGACA,wCACA,0CACA,oCACA,iBACA,+CACF;CACJ;AACF;;AAGA,SAAS,iBAAiB,SAAyE;CACjG,QAAQ,SAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,MACA,UAAU,OACV,QAAQ,WACR,OAAO,UACP,KACA,UACA,GAAG,SACW;CACd,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CACjE,MAAM,SAAS,YAAY;CAE3B,MAAM,YAAYA,cAAAA,GAChB,CAAC,UAAUC,eAAAA,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAGtE,CAAC,WAAW,UAAU,SAAS,sBAAsB,iBAKrD,CAAC,UAAU,CAAC,UAAU,kCAItB,CAAC,UACC,CAAC,WACA,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY,SAAS,OAAO,KAAK,cAIhF,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,CAAC,UAAU,UAAU,UAAU,UAC/B,UAAU,sFACV,SACF;CAEA,MAAM,UACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAWD,cAAAA,GAAG,4BAA4B,CAAC,UAAU,OAAO;EAAI;CAAe,CAAA;CAGvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,eAAAA,QAAD;EACE,WAAW;EACN;EACL,QAAQC,cAAAA,cAAc,SAAS,QAAQ;EACjC;EACN,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACR,CAAA;AAErB"}

package/dist/components/button/Button.d.cts

@@ -0,0 +1,19 @@
+import { Button as Button$1, buttonVariants } from "../../primitives/button.cjs";
+import * as React from "react";
+//#region src/components/button/Button.d.ts
+/** Variants exposed by the Berget wrapper. */
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
+/** Props for the Berget Button wrapper. */
+export interface ButtonProps extends Omit<React.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
+  /** Visual style variant. `primary` is Berget-specific. */
+  variant?: CustomVariant;
+  /** Full width or auto width. */
+  width?: 'default' | 'full';
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+  ref?: React.Ref<HTMLButtonElement>;
+}
+export declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { buttonVariants };
+//# sourceMappingURL=Button.d.cts.map

package/dist/components/button/Button.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.cts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAwJF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}

package/dist/components/button/Button.d.mts

@@ -0,0 +1,19 @@
+import { Button as Button$1, buttonVariants } from "../../primitives/button.mjs";
+import * as React from "react";
+//#region src/components/button/Button.d.ts
+/** Variants exposed by the Berget wrapper. */
+type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
+/** Props for the Berget Button wrapper. */
+export interface ButtonProps extends Omit<React.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
+  /** Visual style variant. `primary` is Berget-specific. */
+  variant?: CustomVariant;
+  /** Full width or auto width. */
+  width?: 'default' | 'full';
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+  ref?: React.Ref<HTMLButtonElement>;
+}
+export declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { buttonVariants };
+//# sourceMappingURL=Button.d.mts.map

package/dist/components/button/Button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.mts","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"mappings":";;;;KAQK;;iBAGY,oBAAoB,KACnC,MAAM,sBAAsBA;;EAI5B,UAAU;;EAEV;;EAEA;EACA,MAAM,MAAM,IAAI;;wBAwJF,SACd,WACA,SACA,MACA,SACA,OACA,MACA,KACA,aACG,SACF,0CAAW,IAAA"}

package/dist/components/button/Button.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { asChildRender, cn } from "../../lib/utils.mjs";
+import { Button as Button$1, buttonVariants } from "../../primitives/button.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button/Button.tsx
+/**
+* Shared interaction chrome for every variant.
+*
+* The primitive already provides hover/focus/disabled plumbing via shadcn
+* tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in
+* `styles/index.css` maps to brand values. These classes neutralise the bits
+* that don't fit the Berget system and apply the component-scoped
+* `--berget-button-*` state tokens:
+*
+* - Focus: always visible on keyboard focus (`focus-visible`), drawn as a
+*   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`
+*   (moss-300 dark / moss-600 light, ≥3:1 against the surface per
+*   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's
+*   own border keeps its resting colour.
+* - Disabled: replaces the primitive's flat `opacity-50` fade with explicit
+*   muted tokens so every variant stays legible (≥3:1, and disabled UI is
+*   exempt from AA text contrast per WCAG 1.4.3).
+*
+* `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the
+* Berget theme. Theme switching is driven entirely by the semantic tokens.
+*/
+const interactionClasses = cn("focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0", "disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed", "active:not-aria-[haspopup]:translate-y-0");
+/** Disabled treatment shared by every variant. */
+const disabledClasses = "disabled:text-berget-button-disabled-fg disabled:shadow-none";
+/** Brand-specific classes applied *on top* of the upstream primitive. */
+function brandVariantClasses(variant) {
+	switch (variant) {
+		case "primary": return cn("bg-berget-button-primary-bg text-berget-button-primary-fg", "hover:bg-berget-button-primary-hover", "hover:text-berget-button-primary-fg", "active:bg-berget-button-primary-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-primary-disabled-bg");
+		case "destructive": return cn("bg-berget-button-destructive-bg text-berget-button-destructive-fg", "hover:bg-berget-button-destructive-hover", "hover:text-berget-button-destructive-hover-fg", "active:bg-berget-button-destructive-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-destructive-disabled-bg");
+		case "outline": return cn("bg-transparent border-berget-button-outline-border text-berget-button-outline-fg", "hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover", "active:bg-transparent dark:active:bg-transparent", "focus-visible:border-berget-button-outline-border", disabledClasses, "disabled:bg-transparent disabled:border-berget-button-disabled-border");
+		case "ghost": return cn("bg-transparent text-berget-button-ghost-fg", "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg", "dark:hover:bg-berget-button-ghost-hover", "active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-transparent");
+		case "link": return cn("h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none", "hover:bg-transparent hover:text-berget-button-link-hover-fg", "active:text-berget-button-link-fg", "focus:bg-transparent", "focus-visible:border-transparent focus-visible:ring-0", "focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:rounded-berget-xs", "disabled:text-berget-button-disabled-fg disabled:no-underline", "disabled:opacity-100 disabled:cursor-not-allowed");
+		default: return cn("bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg", "hover:bg-berget-button-default-hover", "active:bg-berget-button-default-active", "focus-visible:border-transparent", disabledClasses, "disabled:bg-berget-button-default-disabled-bg");
+	}
+}
+/** Map custom variants to the closest upstream primitive variant. */
+function primitiveVariant(variant) {
+	switch (variant) {
+		case "primary":
+		case "destructive":
+		case "outline":
+		case "ghost": return "ghost";
+		default: return variant;
+	}
+}
+function Button({ className, variant = "default", size, asChild = false, width = "default", type = "button", ref, children, ...props }) {
+	const isIcon = typeof size === "string" && size.startsWith("icon");
+	const isLink = variant === "link";
+	const baseClass = cn(!isLink && buttonVariants({
+		variant: primitiveVariant(variant),
+		size
+	}), !isLink && (width === "full" ? "rounded-berget-xs" : "rounded-full"), !isLink && !isIcon && "py-[0.57em] px-[1.14em] h-auto", !isLink && !isIcon && (size === "lg" ? "text-lg" : size === "sm" ? "text-sm" : size === "xs" ? "" : "text-base"), !isLink && "font-normal", brandVariantClasses(variant), interactionClasses, !isLink && width === "full" && "w-full", isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]", className);
+	const content = /* @__PURE__ */ jsx("span", {
+		className: cn("inline-flex items-center", !isIcon && "gap-2"),
+		children
+	});
+	return /* @__PURE__ */ jsx(Button$1, {
+		className: baseClass,
+		ref,
+		render: asChildRender(asChild, children),
+		type,
+		...props,
+		children: asChild ? void 0 : content
+	});
+}
+//#endregion
+export { Button, buttonVariants };
+
+//# sourceMappingURL=Button.mjs.map

package/dist/components/button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":["ButtonPrimitive"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn, asChildRender } from '../../lib/utils';\nimport { Button as ButtonPrimitive, buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\n\n/** Variants exposed by the Berget wrapper. */\ntype CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';\n\n/** Props for the Berget Button wrapper. */\nexport interface ButtonProps extends Omit<\n  React.ComponentProps<typeof ButtonPrimitive>,\n  'variant' | 'ref'\n> {\n  /** Visual style variant. `primary` is Berget-specific. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Shared interaction chrome for every variant.\n *\n * The primitive already provides hover/focus/disabled plumbing via shadcn\n * tokens (`--primary`, `--muted`, `--ring`, …), which the shadcn bridge in\n * `styles/index.css` maps to brand values. These classes neutralise the bits\n * that don't fit the Berget system and apply the component-scoped\n * `--berget-button-*` state tokens:\n *\n * - Focus: always visible on keyboard focus (`focus-visible`), drawn as a\n *   real CSS **outline** (2px, offset 2px) in `--berget-button-focus-ring`\n *   (moss-300 dark / moss-600 light, ≥3:1 against the surface per\n *   WCAG 2.4.7) — not a ring/box-shadow hugging the edge, and the control's\n *   own border keeps its resting colour.\n * - Disabled: replaces the primitive's flat `opacity-50` fade with explicit\n *   muted tokens so every variant stays legible (≥3:1, and disabled UI is\n *   exempt from AA text contrast per WCAG 1.4.3).\n *\n * `dark:` is intentionally absent — it tracks `prefers-color-scheme`, not the\n * Berget theme. Theme switching is driven entirely by the semantic tokens.\n */\nconst interactionClasses = cn(\n  // Outline-based focus indicator; neutralise the primitive's ring (the\n  // ring colour class is left — harmless at width 0).\n  'focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:ring-0',\n  // Neutralise the primitive's disabled fade; variants apply their own tokens.\n  'disabled:pointer-events-none disabled:opacity-100 disabled:cursor-not-allowed',\n  // No press movement: same compound selector as the primitive base's 1px\n  // active translate so tailwind-merge strips it down to 0.\n  'active:not-aria-[haspopup]:translate-y-0',\n);\n\n/** Disabled treatment shared by every variant. */\nconst disabledClasses = 'disabled:text-berget-button-disabled-fg disabled:shadow-none';\n\n/** Brand-specific classes applied *on top* of the upstream primitive. */\nfunction brandVariantClasses(variant?: CustomVariant): string {\n  switch (variant) {\n    case 'primary':\n      return cn(\n        // Flat tinted-glass fill; the alpha carries the state, so no shadow lift.\n        'bg-berget-button-primary-bg text-berget-button-primary-fg',\n        'hover:bg-berget-button-primary-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the primary fg token.\n        'hover:text-berget-button-primary-fg',\n        'active:bg-berget-button-primary-active',\n        // Keep the resting (transparent) border on focus — the outline is the indicator.\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-primary-disabled-bg',\n      );\n    case 'destructive':\n      return cn(\n        'bg-berget-button-destructive-bg text-berget-button-destructive-fg',\n        'hover:bg-berget-button-destructive-hover',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which would override the destructive fg token.\n        'hover:text-berget-button-destructive-hover-fg',\n        'active:bg-berget-button-destructive-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-destructive-disabled-bg',\n      );\n    case 'outline':\n      return cn(\n        // Transparent fill with a theme-foreground-derived border (25% of the\n        // foreground). The state treatment is static: hover, press and\n        // keyboard focus render identically to rest — only the shared focus\n        // outline and the disabled treatment deviate.\n        'bg-transparent border-berget-button-outline-border text-berget-button-outline-fg',\n        // Hover: slight brightening (hover bg token); the border and\n        // foreground stay at rest. The dark:hover twin also neutralises\n        // the primitive ghost's dark:hover:bg-muted/50. Pressed drops the\n        // fill back to transparent (a pressed element is still hovered, so\n        // an explicit active override is needed in both colour schemes).\n        'hover:bg-berget-button-outline-hover dark:hover:bg-berget-button-outline-hover',\n        'active:bg-transparent dark:active:bg-transparent',\n        // Keep the resting border on focus — the shared outline is the indicator.\n        'focus-visible:border-berget-button-outline-border',\n        disabledClasses,\n        'disabled:bg-transparent disabled:border-berget-button-disabled-border',\n      );\n    case 'ghost':\n      // Transparent fill with foreground text; hover and press add subtle\n      // theme-foreground-derived fills (10% / 5%). No border of its own —\n      // the primitive's resting transparent border persists. The primitive\n      // ghost variant's aria-expanded state (bg-muted + foreground text)\n      // passes through for dropdown-trigger use.\n      return cn(\n        'bg-transparent text-berget-button-ghost-fg',\n        // Pin the foreground on hover — the underlying primitive ghost adds\n        // hover:text-foreground, which is the same value here but pinned\n        // explicitly for parity with the other fg-token variants.\n        'hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg',\n        // The dark:hover twin neutralises the primitive ghost's\n        // dark:hover:bg-muted/50 so only the token fill applies.\n        'dark:hover:bg-berget-button-ghost-hover',\n        'active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-transparent',\n      );\n    case 'link':\n      // Rendered without buttonVariants — needs its own sizing, focus ring and\n      // disabled treatment (the primitive's fade is not legible on text links).\n      return cn(\n        'h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none',\n        'hover:bg-transparent hover:text-berget-button-link-hover-fg',\n        // On press, return to the resting foreground (hover fg otherwise sticks).\n        'active:text-berget-button-link-fg',\n        'focus:bg-transparent',\n        // Neutralise the primitive base's focus-visible:border-ring + ring-3,\n        // which land on link too (the primitive merges its cva base under\n        // every variant): the outline above is the only focus indicator.\n        'focus-visible:border-transparent focus-visible:ring-0',\n        'focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-berget-button-focus-ring focus-visible:rounded-berget-xs',\n        'disabled:text-berget-button-disabled-fg disabled:no-underline',\n        'disabled:opacity-100 disabled:cursor-not-allowed',\n      );\n\n    case 'default':\n    default:\n      return cn(\n        // Solid granite-800 fill with a granite-700 border on dark surfaces\n        // (ink glass in light theme).\n        'bg-berget-button-default-bg border-berget-button-default-border text-berget-button-default-fg',\n        'hover:bg-berget-button-default-hover',\n        'active:bg-berget-button-default-active',\n        'focus-visible:border-transparent',\n        disabledClasses,\n        'disabled:bg-berget-button-default-disabled-bg',\n      );\n  }\n}\n\n/** Map custom variants to the closest upstream primitive variant. */\nfunction primitiveVariant(variant?: CustomVariant): VariantProps<typeof buttonVariants>['variant'] {\n  switch (variant) {\n    case 'primary':\n    case 'destructive':\n    case 'outline':\n    case 'ghost':\n      return 'ghost';\n    default:\n      return variant;\n  }\n}\n\nexport function Button({\n  className,\n  variant = 'default',\n  size,\n  asChild = false,\n  width = 'default',\n  type = 'button',\n  ref,\n  children,\n  ...props\n}: ButtonProps) {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n  const isLink = variant === 'link';\n\n  const baseClass = cn(\n    !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Berget brand overrides — full-width buttons use the square radius;\n    // everything else stays pill-shaped.\n    !isLink && (width === 'full' ? 'rounded-berget-xs' : 'rounded-full'),\n    // Em-based padding, inline = 2× block — matches the 8px/16px spacing-scale\n    // values at the default text-sm (14px) and scales down/up with smaller or\n    // larger button text. h-auto drops the primitive's fixed h-* so the\n    // vertical paddings take effect.\n    !isLink && !isIcon && 'py-[0.57em] px-[1.14em] h-auto',\n    // Text ladder: size = typography scale; the em-based padding above\n    // follows automatically, so no per-size paddings are needed. Only\n    // default/lg/sm need overrides — xs keeps the primitive's text-xs.\n    !isLink &&\n      !isIcon &&\n      (size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : size === 'xs' ? '' : 'text-base'),\n    // Normal weight for every non-link variant — tailwind-merge strips the\n    // primitive's font-medium (font-weight: var(--font-weight-medium)); the\n    // link variant keeps medium via its own classes above.\n    !isLink && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    !isLink && width === 'full' && 'w-full',\n    isIcon && 'rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]',\n    className,\n  );\n\n  const content = (\n    <span className={cn('inline-flex items-center', !isIcon && 'gap-2')}>{children}</span>\n  );\n\n  return (\n    <ButtonPrimitive\n      className={baseClass}\n      ref={ref}\n      render={asChildRender(asChild, children)}\n      type={type}\n      {...props}\n    >\n      {asChild ? undefined : content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,qBAAqB,GAGzB,0JAEA,iFAGA,0CACF;;AAGA,MAAM,kBAAkB;;AAGxB,SAAS,oBAAoB,SAAiC;CAC5D,QAAQ,SAAR;EACE,KAAK,WACH,OAAO,GAEL,6DACA,wCAGA,uCACA,0CAEA,oCACA,iBACA,+CACF;EACF,KAAK,eACH,OAAO,GACL,qEACA,4CAGA,iDACA,8CACA,oCACA,iBACA,mDACF;EACF,KAAK,WACH,OAAO,GAKL,oFAMA,kFACA,oDAEA,qDACA,iBACA,uEACF;EACF,KAAK,SAMH,OAAO,GACL,8CAIA,wEAGA,2CACA,kFACA,oCACA,iBACA,yBACF;EACF,KAAK,QAGH,OAAO,GACL,mGACA,+DAEA,qCACA,wBAIA,yDACA,qKACA,iEACA,kDACF;EAGF,SACE,OAAO,GAGL,iGACA,wCACA,0CACA,oCACA,iBACA,+CACF;CACJ;AACF;;AAGA,SAAS,iBAAiB,SAAyE;CACjG,QAAQ,SAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,MACA,UAAU,OACV,QAAQ,WACR,OAAO,UACP,KACA,UACA,GAAG,SACW;CACd,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CACjE,MAAM,SAAS,YAAY;CAE3B,MAAM,YAAY,GAChB,CAAC,UAAU,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAGtE,CAAC,WAAW,UAAU,SAAS,sBAAsB,iBAKrD,CAAC,UAAU,CAAC,UAAU,kCAItB,CAAC,UACC,CAAC,WACA,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY,SAAS,OAAO,KAAK,cAIhF,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,CAAC,UAAU,UAAU,UAAU,UAC/B,UAAU,sFACV,SACF;CAEA,MAAM,UACJ,oBAAC,QAAD;EAAM,WAAW,GAAG,4BAA4B,CAAC,UAAU,OAAO;EAAI;CAAe,CAAA;CAGvF,OACE,oBAACA,UAAD;EACE,WAAW;EACN;EACL,QAAQ,cAAc,SAAS,QAAQ;EACjC;EACN,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACR,CAAA;AAErB"}

package/dist/components/button/index.d.cts

@@ -0,0 +1,3 @@
+import { buttonVariants } from "../../primitives/button.cjs";
+import { Button, ButtonProps } from "./Button.cjs";
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/button/index.d.mts

@@ -0,0 +1,3 @@
+import { buttonVariants } from "../../primitives/button.mjs";
+import { Button, ButtonProps } from "./Button.mjs";
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/card/Card.cjs

@@ -0,0 +1,36 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_card = require("../../primitives/card.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/card/Card.tsx
+const cardVariants = (0, require("class-variance-authority").cva)("ring-0", {
+	variants: { variant: {
+		outlined: "bg-transparent border border-berget-border-subtle",
+		filled: "bg-berget-card-filled-bg border border-berget-border-subtle"
+	} },
+	defaultVariants: { variant: "outlined" }
+});
+const Card = react.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_card.Card, {
+		ref,
+		size,
+		className: require_utils.cn(cardVariants({ variant }), className),
+		...props,
+		children
+	});
+});
+Card.displayName = "Card";
+//#endregion
+exports.Card = Card;
+exports.CardAction = require_card.CardAction;
+exports.CardContent = require_card.CardContent;
+exports.CardDescription = require_card.CardDescription;
+exports.CardFooter = require_card.CardFooter;
+exports.CardHeader = require_card.CardHeader;
+exports.CardTitle = require_card.CardTitle;
+exports.cardVariants = cardVariants;
+
+//# sourceMappingURL=Card.cjs.map

package/dist/components/card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":["cva","React","CardPrimitive","cn"],"sources":["../../../src/components/card/Card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport {\n  Card as CardPrimitive,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardAction,\n} from '../../primitives/card';\n\nconst cardVariants = cva('ring-0', {\n  variants: {\n    variant: {\n      outlined: 'bg-transparent border border-berget-border-subtle',\n      filled: 'bg-berget-card-filled-bg border border-berget-border-subtle',\n    },\n  },\n  defaultVariants: {\n    variant: 'outlined',\n  },\n});\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {\n  /** Spacing scale of the card. `sm` uses a compact 16px spacing, `default` 24px. */\n  size?: 'default' | 'sm';\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, size, children, ...props }, ref) => {\n    return (\n      <CardPrimitive\n        ref={ref}\n        size={size}\n        className={cn(cardVariants({ variant }), className)}\n        {...props}\n      >\n        {children}\n      </CardPrimitive>\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardAction,\n  cardVariants,\n};\n"],"mappings":";;;;;;;;AAeA,MAAM,gBAAA,G,kCAAeA,CAAAA,CAAAA,IAAAA,CAAI,UAAU;CACjC,UAAU,EACR,SAAS;EACP,UAAU;EACV,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,SAAS,WACX;AACF,CAAC;AAQD,MAAM,OAAOC,MAAM,YAChB,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,SAAS,QAAQ;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EACO;EACC;EACN,WAAWC,cAAAA,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAClD,GAAI;EAEH;CACY,CAAA;AAEnB,CACF;AACA,KAAK,cAAc"}

package/dist/components/card/Card.d.cts

@@ -0,0 +1,15 @@
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../primitives/card.cjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/card/Card.d.ts
+declare const cardVariants: (props?: ({
+  variant?: "outlined" | "filled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+  /** Spacing scale of the card. `sm` uses a compact 16px spacing, `default` 24px. */
+  size?: 'default' | 'sm';
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
+//# sourceMappingURL=Card.d.cts.map

package/dist/components/card/Card.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.cts","names":[],"sources":["../../../src/components/card/Card.tsx"],"mappings":";;;;cAeM,eAAY;;6CAUhB;iBAEe,kBACP,MAAM,eAAe,iBAAiB,oBAAoB;;EAElE;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/components/card/Card.d.mts

@@ -0,0 +1,15 @@
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../primitives/card.mjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/card/Card.d.ts
+declare const cardVariants: (props?: ({
+  variant?: "outlined" | "filled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+  /** Spacing scale of the card. `sm` uses a compact 16px spacing, `default` 24px. */
+  size?: 'default' | 'sm';
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
+//# sourceMappingURL=Card.d.mts.map

package/dist/components/card/Card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.mts","names":[],"sources":["../../../src/components/card/Card.tsx"],"mappings":";;;;cAeM,eAAY;;6CAUhB;iBAEe,kBACP,MAAM,eAAe,iBAAiB,oBAAoB;;EAElE;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/components/card/Card.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../primitives/card.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/card/Card.tsx
+const cardVariants = cva("ring-0", {
+	variants: { variant: {
+		outlined: "bg-transparent border border-berget-border-subtle",
+		filled: "bg-berget-card-filled-bg border border-berget-border-subtle"
+	} },
+	defaultVariants: { variant: "outlined" }
+});
+const Card = React.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Card$1, {
+		ref,
+		size,
+		className: cn(cardVariants({ variant }), className),
+		...props,
+		children
+	});
+});
+Card.displayName = "Card";
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };
+
+//# sourceMappingURL=Card.mjs.map

package/dist/components/card/Card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.mjs","names":["CardPrimitive"],"sources":["../../../src/components/card/Card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport {\n  Card as CardPrimitive,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardAction,\n} from '../../primitives/card';\n\nconst cardVariants = cva('ring-0', {\n  variants: {\n    variant: {\n      outlined: 'bg-transparent border border-berget-border-subtle',\n      filled: 'bg-berget-card-filled-bg border border-berget-border-subtle',\n    },\n  },\n  defaultVariants: {\n    variant: 'outlined',\n  },\n});\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {\n  /** Spacing scale of the card. `sm` uses a compact 16px spacing, `default` 24px. */\n  size?: 'default' | 'sm';\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, size, children, ...props }, ref) => {\n    return (\n      <CardPrimitive\n        ref={ref}\n        size={size}\n        className={cn(cardVariants({ variant }), className)}\n        {...props}\n      >\n        {children}\n      </CardPrimitive>\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardAction,\n  cardVariants,\n};\n"],"mappings":";;;;;;;AAeA,MAAM,eAAe,IAAI,UAAU;CACjC,UAAU,EACR,SAAS;EACP,UAAU;EACV,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,SAAS,WACX;AACF,CAAC;AAQD,MAAM,OAAO,MAAM,YAChB,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,SAAS,QAAQ;CACzD,OACE,oBAACA,QAAD;EACO;EACC;EACN,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAClD,GAAI;EAEH;CACY,CAAA;AAEnB,CACF;AACA,KAAK,cAAc"}

package/dist/components/card/index.d.cts

@@ -0,0 +1,3 @@
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../primitives/card.cjs";
+import { Card, CardProps, cardVariants } from "./Card.cjs";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, cardVariants };

package/dist/components/card/index.d.mts

@@ -0,0 +1,3 @@
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../primitives/card.mjs";
+import { Card, CardProps, cardVariants } from "./Card.mjs";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, cardVariants };

package/dist/components/checkbox/Checkbox.cjs

@@ -0,0 +1,87 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_Typography = require("../typography/Typography.cjs");
+const require_checkbox = require("../../primitives/checkbox.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+let lucide_react = require("lucide-react");
+let _base_ui_react_checkbox = require("@base-ui/react/checkbox");
+//#region src/components/checkbox/Checkbox.tsx
+const checkboxVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "text-foreground border border-berget-border-interactive bg-berget-surface-subtle hover:bg-berget-surface-raised",
+			error: "border border-berget-destructive-border bg-berget-destructive text-berget-destructive-foreground hover:bg-berget-destructive/90",
+			success: "border border-berget-success-border bg-berget-success text-berget-success-foreground hover:bg-berget-success/90"
+		},
+		size: {
+			sm: "w-4 h-4",
+			default: "w-5 h-5",
+			lg: "w-6 h-6"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Checkbox = react.forwardRef(({ "aria-label": ariaLabel, className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
+	const generatedId = react.useId();
+	const checkboxId = id || generatedId;
+	const errorId = `${checkboxId}-error`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-start gap-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "relative flex items-start pt-0.5",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox.Checkbox, {
+				ref,
+				id: checkboxId,
+				disabled,
+				"aria-invalid": !!error,
+				"aria-describedby": error ? errorId : void 0,
+				"aria-label": ariaLabel || label || void 0,
+				className: require_utils.cn(checkboxVariants({
+					variant,
+					size
+				}), "cursor-pointer", disabled && "cursor-not-allowed pointer-events-none", className),
+				...props,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox.Checkbox.Indicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {
+					className: "h-4 w-4 text-current stroke-current",
+					style: {
+						color: "currentColor",
+						stroke: "currentColor"
+					}
+				}) })
+			})
+		}), (label || description || error) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1",
+			children: [
+				label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					htmlFor: checkboxId,
+					className: require_utils.cn("text-sm font-sans leading-none", disabled ? "text-white/40 cursor-not-allowed" : variant === "error" ? "text-berget-destructive-foreground cursor-pointer" : variant === "success" ? "text-berget-success-foreground cursor-pointer" : "cursor-pointer", error && "text-berget-destructive-foreground"),
+					children: label
+				}),
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					variant: "xs",
+					color: "muted",
+					children: description
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					variant: "xs",
+					id: errorId,
+					className: "text-berget-destructive-foreground",
+					children: error
+				})
+			]
+		})]
+	});
+});
+Checkbox.displayName = "Checkbox";
+//#endregion
+exports.Checkbox = Checkbox;
+exports.checkboxVariants = checkboxVariants;
+
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","names":["cva","React","CheckboxBase","cn","CheckboxPrimitive","Check","Typography"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Checkbox as CheckboxBase } from '../../primitives/checkbox';\nimport { Typography } from '../typography';\n\nconst checkboxVariants = cva(\n  'inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-foreground border border-berget-border-interactive bg-berget-surface-subtle hover:bg-berget-surface-raised',\n        error:\n          'border border-berget-destructive-border bg-berget-destructive text-berget-destructive-foreground hover:bg-berget-destructive/90',\n        success:\n          'border border-berget-success-border bg-berget-success text-berget-success-foreground hover:bg-berget-success/90',\n      },\n      size: {\n        sm: 'w-4 h-4',\n        default: 'w-5 h-5',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'className'>,\n    VariantProps<typeof checkboxVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Checkbox = React.forwardRef<React.ComponentRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const checkboxId = id || generatedId;\n    const errorId = `${checkboxId}-error`;\n\n    return (\n      <div className=\"flex items-start gap-3\">\n        <div className=\"relative flex items-start pt-0.5\">\n          <CheckboxBase\n            ref={ref}\n            id={checkboxId}\n            disabled={disabled}\n            aria-invalid={!!error}\n            aria-describedby={error ? errorId : undefined}\n            aria-label={ariaLabel || label || undefined}\n            className={cn(\n              checkboxVariants({ variant, size }),\n              'cursor-pointer',\n              disabled && 'cursor-not-allowed pointer-events-none',\n              className,\n            )}\n            {...props}\n          >\n            <CheckboxPrimitive.Indicator>\n              <Check\n                className=\"h-4 w-4 text-current stroke-current\"\n                style={{ color: 'currentColor', stroke: 'currentColor' }}\n              />\n            </CheckboxPrimitive.Indicator>\n          </CheckboxBase>\n        </div>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={checkboxId}\n                className={cn(\n                  'text-sm font-sans leading-none',\n                  disabled\n                    ? 'text-white/40 cursor-not-allowed'\n                    : variant === 'error'\n                      ? 'text-berget-destructive-foreground cursor-pointer'\n                      : variant === 'success'\n                        ? 'text-berget-success-foreground cursor-pointer'\n                        : 'cursor-pointer',\n                  error && 'text-berget-destructive-foreground',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography variant=\"xs\" id={errorId} className=\"text-berget-destructive-foreground\">\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox, checkboxVariants };\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,oBAAA,GAAmBA,yBAAAA,IAAAA,CACvB,oKACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,OACE;GACF,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAYA,MAAM,WAAWC,MAAM,YAEnB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAcA,MAAM,MAAM;CAChC,MAAM,aAAa,MAAM;CACzB,MAAM,UAAU,GAAG,WAAW;CAE9B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;IACO;IACL,IAAI;IACM;IACV,gBAAc,CAAC,CAAC;IAChB,oBAAkB,QAAQ,UAAU,KAAA;IACpC,cAAY,aAAa,SAAS,KAAA;IAClC,WAAWC,cAAAA,GACT,iBAAiB;KAAE;KAAS;IAAK,CAAC,GAClC,kBACA,YAAY,0CACZ,SACF;IACA,GAAI;IAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,SAAkB,WAAnB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD;KACE,WAAU;KACV,OAAO;MAAE,OAAO;MAAgB,QAAQ;KAAe;IACxD,CAAA,EAC0B,CAAA;GACjB,CAAA;EACX,CAAA,IAEH,SAAS,eAAe,UACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KACE,SAAS;KACT,WAAWF,cAAAA,GACT,kCACA,WACI,qCACA,YAAY,UACV,sDACA,YAAY,YACV,kDACA,kBACR,SAAS,oCACX;KAEC,UAAA;IACI,CAAA;IAER,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACG,mBAAAA,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KAAY,SAAQ;KAAK,IAAI;KAAS,WAAU;KAC7C,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,SAAS,cAAc"}