@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-FCHJ7D5O.js

@@ -0,0 +1,59 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { jsx } from 'react/jsx-runtime';
+
+var DashboardHeroRoot = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "section",
+  {
+    className: cn(
+      "tw:flex tw:flex-col tw:gap-6 tw:rounded-lg tw:border tw:border-solid tw:border-border tw:bg-card tw:p-8 tw:text-card-foreground",
+      "tw:md:flex-row tw:md:items-center tw:md:justify-between",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var DashboardHeroBody = ({ className, children, ...rest }) => /* @__PURE__ */ jsx("div", { className: cn("tw:flex tw:flex-col tw:gap-3", className), ...rest, children });
+var DashboardHeroEyebrow = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    className: cn(
+      "tw:m-0 tw:text-sm tw:font-semibold tw:uppercase tw:tracking-wide tw:text-primary",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var DashboardHeroTitle = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "h1",
+  {
+    className: cn(
+      "tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var DashboardHeroDescription = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    className: cn("tw:m-0 tw:max-w-prose tw:text-base tw:text-muted-foreground", className),
+    ...rest,
+    children
+  }
+);
+var DashboardHeroActions = ({ className, children, ...rest }) => /* @__PURE__ */ jsx("div", { className: cn("tw:mt-2 tw:flex tw:flex-wrap tw:items-center tw:gap-3", className), ...rest, children });
+var DashboardHeroAside = ({ className, children, ...rest }) => /* @__PURE__ */ jsx("div", { className: cn("tw:flex tw:shrink-0 tw:flex-col tw:gap-2", className), ...rest, children });
+var DashboardHero = DashboardHeroRoot;
+DashboardHero.Body = DashboardHeroBody;
+DashboardHero.Eyebrow = DashboardHeroEyebrow;
+DashboardHero.Title = DashboardHeroTitle;
+DashboardHero.Description = DashboardHeroDescription;
+DashboardHero.Actions = DashboardHeroActions;
+DashboardHero.Aside = DashboardHeroAside;
+
+export { DashboardHero };
+//# sourceMappingURL=chunk-FCHJ7D5O.js.map
+//# sourceMappingURL=chunk-FCHJ7D5O.js.map

package/dist/chunk-FCHJ7D5O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/DashboardHero/DashboardHero.tsx"],"names":[],"mappings":";;;AAgBA,IAAM,oBAAoB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,MAAK,qBACxD,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,iIAAA;AAAA,MACA,yDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH,CAAA;AAKF,IAAM,oBAAoB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACxD,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,8BAAA,EAAgC,SAAS,CAAA,EAAI,GAAG,MAChE,QAAA,EACH,CAAA;AAKF,IAAM,uBAAuB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC3D,GAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,kFAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH,CAAA;AAKF,IAAM,qBAAqB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,MAAK,qBACzD,GAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,2FAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH,CAAA;AAKF,IAAM,2BAA2B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC/D,GAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,6DAAA,EAA+D,SAAS,CAAA;AAAA,IACrF,GAAG,IAAA;AAAA,IAEH;AAAA;AACH,CAAA;AAKF,IAAM,uBAAuB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC3D,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,uDAAA,EAAyD,SAAS,CAAA,EAAI,GAAG,MACzF,QAAA,EACH,CAAA;AAKF,IAAM,qBAAqB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACzD,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,0CAAA,EAA4C,SAAS,CAAA,EAAI,GAAG,MAC5E,QAAA,EACH,CAAA;AAGK,IAAM,aAAA,GAAgB;AAS7B,aAAA,CAAc,IAAA,GAAO,iBAAA;AACrB,aAAA,CAAc,OAAA,GAAU,oBAAA;AACxB,aAAA,CAAc,KAAA,GAAQ,kBAAA;AACtB,aAAA,CAAc,WAAA,GAAc,wBAAA;AAC5B,aAAA,CAAc,OAAA,GAAU,oBAAA;AACxB,aAAA,CAAc,KAAA,GAAQ,kBAAA","file":"chunk-FCHJ7D5O.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype RootProps = ComponentProps<'section'>;\n\n/**\n * Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface\n * (daily-brief header, project overview, greeting + primary CTA).\n *\n * **When to use:** the first block on a landing or dashboard page, above the KPI strip and\n * chart panels. It sets tone with an eyebrow, a large title, a lead paragraph, and an actions row.\n * **When NOT to use:** for an in-app page title use `PageHeader.Index`; for an empty page use\n * `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,\n * and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.\n */\nconst DashboardHeroRoot = ({ className, children, ...rest }: RootProps) => (\n  <section\n    className={cn(\n      'tw:flex tw:flex-col tw:gap-6 tw:rounded-lg tw:border tw:border-solid tw:border-border tw:bg-card tw:p-8 tw:text-card-foreground',\n      'tw:md:flex-row tw:md:items-center tw:md:justify-between',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </section>\n);\n\ntype BodyProps = ComponentProps<'div'>;\n\nconst DashboardHeroBody = ({ className, children, ...rest }: BodyProps) => (\n  <div className={cn('tw:flex tw:flex-col tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype EyebrowProps = ComponentProps<'p'>;\n\nconst DashboardHeroEyebrow = ({ className, children, ...rest }: EyebrowProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-sm tw:font-semibold tw:uppercase tw:tracking-wide tw:text-primary',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TitleProps = ComponentProps<'h1'>;\n\nconst DashboardHeroTitle = ({ className, children, ...rest }: TitleProps) => (\n  <h1\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </h1>\n);\n\ntype DescriptionProps = ComponentProps<'p'>;\n\nconst DashboardHeroDescription = ({ className, children, ...rest }: DescriptionProps) => (\n  <p\n    className={cn('tw:m-0 tw:max-w-prose tw:text-base tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'>;\n\nconst DashboardHeroActions = ({ className, children, ...rest }: ActionsProps) => (\n  <div className={cn('tw:mt-2 tw:flex tw:flex-wrap tw:items-center tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype AsideProps = ComponentProps<'div'>;\n\nconst DashboardHeroAside = ({ className, children, ...rest }: AsideProps) => (\n  <div className={cn('tw:flex tw:shrink-0 tw:flex-col tw:gap-2', className)} {...rest}>\n    {children}\n  </div>\n);\n\nexport const DashboardHero = DashboardHeroRoot as typeof DashboardHeroRoot & {\n  Body: typeof DashboardHeroBody;\n  Eyebrow: typeof DashboardHeroEyebrow;\n  Title: typeof DashboardHeroTitle;\n  Description: typeof DashboardHeroDescription;\n  Actions: typeof DashboardHeroActions;\n  Aside: typeof DashboardHeroAside;\n};\n\nDashboardHero.Body = DashboardHeroBody;\nDashboardHero.Eyebrow = DashboardHeroEyebrow;\nDashboardHero.Title = DashboardHeroTitle;\nDashboardHero.Description = DashboardHeroDescription;\nDashboardHero.Actions = DashboardHeroActions;\nDashboardHero.Aside = DashboardHeroAside;\n\nexport type { RootProps as DashboardHeroProps };\n"]}

package/dist/chunk-FFJTEQCC.js

@@ -0,0 +1,80 @@
+import { useSHA256 } from './chunk-SWQFYNYG.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import BoringAvatar from 'boring-avatars';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RANDOM_UUID = crypto.randomUUID();
+var styles = {
+  wrapper: {
+    position: "relative",
+    display: "inline-flex",
+    verticalAlign: "middle"
+  },
+  gravatar: {
+    position: "absolute",
+    left: 0
+  }
+};
+var Avatar = ({
+  ref,
+  user,
+  fallback,
+  size = 36,
+  className,
+  variant = "circle",
+  ...props
+}) => {
+  const userName = user?.name || user?.email;
+  const email = user?.email;
+  const hash = useSHA256(email ? email.trim().toLowerCase() : fallback || "");
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ...props,
+      ref,
+      style: styles.wrapper,
+      className: cn(
+        variant === "circle" ? "tw:rounded-full" : "tw:rounded-md",
+        "tw:overflow-hidden",
+        "tw:focus-visible:outline-hidden",
+        "tw:h-fit",
+        "tw:shrink-0",
+        "tw:border-solid",
+        "tw:border",
+        "tw:border-transparent",
+        "tw:focus-visible:ring-4",
+        "tw:focus-visible:ring-ring/30",
+        "tw:focus-visible:border-ring",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          BoringAvatar,
+          {
+            name: userName || fallback || RANDOM_UUID,
+            variant: "beam",
+            colors: ["#1F8FFF", "#004787", "#28D8FF", "#925cff", "#A8C2E6"],
+            size,
+            square: variant === "rounded"
+          }
+        ),
+        hash && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: `https://secure.gravatar.com/avatar/${hash}?s=${size * 3}&d=blank`,
+            width: size,
+            height: size,
+            alt: userName || fallback || "User avatar",
+            referrerPolicy: "no-referrer",
+            loading: "lazy",
+            style: styles.gravatar
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { Avatar };
+//# sourceMappingURL=chunk-FFJTEQCC.js.map
+//# sourceMappingURL=chunk-FFJTEQCC.js.map

package/dist/chunk-FFJTEQCC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,WAAA,GAAc,OAAO,UAAA,EAAW;AAEtC,IAAM,MAAA,GAAS;AAAA,EACb,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,aAAA,EAAe;AAAA,GACjB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,IAAA,EAAM;AAAA;AAEV,CAAA;AAaO,IAAM,SAAS,CAAC;AAAA,EACrB,GAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,EAAA;AAAA,EACP,SAAA;AAAA,EACA,OAAA,GAAU,QAAA;AAAA,EACV,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,QAAA,GAAW,IAAA,EAAM,IAAA,IAAQ,IAAA,EAAM,KAAA;AACrC,EAAA,MAAM,QAAQ,IAAA,EAAM,KAAA;AACpB,EAAA,MAAM,IAAA,GAAO,UAAU,KAAA,GAAQ,KAAA,CAAM,MAAK,CAAE,WAAA,EAAY,GAAI,QAAA,IAAY,EAAE,CAAA;AAE1E,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,OAAO,MAAA,CAAO,OAAA;AAAA,MACd,SAAA,EAAW,EAAA;AAAA,QACT,OAAA,KAAY,WAAW,iBAAA,GAAoB,eAAA;AAAA,QAC3C,oBAAA;AAAA,QACA,iCAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QAEA,iBAAA;AAAA,QACA,WAAA;AAAA,QACA,uBAAA;AAAA,QAEA,yBAAA;AAAA,QACA,+BAAA;AAAA,QACA,8BAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,YAAY,QAAA,IAAY,WAAA;AAAA,YAC9B,OAAA,EAAQ,MAAA;AAAA,YACR,QAAQ,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,WAAW,SAAS,CAAA;AAAA,YAC9D,IAAA;AAAA,YACA,QAAQ,OAAA,KAAY;AAAA;AAAA,SACtB;AAAA,QACC,IAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,CAAA,mCAAA,EAAsC,IAAI,CAAA,GAAA,EAAM,OAAO,CAAC,CAAA,QAAA,CAAA;AAAA,YAC7D,KAAA,EAAO,IAAA;AAAA,YACP,MAAA,EAAQ,IAAA;AAAA,YACR,GAAA,EAAK,YAAY,QAAA,IAAY,aAAA;AAAA,YAC7B,cAAA,EAAe,aAAA;AAAA,YACf,OAAA,EAAQ,MAAA;AAAA,YACR,OAAO,MAAA,CAAO;AAAA;AAAA;AAChB;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-FFJTEQCC.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport BoringAvatar from 'boring-avatars';\n\nimport { cn } from '../utils';\nimport { useSHA256 } from '../utils/useSHA256';\n\nconst RANDOM_UUID = crypto.randomUUID();\n\nconst styles = {\n  wrapper: {\n    position: 'relative',\n    display: 'inline-flex',\n    verticalAlign: 'middle',\n  },\n  gravatar: {\n    position: 'absolute',\n    left: 0,\n  },\n} as const;\n\ntype Props = {\n  user?: {\n    name: string | undefined;\n    email: string | undefined;\n  };\n  fallback?: string;\n  className?: string;\n  size?: number;\n  variant?: 'circle' | 'rounded';\n} & ComponentProps<'span'>;\n\nexport const Avatar = ({\n  ref,\n  user,\n  fallback,\n  size = 36,\n  className,\n  variant = 'circle',\n  ...props\n}: Props) => {\n  const userName = user?.name || user?.email;\n  const email = user?.email;\n  const hash = useSHA256(email ? email.trim().toLowerCase() : fallback || '');\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      style={styles.wrapper}\n      className={cn(\n        variant === 'circle' ? 'tw:rounded-full' : 'tw:rounded-md',\n        'tw:overflow-hidden',\n        'tw:focus-visible:outline-hidden',\n        'tw:h-fit',\n        'tw:shrink-0',\n\n        'tw:border-solid',\n        'tw:border',\n        'tw:border-transparent',\n\n        'tw:focus-visible:ring-4',\n        'tw:focus-visible:ring-ring/30',\n        'tw:focus-visible:border-ring',\n        className,\n      )}\n    >\n      <BoringAvatar\n        name={userName || fallback || RANDOM_UUID}\n        variant=\"beam\"\n        colors={['#1F8FFF', '#004787', '#28D8FF', '#925cff', '#A8C2E6']}\n        size={size}\n        square={variant === 'rounded'}\n      />\n      {hash && (\n        <img\n          src={`https://secure.gravatar.com/avatar/${hash}?s=${size * 3}&d=blank`}\n          width={size}\n          height={size}\n          alt={userName || fallback || 'User avatar'}\n          referrerPolicy=\"no-referrer\"\n          loading=\"lazy\"\n          style={styles.gravatar}\n        />\n      )}\n    </span>\n  );\n};\n"]}

package/dist/chunk-FUFMVW7O.js

@@ -0,0 +1,64 @@
+import { Clipboard } from './chunk-7P6PLZ4B.js';
+import { Button, ButtonInline } from './chunk-IXAYNBOY.js';
+import { Copy } from './chunk-RQVK4IYC.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_ICON = /* @__PURE__ */ jsx(Copy, {});
+var DEFAULT_ARIA_LABEL = "Copy";
+var ClipboardButton = ({
+  // clipboard props
+  text,
+  tooltip,
+  tooltipPlacement,
+  tooltipVariant,
+  // button props
+  icon = DEFAULT_ICON,
+  variant = "outline",
+  children,
+  ...rest
+}) => {
+  const defaultAriaLabel = typeof tooltip === "string" && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;
+  const ariaLabel = rest["aria-label"] ?? (children == null ? defaultAriaLabel : void 0);
+  return /* @__PURE__ */ jsx(
+    Clipboard,
+    {
+      asChild: true,
+      tooltip,
+      tooltipPlacement,
+      tooltipVariant,
+      text,
+      children: /* @__PURE__ */ jsxs(Button, { ...rest, "aria-label": ariaLabel, variant, disabled: !text, children: [
+        icon,
+        children
+      ] })
+    }
+  );
+};
+var ClipboardInline = ({
+  // clipboard props
+  text,
+  tooltip,
+  tooltipPlacement,
+  tooltipVariant,
+  // button props
+  children = "Copy To Clipboard",
+  hideIcon = false,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  Clipboard,
+  {
+    asChild: true,
+    text,
+    tooltip,
+    tooltipPlacement,
+    tooltipVariant,
+    children: /* @__PURE__ */ jsxs(ButtonInline, { ...rest, disabled: !text, children: [
+      !hideIcon && /* @__PURE__ */ jsx(Copy, { className: "tw:size-4" }),
+      children
+    ] })
+  }
+);
+
+export { ClipboardButton, ClipboardInline };
+//# sourceMappingURL=chunk-FUFMVW7O.js.map
+//# sourceMappingURL=chunk-FUFMVW7O.js.map

package/dist/chunk-FUFMVW7O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/ClipboardButton/ClipboardButton.tsx","../src/blocks/ClipboardButton/ClipboardInline.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;AAeA,IAAM,YAAA,uBAA2B,IAAA,EAAA,EAAK,CAAA;AACtC,IAAM,kBAAA,GAAqB,MAAA;AAEpB,IAAM,kBAAkB,CAAC;AAAA;AAAA,EAE9B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA;AAAA,EAGA,IAAA,GAAO,YAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AAMX,EAAA,MAAM,mBACJ,OAAO,OAAA,KAAY,YAAY,OAAA,CAAQ,IAAA,KAAS,OAAA,GAAU,kBAAA;AAC5D,EAAA,MAAM,YAAY,IAAA,CAAK,YAAY,CAAA,KAAM,QAAA,IAAY,OAAO,gBAAA,GAAmB,MAAA,CAAA;AAE/E,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAO,IAAA;AAAA,MACP,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,cAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,UAAQ,GAAG,IAAA,EAAM,cAAY,SAAA,EAAW,OAAA,EAAkB,QAAA,EAAU,CAAC,IAAA,EACnE,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;ACvCO,IAAM,kBAAkB,CAAC;AAAA;AAAA,EAE9B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA;AAAA,EAGA,QAAA,GAAW,mBAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,qBACEA,GAAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAO,IAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IAEA,0BAAAC,IAAAA,CAAC,YAAA,EAAA,EAAc,GAAG,IAAA,EAAM,QAAA,EAAU,CAAC,IAAA,EAChC,QAAA,EAAA;AAAA,MAAA,CAAC,QAAA,oBAAYD,GAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,WAAA,EAAY,CAAA;AAAA,MACzC;AAAA,KAAA,EACH;AAAA;AACF","file":"chunk-FUFMVW7O.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;\n\ntype Props = ClipboardProps & ButtonProps & { icon?: ReactNode };\n\nconst DEFAULT_ICON: ReactNode = <Copy />;\nconst DEFAULT_ARIA_LABEL = 'Copy';\n\nexport const ClipboardButton = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  icon = DEFAULT_ICON,\n  variant = 'outline',\n  children,\n  ...rest\n}: Props) => {\n  // Icon-only (no text children): the `tooltip` is visual only, not an accessible\n  // name, so fall back to it (when it's a string) or a sensible default. A\n  // consumer-supplied `aria-label` in `rest` still wins.\n  // A non-empty string tooltip names the action; an empty/absent tooltip still\n  // needs a name, so fall back to the default rather than an empty aria-label.\n  const defaultAriaLabel =\n    typeof tooltip === 'string' && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;\n  const ariaLabel = rest['aria-label'] ?? (children == null ? defaultAriaLabel : undefined);\n\n  return (\n    <Clipboard\n      asChild\n      tooltip={tooltip}\n      tooltipPlacement={tooltipPlacement}\n      tooltipVariant={tooltipVariant}\n      text={text}\n    >\n      <Button {...rest} aria-label={ariaLabel} variant={variant} disabled={!text}>\n        {icon}\n        {children}\n      </Button>\n    </Clipboard>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { ButtonInline } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;\n\ntype Props = { hideIcon?: boolean } & ClipboardProps & ButtonProps;\n\nexport const ClipboardInline = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  children = 'Copy To Clipboard',\n  hideIcon = false,\n  ...rest\n}: Props) => (\n  <Clipboard\n    asChild\n    text={text}\n    tooltip={tooltip}\n    tooltipPlacement={tooltipPlacement}\n    tooltipVariant={tooltipVariant}\n  >\n    <ButtonInline {...rest} disabled={!text}>\n      {!hideIcon && <Copy className=\"tw:size-4\" />}\n      {children}\n    </ButtonInline>\n  </Clipboard>\n);\n"]}

package/dist/chunk-FVPGQ6UE.js

@@ -0,0 +1,25 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Root, CollapsibleTrigger as CollapsibleTrigger$1, Content } from '@radix-ui/react-collapsible';
+import { jsx } from 'react/jsx-runtime';
+
+var CollapsibleContent = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
+  Content,
+  {
+    ref,
+    className: cn(
+      "tw:data-[state=closed]:animate-collapsible-close",
+      "tw:data-[state=open]:animate-collapsible-open",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+var CollapsibleTrigger = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleTrigger$1, { ref, className: cn("tailwindcss-preflight", className), ...props, children });
+var Collapsible = (props) => /* @__PURE__ */ jsx(Root, { ...props });
+Collapsible.Trigger = CollapsibleTrigger;
+Collapsible.Content = CollapsibleContent;
+
+export { Collapsible };
+//# sourceMappingURL=chunk-FVPGQ6UE.js.map
+//# sourceMappingURL=chunk-FVPGQ6UE.js.map

package/dist/chunk-FVPGQ6UE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/CollapsibleContent.tsx","../src/components/Collapsible/CollapsibleTrigger.tsx","../src/components/Collapsible/Collapsible.tsx"],"names":["jsx","Trigger"],"mappings":";;;;AAOO,IAAM,kBAAA,GAAqB,CAAC,EAAE,GAAA,EAAK,WAAW,QAAA,EAAU,GAAG,OAAM,qBACtE,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IAEA,SAAA,EAAW,EAAA;AAAA,MACT,kDAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH;AAAA;AACH,CAAA;ACLK,IAAM,kBAAA,GAAqB,CAAC,EAAE,GAAA,EAAK,WAAW,QAAA,EAAU,GAAG,OAAM,qBACtEA,IAACC,oBAAA,EAAA,EAAQ,GAAA,EAAU,WAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,OACvE,QAAA,EACH,CAAA;ACTK,IAAM,cAAc,CAAC,KAAA,qBAAiBD,GAAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO;AAE9D,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,OAAA,GAAU,kBAAA","file":"chunk-FVPGQ6UE.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Content } from '@radix-ui/react-collapsible';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Content>;\n\nexport const CollapsibleContent = ({ ref, className, children, ...props }: Props) => (\n  <Content\n    ref={ref}\n    // Duration and easing are baked into the tokens in `theme.css`.\n    className={cn(\n      'tw:data-[state=closed]:animate-collapsible-close',\n      'tw:data-[state=open]:animate-collapsible-open',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </Content>\n);\n","import type { ComponentProps } from 'react';\nimport { CollapsibleTrigger as Trigger } from '@radix-ui/react-collapsible';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Trigger>;\n\n/**\n * A `Collapsible` toggle.\n *\n * - Carries `tailwindcss-preflight`: the trigger renders a bare `<button>` and the package's\n *   reset is opt-in, so without it a host app without a global reset gets UA button chrome.\n * - Under `asChild` the class lands on a design component that already declares it — harmless.\n */\nexport const CollapsibleTrigger = ({ ref, className, children, ...props }: Props) => (\n  <Trigger ref={ref} className={cn('tailwindcss-preflight', className)} {...props}>\n    {children}\n  </Trigger>\n);\n","import type { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-collapsible';\n\nimport { CollapsibleContent } from './CollapsibleContent';\nimport { CollapsibleTrigger } from './CollapsibleTrigger';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Collapsible = (props: Props) => <Root {...props} />;\n\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Content = CollapsibleContent;\n"]}

package/dist/{chunk-JP7PNHLH.js → chunk-G3PMV62Z.js}

@@ -1,6 +1,3 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -30,11 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var twMerge = extendTailwindMerge({
-  prefix: "tw"
-});
-var cn = (...classes) => twMerge(clsx(...classes));
 
-export { __commonJS, __export, __toESM, cn };
-//# sourceMappingURL=chunk-JP7PNHLH.js.map
-//# sourceMappingURL=chunk-JP7PNHLH.js.map
+export { __commonJS, __export, __toESM };
+//# sourceMappingURL=chunk-G3PMV62Z.js.map
+//# sourceMappingURL=chunk-G3PMV62Z.js.map

package/dist/chunk-G3PMV62Z.js.map

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

package/dist/chunk-GACFOW3E.js

@@ -0,0 +1,51 @@
+import { Collapsible } from './chunk-FVPGQ6UE.js';
+import { ChevronDown } from './chunk-RQVK4IYC.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PanelWithDetails = ({
+  defaultExpanded = false,
+  labelCollapse = "Hide details",
+  labelOpen = "Show details",
+  placement = "top",
+  children
+}) => {
+  const [isOpen, setIsOpen] = useState(defaultExpanded);
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open: isOpen,
+      onOpenChange: setIsOpen,
+      className: cn("tw:flex", placement === "bottom" ? "tw:flex-col-reverse" : "tw:flex-col"),
+      children: [
+        /* @__PURE__ */ jsxs(
+          Collapsible.Trigger,
+          {
+            className: cn(
+              "tw:flex tw:cursor-pointer tw:items-center tw:rounded-sm tw:bg-muted tw:px-4 tw:py-3 tw:text-sm tw:text-muted-foreground",
+              "tw:hover:text-primary"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "tw:mr-2 tw:flex tw:shrink-0 tw:items-center", children: /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn(
+                    "tw:size-5",
+                    !isOpen ? "tw:-rotate-90" : placement === "bottom" ? "tw:rotate-180" : ""
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "tw:py-0.5", children: isOpen ? labelCollapse : labelOpen })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", { className: "tw:px-5 tw:py-3", children }) })
+      ]
+    }
+  );
+};
+
+export { PanelWithDetails };
+//# sourceMappingURL=chunk-GACFOW3E.js.map
+//# sourceMappingURL=chunk-GACFOW3E.js.map

package/dist/chunk-GACFOW3E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PanelWithDetails.tsx"],"names":[],"mappings":";;;;;;AAgBO,IAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA,GAAkB,KAAA;AAAA,EAClB,aAAA,GAAgB,cAAA;AAAA,EAChB,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ;AACF,CAAA,KAAa;AACX,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,eAAe,CAAA;AAEpD,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,YAAA,EAAc,SAAA;AAAA,MACd,WAAW,EAAA,CAAG,SAAA,EAAW,SAAA,KAAc,QAAA,GAAW,wBAAwB,aAAa,CAAA;AAAA,MAEvF,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,WAAA,CAAY,OAAA;AAAA,UAAZ;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,yHAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,WAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,WAAA;AAAA,oBACA,CAAC,MAAA,GAAS,eAAA,GAAkB,SAAA,KAAc,WAAW,eAAA,GAAkB;AAAA;AACzE;AAAA,eACF,EACF,CAAA;AAAA,kCAEC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,MAAA,GAAS,gBAAgB,SAAA,EAAU;AAAA;AAAA;AAAA,SACjE;AAAA,wBAEA,GAAA,CAAC,YAAY,OAAA,EAAZ,EACC,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAS,CAAA,EAC7C;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-GACFOW3E.js","sourcesContent":["import { useState } from 'react';\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\ntype Props = PropsWithChildren<{\n  defaultExpanded?: boolean;\n  labelCollapse?: ReactNode;\n  labelOpen?: ReactNode;\n  placement?: 'top' | 'bottom';\n  className?: string;\n}>;\n\nexport const PanelWithDetails = ({\n  defaultExpanded = false,\n  labelCollapse = 'Hide details',\n  labelOpen = 'Show details',\n  placement = 'top',\n  children,\n}: Props) => {\n  const [isOpen, setIsOpen] = useState(defaultExpanded);\n\n  return (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className={cn('tw:flex', placement === 'bottom' ? 'tw:flex-col-reverse' : 'tw:flex-col')}\n    >\n      <Collapsible.Trigger\n        className={cn(\n          'tw:flex tw:cursor-pointer tw:items-center tw:rounded-sm tw:bg-muted tw:px-4 tw:py-3 tw:text-sm tw:text-muted-foreground',\n          'tw:hover:text-primary',\n        )}\n      >\n        <div className=\"tw:mr-2 tw:flex tw:shrink-0 tw:items-center\">\n          <ChevronDown\n            className={cn(\n              'tw:size-5',\n              !isOpen ? 'tw:-rotate-90' : placement === 'bottom' ? 'tw:rotate-180' : '',\n            )}\n          />\n        </div>\n\n        <div className=\"tw:py-0.5\">{isOpen ? labelCollapse : labelOpen}</div>\n      </Collapsible.Trigger>\n\n      <Collapsible.Content>\n        <div className=\"tw:px-5 tw:py-3\">{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"]}

package/dist/chunk-GDT6HQMK.js

@@ -0,0 +1,42 @@
+import { toast } from './chunk-6W5BHRCL.js';
+import { useEffect } from 'react';
+import { Toaster as Toaster$1 } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+var useNotification = ({ enabled = true, ...toastOptions }) => {
+  useEffect(() => {
+    if (!enabled) return;
+    let toastId;
+    const frameId = requestAnimationFrame(() => {
+      toastId = toast({ ...toastOptions, duration: toastOptions.duration ?? Infinity });
+    });
+    return () => {
+      cancelAnimationFrame(frameId);
+      toast.dismiss(toastId);
+    };
+  }, [enabled]);
+};
+var DEFAULT_STYLES = {
+  "--width": "512px"
+  // match max-w-lg
+};
+var stopPropagation = (event) => event.stopPropagation();
+var Toaster = ({ gap = 12, visibleToasts = 5, ...props }) => (
+  // Wrapper prevents toast clicks from reaching Radix Dialog's DismissableLayer,
+  // which would otherwise close the modal on any "outside" pointer event.
+  // oxlint-disable-next-line jsx-a11y/no-static-element-interactions
+  /* @__PURE__ */ jsx("div", { onPointerDown: stopPropagation, children: /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      ...props,
+      gap,
+      visibleToasts,
+      className: "tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center",
+      style: DEFAULT_STYLES
+    }
+  ) })
+);
+
+export { Toaster, useNotification };
+//# sourceMappingURL=chunk-GDT6HQMK.js.map
+//# sourceMappingURL=chunk-GDT6HQMK.js.map

package/dist/chunk-GDT6HQMK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/useNotification.tsx","../src/components/Toast/Toaster.tsx"],"names":["SonnerToaster"],"mappings":";;;;;AAkBO,IAAM,kBAAkB,CAAC,EAAE,UAAU,IAAA,EAAM,GAAG,cAAa,KAAa;AAC7E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI,OAAA;AACJ,IAAA,MAAM,OAAA,GAAU,sBAAsB,MAAM;AAC1C,MAAA,OAAA,GAAU,KAAA,CAAM,EAAE,GAAG,YAAA,EAAc,UAAU,YAAA,CAAa,QAAA,IAAY,UAAU,CAAA;AAAA,IAClF,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,CAAqB,OAAO,CAAA;AAC5B,MAAA,KAAA,CAAM,QAAQ,OAAO,CAAA;AAAA,IACvB,CAAA;AAAA,EAEF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd;AC3BA,IAAM,cAAA,GAAiB;AAAA,EACrB,SAAA,EAAW;AAAA;AACb,CAAA;AAEA,IAAM,eAAA,GAAkB,CAAC,KAAA,KAAwB,KAAA,CAAM,eAAA,EAAgB;AAEhE,IAAM,OAAA,GAAU,CAAC,EAAE,GAAA,GAAM,IAAI,aAAA,GAAgB,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA;AAAA;AAAA;AAAA,kBAI9D,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAe,eAAA,EAClB,QAAA,kBAAA,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,EAAU,wEAAA;AAAA,MACV,KAAA,EAAO;AAAA;AAAA,GACT,EACF;AAAA","file":"chunk-GDT6HQMK.js","sourcesContent":["import { useEffect } from 'react';\n\nimport { toast } from './toast';\n\ntype Props = {\n  enabled?: boolean;\n} & Parameters<typeof toast>[0];\n\n/**\n * Declarative notification component built on top of sonner/toast.\n *\n * Use `Notification` for persistent, system-driven messages that require user acknowledgment\n * (e.g., trial expiration warnings, upgrade prompts, billing alerts).\n * The notification stays visible until the user dismisses it or the component unmounts.\n *\n * Use `toast()` for transient feedback after a user action\n * (e.g., \"Saved\", \"Copied\", \"Deleted\") that auto-dismisses after a few seconds.\n */\nexport const useNotification = ({ enabled = true, ...toastOptions }: Props) => {\n  useEffect(() => {\n    if (!enabled) return;\n    let toastId: string | number | undefined;\n    const frameId = requestAnimationFrame(() => {\n      toastId = toast({ ...toastOptions, duration: toastOptions.duration ?? Infinity });\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      toast.dismiss(toastId);\n    };\n    // oxlint-disable-next-line react/exhaustive-deps -- we only want to trigger this effect when enabled changes, not when other toast options change\n  }, [enabled]);\n};\n","import type { ComponentProps, PointerEvent } from 'react';\nimport { Toaster as SonnerToaster } from 'sonner';\n\ntype ToasterProps = ComponentProps<typeof SonnerToaster>;\n\nconst DEFAULT_STYLES = {\n  '--width': '512px', // match max-w-lg\n} as React.CSSProperties;\n\nconst stopPropagation = (event: PointerEvent) => event.stopPropagation();\n\nexport const Toaster = ({ gap = 12, visibleToasts = 5, ...props }: ToasterProps) => (\n  // Wrapper prevents toast clicks from reaching Radix Dialog's DismissableLayer,\n  // which would otherwise close the modal on any \"outside\" pointer event.\n  // oxlint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onPointerDown={stopPropagation}>\n    <SonnerToaster\n      {...props}\n      gap={gap}\n      visibleToasts={visibleToasts}\n      className=\"tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center\"\n      style={DEFAULT_STYLES}\n    />\n  </div>\n);\n"]}