@raystack/apsara 0.38.0 → 0.40.0

package/dist/v1/components/chip/chip.cjs

@@ -25,12 +25,12 @@ const chip = index.cva(chip_module.default.chip, {
         color: "neutral",
     },
 });
-const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role = "status", ariaLabel, }) => {
+const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role = "status", ariaLabel, "data-state": dataState, }) => {
     const handleDismiss = (e) => {
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

package/dist/v1/components/chip/chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\",\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  onClick?: () => void;\n  role?: string;\n  ariaLabel?: string;\n};\n\nexport const Chip = ({\n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  onClick,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span\n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={\n        ariaLabel || (typeof children === \"string\" ? children : undefined)\n      }\n      onClick={onClick}\n    >\n      {leadingIcon && (\n        <span\n          className={styles[\"leading-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button\n          onClick={handleDismiss}\n          className={styles[\"dismiss-button\"]}\n          aria-label={`Remove ${\n            typeof children === \"string\" ? children : \"item\"\n          }`}\n          type=\"button\"\n        >\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span\n          className={styles[\"trailing-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,2CACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZE,gCAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbE,gCACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,gCAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\",\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  onClick?: () => void;\n  role?: string;\n  ariaLabel?: string;\n  \"data-state\"?: string;\n};\n\nexport const Chip = ({\n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  onClick,\n  role = \"status\",\n  ariaLabel,\n  \"data-state\": dataState,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span\n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={\n        ariaLabel || (typeof children === \"string\" ? children : undefined)\n      }\n      onClick={onClick}\n      data-state={dataState}\n    >\n      {leadingIcon && (\n        <span\n          className={styles[\"leading-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button\n          onClick={handleDismiss}\n          className={styles[\"dismiss-button\"]}\n          aria-label={`Remove ${\n            typeof children === \"string\" ? children : \"item\"\n          }`}\n          type=\"button\"\n        >\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span\n          className={styles[\"trailing-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,6CACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/chip/chip.d.ts

@@ -15,9 +15,10 @@ type ChipProps = VariantProps<typeof chip> & {
     onClick?: () => void;
     role?: string;
     ariaLabel?: string;
+    "data-state"?: string;
 };
 export declare const Chip: {
-    ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role, ariaLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role, ariaLabel, "data-state": dataState, }: ChipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/v1/components/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;mFAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;oIAad,SAAS;;CA8DX,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;mFAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI;6JAcd,SAAS;;CA+DX,CAAC"}

package/dist/v1/components/chip/chip.js

@@ -23,12 +23,12 @@ const chip = cva(styles.chip, {
         color: "neutral",
     },
 });
-const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role = "status", ariaLabel, }) => {
+const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, onClick, role = "status", ariaLabel, "data-state": dataState, }) => {
     const handleDismiss = (e) => {
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

package/dist/v1/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\",\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  onClick?: () => void;\n  role?: string;\n  ariaLabel?: string;\n};\n\nexport const Chip = ({\n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  onClick,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span\n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={\n        ariaLabel || (typeof children === \"string\" ? children : undefined)\n      }\n      onClick={onClick}\n    >\n      {leadingIcon && (\n        <span\n          className={styles[\"leading-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button\n          onClick={handleDismiss}\n          className={styles[\"dismiss-button\"]}\n          aria-label={`Remove ${\n            typeof children === \"string\" ? children : \"item\"\n          }`}\n          type=\"button\"\n        >\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span\n          className={styles[\"trailing-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAER,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,WAAW,KACVC,gCACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAElB,QAAA,EAAA,WAAW,GACP,CACR,EACA,QAAQ,EACR,aAAa,IACZA,qBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAE,CAAA,EACF,IAAI,EAAC,QAAQ,YAEbA,qBACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAEnB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EACnB,CAAA,EAAA,CACE,GACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\",\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  onClick?: () => void;\n  role?: string;\n  ariaLabel?: string;\n  \"data-state\"?: string;\n};\n\nexport const Chip = ({\n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  onClick,\n  role = \"status\",\n  ariaLabel,\n  \"data-state\": dataState,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span\n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={\n        ariaLabel || (typeof children === \"string\" ? children : undefined)\n      }\n      onClick={onClick}\n      data-state={dataState}\n    >\n      {leadingIcon && (\n        <span\n          className={styles[\"leading-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button\n          onClick={handleDismiss}\n          className={styles[\"dismiss-button\"]}\n          aria-label={`Remove ${\n            typeof children === \"string\" ? children : \"item\"\n          }`}\n          type=\"button\"\n        >\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span\n          className={styles[\"trailing-icon\"]}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,kCACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/data-table/components/search.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
 var search = require('../../search/search.cjs');
 var useDataTable = require('../hooks/useDataTable.cjs');
 
-function TableSearch({ ...props }) {
+const TableSearch = React.forwardRef(({ ...props }, ref) => {
     const { updateTableQuery, tableQuery } = useDataTable.useDataTable();
     const handleSearch = (e) => {
         const value = e.target.value;
@@ -23,8 +24,8 @@ function TableSearch({ ...props }) {
             };
         });
     };
-    return (jsxRuntime.jsxRuntimeExports.jsx(search.Search, { ...props, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
-}
+    return (jsxRuntime.jsxRuntimeExports.jsx(search.Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
+});
 
 exports.TableSearch = TableSearch;
 //# sourceMappingURL=search.cjs.map

package/dist/v1/components/data-table/components/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n  const { updateTableQuery, tableQuery } = useDataTable();\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        search: value,\n      };\n    });\n  };\n\n  const handleClear = () => {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        search: \"\",\n      };\n    });\n  };\n\n  return (\n    <Search\n      {...props}\n      onChange={handleSearch}\n      value={tableQuery?.search}\n      onClear={handleClear}\n    />\n  );\n}\n"],"names":["useDataTable","_jsx","Search"],"mappings":";;;;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;IACnD,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAGA,yBAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEC,iCAACC,aAAM,EAAA,EAAA,GACD,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ;;;;"}
+{"version":3,"file":"search.cjs","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useDataTable","_jsx","Search"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAGC,yBAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEC,gCAAC,CAAAC,aAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}

package/dist/v1/components/data-table/components/search.d.ts

@@ -1,3 +1,3 @@
 import { SearchProps } from "../../search/search";
-export declare function TableSearch({ ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
+export declare const TableSearch: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=search.d.ts.map

package/dist/v1/components/data-table/components/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/components/search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,wBAAgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA8BpD"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/components/search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,eAAO,MAAM,WAAW,uHAiCvB,CAAC"}

package/dist/v1/components/data-table/components/search.js

@@ -1,8 +1,9 @@
 import { j as jsxRuntimeExports } from '../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
 import { Search } from '../../search/search.js';
 import { useDataTable } from '../hooks/useDataTable.js';
 
-function TableSearch({ ...props }) {
+const TableSearch = forwardRef(({ ...props }, ref) => {
     const { updateTableQuery, tableQuery } = useDataTable();
     const handleSearch = (e) => {
         const value = e.target.value;
@@ -21,8 +22,8 @@ function TableSearch({ ...props }) {
             };
         });
     };
-    return (jsxRuntimeExports.jsx(Search, { ...props, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
-}
+    return (jsxRuntimeExports.jsx(Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
+});
 
 export { TableSearch };
 //# sourceMappingURL=search.js.map

package/dist/v1/components/data-table/components/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport function TableSearch({ ...props }: SearchProps) {\n  const { updateTableQuery, tableQuery } = useDataTable();\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        search: value,\n      };\n    });\n  };\n\n  const handleClear = () => {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        search: \"\",\n      };\n    });\n  };\n\n  return (\n    <Search\n      {...props}\n      onChange={handleSearch}\n      value={tableQuery?.search}\n      onClear={handleClear}\n    />\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;SAIgB,WAAW,CAAC,EAAE,GAAG,KAAK,EAAe,EAAA;IACnD,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,sBAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ;;;;"}
+{"version":3,"file":"search.js","sources":["../../../../../v1/components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,qBAAC,CAAA,MAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}

package/dist/v1/components/data-table/data-table.d.ts

@@ -1,12 +1,11 @@
 import { DataTableProps } from "./data-table.types";
 import { Content } from "./components/content";
 import { Toolbar } from "./components/toolbar";
-import { TableSearch } from "./components/search";
 declare function DataTableRoot<TData, TValue>({ data, columns, query, mode, isLoading, loadingRowCount, defaultSort, children, onTableQueryChange, onLoadMore, onRowClick, }: React.PropsWithChildren<DataTableProps<TData, TValue>>): import("react/jsx-runtime").JSX.Element;
 export declare const DataTable: typeof DataTableRoot & {
     Content: typeof Content;
     Toolbar: typeof Toolbar;
-    Search: typeof TableSearch;
+    Search: import("react").ForwardRefExoticComponent<Omit<import("../search/search").SearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 };
 export {};
 //# sourceMappingURL=data-table.d.ts.map

package/dist/v1/components/data-table/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAkB5B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EACpC,IAAS,EACT,OAAO,EACP,KAAK,EACL,IAAe,EACf,SAAiB,EACjB,eAAmB,EACnB,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,UAAU,GACX,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CAmGxD;AAED,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAkB5B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EACpC,IAAS,EACT,OAAO,EACP,KAAK,EACL,IAAe,EACf,SAAiB,EACjB,eAAmB,EACnB,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,UAAU,GACX,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,2CAmGxD;AAED,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}

package/dist/v1/components/dialog/dialog.cjs

@@ -6,24 +6,32 @@ var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var React = require('react');
+var flex = require('../flex/flex.cjs');
 var dialog_module = require('./dialog.module.css.cjs');
 
 const dialogContent = index$1.cva(dialog_module.default.dialogContent);
-const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, close, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Overlay, { className: clsx.clsx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: [children, close && jsxRuntime.jsxRuntimeExports.jsx(CloseButton, {})] })] })));
+const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Overlay, { className: clsx.clsx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? "dialog-description" : undefined, ...props, children: children })] })));
 DialogContent.displayName = index.Content.displayName;
-function CloseButton({ children = jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}), className, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Close, { className: dialog_module.default.close, "aria-label": "Close dialog", ...props, children: children }));
+const DialogHeader = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: "between", align: "center", className: clsx.clsx(dialog_module.default.header, className), children: children }));
+const DialogFooter = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { gap: 5, justify: "end", className: clsx.clsx(dialog_module.default.footer, className), children: children }));
+const DialogBody = ({ children, className, }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: "column", gap: 3, className: clsx.clsx(dialog_module.default.body, className), children: children }));
+function CloseButton({ className, ...props }) {
+    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Close, { className: clsx.clsx(dialog_module.default.close, className), "aria-label": "Close dialog", ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}), ","] }));
 }
-function DialogTitle({ children, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { ...props, role: "heading", "aria-level": 1, children: children }));
+function DialogTitle({ children, className, ...props }) {
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { ...props, role: "heading", "aria-level": 1, className: clsx.clsx(dialog_module.default.title, className), children: children }));
 }
 function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Description, { ...props, className: className, id: "dialog-description", role: "document", children: children }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Description, { ...props, className: clsx.clsx(dialog_module.default.description, className), id: "dialog-description", role: "document", children: children }));
 }
 const Dialog = Object.assign(index.Root, {
     Trigger: index.Trigger,
     Content: DialogContent,
-    Close: CloseButton,
+    Header: DialogHeader,
+    Footer: DialogFooter,
+    Body: DialogBody,
+    Close: index.Close,
+    CloseButton: CloseButton,
     Title: DialogTitle,
     Description: DialogDescription,
 });

package/dist/v1/components/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Cross1Icon","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAGC,gBAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJC,iCAAA,CAACC,YAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,gCAAC,CAAAC,aAAuB,EACtB,EAAA,SAAS,EAAEC,SAAI,CAACN,qBAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFE,iCAAC,CAAAK,aAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIH,gCAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGG,aAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGH,gCAAA,CAACI,yBAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEJ,gCAAC,CAAAK,WAAqB,EAAA,EACpB,SAAS,EAAET,qBAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEI,gCAAC,CAAAM,WAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEN,iCAACO,iBAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}
+{"version":3,"file":"dialog.cjs","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={clsx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden=\"true\"\n        role=\"presentation\"\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify={\"between\"}\n    align={\"center\"}\n    className={clsx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={clsx(styles.close, className)}\n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      <Cross1Icon />,\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role=\"heading\"\n      aria-level={1}\n      className={clsx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={clsx(styles.description, className)}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","clsx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;;AAcA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAahD,MAAM,aAAa,GAAGC,gBAAU,CAI9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,iCAAC,CAAAC,YAAsB,EACrB,EAAA,QAAA,EAAA,CAAAC,gCAAA,CAACC,aAAuB,EAAA,EACtB,SAAS,EAAEC,SAAI,CACbN,qBAAM,CAAC,aAAa,EACpB,gBAAgB,EAChB,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAClC,EACD,KAAK,EAAE,YAAY,EAAA,aAAA,EACP,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,CACnB,EACFI,gCAAA,CAACG,aAAuB,EAAA,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EACpB,YAAA,EAAA,SAAS,EACH,kBAAA,EAAA,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAChE,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACe,CAAA,CAAA,EAAA,CACH,CAC1B,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAGA,aAAuB,CAAC,WAAW,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,GAIV,MACCH,gCAAA,CAACI,SAAI,EAAA,EACH,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAEF,SAAI,CAACN,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAExC,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,GAIV,MACCI,gCAAA,CAACI,SAAI,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,KAAK,EAAC,SAAS,EAAEF,SAAI,CAACN,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAClE,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,GAIV,MACCI,gCAAA,CAACI,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAEF,SAAI,CAACN,qBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YACrE,QAAQ,EAAA,CACJ,CACR,CAAC;AAGI,SAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAA;IACnE,QACEE,iCAAC,CAAAO,WAAqB,EACpB,EAAA,SAAS,EAAEH,SAAI,CAACN,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAC7B,YAAA,EAAA,cAAc,EACrB,GAAA,KAAK,EAET,QAAA,EAAA,CAAAI,gCAAA,CAACM,yBAAU,EAAA,EAAA,CAAG,EACQ,GAAA,CAAA,EAAA,CAAA,EACxB;AACJ,CAAC;AAOD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAA;AACtE,IAAA,QACEN,gCAAA,CAACO,WAAqB,EAAA,EAAA,GAChB,KAAK,EACT,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,CAAC,EACb,SAAS,EAAEL,SAAI,CAACN,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAEvC,QAAA,EAAA,QAAQ,EACa,CAAA,EACxB;AACJ,CAAC;AAQD,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACe,EAAA;AACvB,IAAA,QACEI,gCAAA,CAACQ,iBAA2B,EAAA,EAAA,GACtB,KAAK,EACT,SAAS,EAAEN,SAAI,CAACN,qBAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC9C,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAAA,QAAA,EAEd,QAAQ,EAAA,CACmB,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACa,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;IAChB,KAAK,EAAEL,WAAqB;AAC5B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}

package/dist/v1/components/dialog/dialog.d.ts

@@ -9,14 +9,13 @@ export interface DialogContentProps extends ComponentPropsWithoutRef<typeof Dial
     overlayClassName?: string;
     overlayStyle?: React.CSSProperties;
     width?: string | number;
-    close?: boolean;
 }
 type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
-export declare function CloseButton({ children, className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CloseButton({ className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
 interface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {
     children: React.ReactNode;
 }
-declare function DialogTitle({ children, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ children, className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
 interface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {
     children: React.ReactNode;
     className?: string;
@@ -25,7 +24,20 @@ declare function DialogDescription({ children, className, ...props }: DialogDesc
 export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
     Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Close: typeof CloseButton;
+    Header: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseButton: typeof CloseButton;
     Title: typeof DialogTitle;
     Description: typeof DialogDescription;
 };

package/dist/v1/components/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAwCD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAyB,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAU5D;AAED,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWnF;AAED,eAAO,MAAM,MAAM;;;;;;CAMjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../v1/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAKf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAuFD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAUpE;AAED,UAAU,gBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,UAAU,sBACR,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAWxB;AAED,eAAO,MAAM,MAAM;;;;kBA1FP,MAAM,SAAS;;;;kBAgBf,MAAM,SAAS;;;;kBAYf,MAAM,SAAS;;;;;;;CAwEzB,CAAC"}

package/dist/v1/components/dialog/dialog.js

@@ -1,27 +1,35 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe, Root as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0, Description as $5d3850c4d0b4e6c7$export$393edc798c47379d } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
+import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Overlay as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, Root as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0, Description as $5d3850c4d0b4e6c7$export$393edc798c47379d } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
 import styles from './dialog.module.css.js';
 
 const dialogContent = cva(styles.dialogContent);
-const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, close, ...props }, ref) => (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: [children, close && jsxRuntimeExports.jsx(CloseButton, {})] })] })));
+const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": "true", role: "presentation" }), jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? "dialog-description" : undefined, ...props, children: children })] })));
 DialogContent.displayName = $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2.displayName;
-function CloseButton({ children = jsxRuntimeExports.jsx(Cross1Icon, {}), className, ...props }) {
-    return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: styles.close, "aria-label": "Close dialog", ...props, children: children }));
+const DialogHeader = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex, { justify: "between", align: "center", className: clsx(styles.header, className), children: children }));
+const DialogFooter = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex, { gap: 5, justify: "end", className: clsx(styles.footer, className), children: children }));
+const DialogBody = ({ children, className, }) => (jsxRuntimeExports.jsx(Flex, { direction: "column", gap: 3, className: clsx(styles.body, className), children: children }));
+function CloseButton({ className, ...props }) {
+    return (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: clsx(styles.close, className), "aria-label": "Close dialog", ...props, children: [jsxRuntimeExports.jsx(Cross1Icon, {}), ","] }));
 }
-function DialogTitle({ children, ...props }) {
-    return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { ...props, role: "heading", "aria-level": 1, children: children }));
+function DialogTitle({ children, className, ...props }) {
+    return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f99233281efd08a0, { ...props, role: "heading", "aria-level": 1, className: clsx(styles.title, className), children: children }));
 }
 function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { ...props, className: className, id: "dialog-description", role: "document", children: children }));
+    return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$393edc798c47379d, { ...props, className: clsx(styles.description, className), id: "dialog-description", role: "document", children: children }));
 }
 const Dialog = Object.assign($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, {
     Trigger: $5d3850c4d0b4e6c7$export$41fb9f06171c75f4,
     Content: DialogContent,
-    Close: CloseButton,
+    Header: DialogHeader,
+    Footer: DialogFooter,
+    Body: DialogBody,
+    Close: $5d3850c4d0b4e6c7$export$f39c2d165cd861fe,
+    CloseButton: CloseButton,
     Title: DialogTitle,
     Description: DialogDescription,
 });

package/dist/v1/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n  close?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ \n  className, \n  children, \n  ariaLabel, \n  ariaDescription, \n  overlayBlur = false, \n  overlayClassName,\n  overlayStyle,\n  width,\n  close,\n  ...props \n}, ref) => (\n  <DialogPrimitive.Portal>\n    <DialogPrimitive.Overlay \n      className={clsx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur )}\n      style={overlayStyle}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n    />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={dialogContent({ className })}\n      style={{ width, ...props.style }}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n      {...props}\n    >\n      {children}\n      {close && <CloseButton />}\n    </DialogPrimitive.Content>\n  </DialogPrimitive.Portal>\n));\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({\n  children = <Cross1Icon />,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close \n      className={styles.close} \n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title \n      {...props}\n      role=\"heading\"\n      aria-level={1}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({ children, className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description \n      {...props}\n      className={className}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Close: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n}); "],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAchD,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EACD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,sBAAA,CAACC,yCAAsB,EAAA,EAAA,QAAA,EAAA,CACrBC,qBAAC,CAAAC,yCAAuB,EACtB,EAAA,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAE,EAC3F,KAAK,EAAE,YAAY,EACP,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,CAAA,EACFH,sBAAC,CAAAI,yCAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAAA,YAAA,EACpB,SAAS,EAAA,kBAAA,EACH,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAAA,GAChE,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACR,KAAK,IAAIF,qBAAC,CAAA,WAAW,EAAG,EAAA,CAAA,CAAA,EAAA,CACD,CACH,EAAA,CAAA,CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAGE,yCAAuB,CAAC,WAAW,CAAC;AAGhD,SAAA,WAAW,CAAC,EAC1B,QAAQ,GAAGF,qBAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EACzB,SAAS,EACT,GAAG,KAAK,EACS,EAAA;AACjB,IAAA,QACEA,qBAAC,CAAAG,yCAAqB,EAAA,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,YAAA,EACZ,cAAc,EACrB,GAAA,KAAK,YAER,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAMD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC3D,IAAA,QACEH,qBAAC,CAAAI,yCAAqB,OAChB,KAAK,EACT,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,YAEZ,QAAQ,EAAA,CACa,EACxB;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAA;IAClF,QACEJ,sBAACK,yCAA2B,EACtB,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAEd,QAAA,EAAA,QAAQ,EACmB,CAAA,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAoB,EAAE;IACxD,OAAO,EAAEC,yCAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../../../v1/components/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n} from \"react\";\nimport { Flex } from \"../flex\";\n\nimport styles from \"./dialog.module.css\";\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={clsx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden=\"true\"\n        role=\"presentation\"\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? \"dialog-description\" : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify={\"between\"}\n    align={\"center\"}\n    className={clsx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify=\"end\" className={clsx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction=\"column\" gap={3} className={clsx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={clsx(styles.close, className)}\n      aria-label=\"Close dialog\"\n      {...props}\n    >\n      <Cross1Icon />,\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role=\"heading\"\n      aria-level={1}\n      className={clsx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={clsx(styles.description, className)}\n      id=\"dialog-description\"\n      role=\"document\"\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription,\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}

package/dist/v1/components/dialog/dialog.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
+var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT","header":"dialog-module_header__XyU4U","title":"dialog-module_title__vzaHe","body":"dialog-module_body__co0Jz","footer":"dialog-module_footer__qqC4q","description":"dialog-module_description__G1nfZ"};
 
 exports.default = styles;
 //# sourceMappingURL=dialog.module.css.cjs.map

package/dist/v1/components/dialog/dialog.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT"};
+var styles = {"dialogOverlay":"dialog-module_dialogOverlay__gtTvA","dialogContent":"dialog-module_dialogContent__DvkhU","close":"dialog-module_close__g-6GW","overlayBlur":"dialog-module_overlayBlur__5363s","fadeIn":"dialog-module_fadeIn__Yyp5s","fadeOut":"dialog-module_fadeOut__H7gVW","overlay":"dialog-module_overlay__sppBT","header":"dialog-module_header__XyU4U","title":"dialog-module_title__vzaHe","body":"dialog-module_body__co0Jz","footer":"dialog-module_footer__qqC4q","description":"dialog-module_description__G1nfZ"};
 
 export { styles as default };
 //# sourceMappingURL=dialog.module.css.js.map

package/dist/v1/components/empty-state/empty-state.cjs

@@ -6,7 +6,10 @@ var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
 var emptyState_module = require('./empty-state.module.css.cjs');
 
-const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
+const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, variant = "empty1", }) => {
+    if (variant === "empty2") {
+        return (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { align: "center", justify: "center", className: emptyState_module.default.emptyStatePage, children: jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "start", gap: "medium", className: clsx.clsx(emptyState_module.default.emptyStateContent, classNames?.container), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.iconContainer, classNames?.iconContainer), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.icon, emptyState_module.default.iconLarge, classNames?.icon), children: icon }) }), heading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 5, weight: 500, className: clsx.clsx(emptyState_module.default.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 4, weight: 400, className: clsx.clsx(emptyState_module.default.subHeaderText, classNames?.subHeading), children: subHeading })), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", children: [primaryAction, secondaryAction] })] }) }));
+    }
     return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "center", gap: "medium", className: clsx.clsx(emptyState_module.default.emptyState, classNames?.container), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.iconContainer, classNames?.iconContainer), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.icon, classNames?.icon), children: icon }) }), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 5, weight: 500, className: clsx.clsx(emptyState_module.default.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 4, weight: 400, className: clsx.clsx(emptyState_module.default.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
 };
 

package/dist/v1/components/empty-state/empty-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.cjs","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./empty-state.module.css\";\n\ntype classNameKeys =\n  | \"container\"\n  | \"iconContainer\"\n  | \"icon\"\n  | \"heading\"\n  | \"subHeading\";\n\ninterface EmptystateProps {\n  icon: React.ReactNode;\n  heading?: React.ReactNode;\n  subHeading?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n  icon,\n  heading,\n  subHeading,\n  primaryAction,\n  secondaryAction,\n  classNames,\n}: EmptystateProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      align=\"center\"\n      gap=\"medium\"\n      className={clsx(styles.emptyState, classNames?.container)}\n    >\n      <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n        <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n      </div>\n\n      <Flex direction=\"column\" gap=\"small\" align=\"center\">\n        {heading && (\n          <Text\n            size={5}\n            weight={500}\n            className={clsx(styles.headerText, classNames?.heading)}\n          >\n            {heading}\n          </Text>\n        )}\n\n        {subHeading && (\n          <Text\n            size={4}\n            weight={400}\n            className={clsx(styles.subHeaderText, classNames?.subHeading)}\n          >\n            {subHeading}\n          </Text>\n        )}\n      </Flex>\n\n      {primaryAction}\n\n      {secondaryAction}\n    </Flex>\n  );\n};\n"],"names":["_jsxs","Flex","clsx","styles","_jsx","Text"],"mappings":";;;;;;;;AAsBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,iCAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAEC,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAENH,iCAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNG,gCAAC,CAAAC,SAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTC,gCAAA,CAACC,SAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}
+{"version":3,"file":"empty-state.cjs","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./empty-state.module.css\";\n\ntype classNameKeys =\n  | \"container\"\n  | \"iconContainer\"\n  | \"icon\"\n  | \"heading\"\n  | \"subHeading\";\n\ninterface EmptyStateProps {\n  icon: React.ReactNode;\n  heading?: React.ReactNode;\n  subHeading?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  classNames?: Partial<Record<classNameKeys, string>>;\n  variant?: \"empty1\" | \"empty2\";\n}\n\nexport const EmptyState = ({\n  icon,\n  heading,\n  subHeading,\n  primaryAction,\n  secondaryAction,\n  classNames,\n  variant = \"empty1\",\n}: EmptyStateProps) => {\n  if (variant === \"empty2\") {\n    return (\n      <Flex\n        align=\"center\"\n        justify=\"center\"\n        className={styles.emptyStatePage}\n      >\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          gap=\"medium\"\n          className={clsx(styles.emptyStateContent, classNames?.container)}\n        >\n          <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n            <div className={clsx(styles.icon, styles.iconLarge, classNames?.icon)}>{icon}</div>\n          </div>\n          \n          {heading && (\n            <Text\n              size={5}\n              weight={500}\n              className={clsx(styles.headerText, classNames?.heading)}\n            >\n              {heading}\n            </Text>\n          )}\n\n          {subHeading && (\n            <Text\n              size={4}\n              weight={400}\n              className={clsx(styles.subHeaderText, classNames?.subHeading)}\n            >\n              {subHeading}\n            </Text>\n          )}\n\n          <Flex gap=\"medium\">\n            {primaryAction}\n            {secondaryAction}\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  }\n\n\n\n  return (\n    <Flex\n      direction=\"column\"\n      align=\"center\"\n      gap=\"medium\"\n      className={clsx(styles.emptyState, classNames?.container)}\n    >\n      <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n        <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n      </div>\n\n      <Flex direction=\"column\" gap=\"small\" align=\"center\">\n        {heading && (\n          <Text\n            size={5}\n            weight={500}\n            className={clsx(styles.headerText, classNames?.heading)}\n          >\n            {heading}\n          </Text>\n        )}\n\n        {subHeading && (\n          <Text\n            size={4}\n            weight={400}\n            className={clsx(styles.subHeaderText, classNames?.subHeading)}\n          >\n            {subHeading}\n          </Text>\n        )}\n      </Flex>\n\n      {primaryAction}\n\n      {secondaryAction}\n    </Flex>\n  );\n};\n"],"names":["_jsx","Flex","styles","_jsxs","clsx","Text"],"mappings":"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"}

package/dist/v1/components/empty-state/empty-state.d.ts

@@ -1,12 +1,13 @@
 type classNameKeys = "container" | "iconContainer" | "icon" | "heading" | "subHeading";
-interface EmptystateProps {
+interface EmptyStateProps {
     icon: React.ReactNode;
     heading?: React.ReactNode;
     subHeading?: React.ReactNode;
     primaryAction?: React.ReactNode;
     secondaryAction?: React.ReactNode;
     classNames?: Partial<Record<classNameKeys, string>>;
+    variant?: "empty1" | "empty2";
 }
-export declare const EmptyState: ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }: EmptystateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, variant, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/v1/components/empty-state/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAMA,KAAK,aAAa,GACd,WAAW,GACX,eAAe,GACf,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,+EAOpB,eAAe,4CAuCjB,CAAC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAMA,KAAK,aAAa,GACd,WAAW,GACX,eAAe,GACf,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,wFAQpB,eAAe,4CAuFjB,CAAC"}

package/dist/v1/components/empty-state/empty-state.js

@@ -4,7 +4,10 @@ import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
 import styles from './empty-state.module.css.js';
 
-const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
+const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, variant = "empty1", }) => {
+    if (variant === "empty2") {
+        return (jsxRuntimeExports.jsx(Flex, { align: "center", justify: "center", className: styles.emptyStatePage, children: jsxRuntimeExports.jsxs(Flex, { direction: "column", align: "start", gap: "medium", className: clsx(styles.emptyStateContent, classNames?.container), children: [jsxRuntimeExports.jsx("div", { className: clsx(styles.iconContainer, classNames?.iconContainer), children: jsxRuntimeExports.jsx("div", { className: clsx(styles.icon, styles.iconLarge, classNames?.icon), children: icon }) }), heading && (jsxRuntimeExports.jsx(Text, { size: 5, weight: 500, className: clsx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntimeExports.jsx(Text, { size: 4, weight: 400, className: clsx(styles.subHeaderText, classNames?.subHeading), children: subHeading })), jsxRuntimeExports.jsxs(Flex, { gap: "medium", children: [primaryAction, secondaryAction] })] }) }));
+    }
     return (jsxRuntimeExports.jsxs(Flex, { direction: "column", align: "center", gap: "medium", className: clsx(styles.emptyState, classNames?.container), children: [jsxRuntimeExports.jsx("div", { className: clsx(styles.iconContainer, classNames?.iconContainer), children: jsxRuntimeExports.jsx("div", { className: clsx(styles.icon, classNames?.icon), children: icon }) }), jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntimeExports.jsx(Text, { size: 5, weight: 500, className: clsx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntimeExports.jsx(Text, { size: 4, weight: 400, className: clsx(styles.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
 };