@acmekit/ui 4.1.1

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.d.ts

@@ -0,0 +1,55 @@
+import { DeepKeys } from "@tanstack/react-table";
+import { DataTableFilter, DataTableFilterProps } from "../types";
+declare const createDataTableFilterHelper: <TData>() => {
+    accessor: (accessor: DeepKeys<TData>, props: DataTableFilterProps) => {
+        type: "radio";
+        options: import("../types").DataTableFilterOption[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "select";
+        options: import("../types").DataTableFilterOption[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "date";
+        format?: "date" | "date-time";
+        rangeOptionLabel?: string;
+        rangeOptionStartLabel?: string;
+        rangeOptionEndLabel?: string;
+        disableRangeOption?: boolean;
+        formatDateValue?: (value: Date) => string;
+        options: import("../types").DataTableFilterOption<import("../types").DataTableDateComparisonOperator>[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "multiselect";
+        options: import("../types").DataTableFilterOption[];
+        searchable?: boolean;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "string";
+        placeholder?: string;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "number";
+        placeholder?: string;
+        includeOperators?: boolean;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "custom";
+        render: (props: {
+            value: any;
+            onChange: (value: any) => void;
+            onRemove: () => void;
+        }) => React.ReactNode;
+        label: string;
+        id: DeepKeys<TData>;
+    };
+    custom: <T extends DataTableFilterProps>(props: DataTableFilter<T>) => DataTableFilter<T>;
+};
+export { createDataTableFilterHelper };
+//# sourceMappingURL=create-data-table-filter-helper.d.ts.map

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table-filter-helper.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/create-data-table-filter-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGhE,QAAA,MAAM,2BAA2B,GAAI,KAAK;yBACnB,QAAQ,CAAC,KAAK,CAAC,SAAS,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIxD,CAAC,SAAS,oBAAoB,SAAS,eAAe,CAAC,CAAC,CAAC;CAClE,CAAA;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAA"}

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.js

@@ -0,0 +1,9 @@
+const createDataTableFilterHelper = () => ({
+    accessor: (accessor, props) => ({
+        id: accessor,
+        ...props,
+    }),
+    custom: (props) => props,
+});
+export { createDataTableFilterHelper };
+//# sourceMappingURL=create-data-table-filter-helper.js.map

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table-filter-helper.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/create-data-table-filter-helper.ts"],"names":[],"mappings":"AAIA,MAAM,2BAA2B,GAAG,GAAU,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAyB,EAAE,KAA2B,EAAE,EAAE,CAAC,CAAC;QACrE,EAAE,EAAE,QAAQ;QACZ,GAAG,KAAK;KACT,CAAC;IACF,MAAM,EAAE,CAAiC,KAAyB,EAAE,EAAE,CAAC,KAAK;CAC7E,CAAC,CAAA;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAA","sourcesContent":["import { DeepKeys } from \"@tanstack/react-table\"\nimport { DataTableFilter, DataTableFilterProps } from \"../types\"\n\n\nconst createDataTableFilterHelper = <TData>() => ({\n  accessor: (accessor: DeepKeys<TData>, props: DataTableFilterProps) => ({\n    id: accessor,\n    ...props,\n  }),\n  custom: <T extends DataTableFilterProps>(props: DataTableFilter<T>) => props,\n})\n\nexport { createDataTableFilterHelper }\n\n"]}

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.d.ts

@@ -0,0 +1,3 @@
+import { DataTableDateComparisonOperator } from "../types";
+export declare function isDateComparisonOperator(value: unknown): value is DataTableDateComparisonOperator;
+//# sourceMappingURL=is-date-comparison-operator.d.ts.map

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-date-comparison-operator.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/is-date-comparison-operator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAE3D,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,+BAA+B,CAc1C"}

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.js

@@ -0,0 +1,11 @@
+export function isDateComparisonOperator(value) {
+    if (typeof value !== "object" || value === null) {
+        return false;
+    }
+    const validOperators = ["$gte", "$lte", "$gt", "$lt"];
+    const hasAtLeastOneOperator = validOperators.some((op) => op in value);
+    const allPropertiesValid = Object.entries(value)
+        .every(([key, val]) => validOperators.includes(key) && (typeof val === "string" || val === undefined));
+    return hasAtLeastOneOperator && allPropertiesValid;
+}
+//# sourceMappingURL=is-date-comparison-operator.js.map

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-date-comparison-operator.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/is-date-comparison-operator.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CACtC,KAAc;IAEd,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAChD,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IACrD,MAAM,qBAAqB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC;SACxE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CACpB,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,SAAS,CAAC,CAC/E,CAAA;IAEH,OAAO,qBAAqB,IAAI,kBAAkB,CAAA;AACpD,CAAC","sourcesContent":["import { DataTableDateComparisonOperator } from \"../types\";\n\nexport function isDateComparisonOperator(\n  value: unknown\n): value is DataTableDateComparisonOperator {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n\n  const validOperators = [\"$gte\", \"$lte\", \"$gt\", \"$lt\"]\n  const hasAtLeastOneOperator = validOperators.some((op) => op in value)\n  \n  const allPropertiesValid = Object.entries(value as Record<string, unknown>)\n    .every(([key, val]) => \n      validOperators.includes(key) && (typeof val === \"string\" || val === undefined)\n    )\n\n  return hasAtLeastOneOperator && allPropertiesValid\n}\n"]}

package/dist/esm/components/alert/alert.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
+    variant?: "error" | "success" | "warning" | "info";
+    dismissible?: boolean;
+}
+/**
+ * This component is based on the div element and supports all of its props
+ *
+ * @excludeExternal
+ */
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/esm/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}

package/dist/esm/components/alert/alert.js

@@ -0,0 +1,47 @@
+"use client";
+import { clx } from "../../utils/clx";
+import { CheckCircleSolid, ExclamationCircleSolid, InformationCircleSolid, XCircleSolid, XMarkMini, } from "@acmekit/icons";
+import * as React from "react";
+import { IconButton } from "../icon-button";
+/**
+ * This component is based on the div element and supports all of its props
+ *
+ * @excludeExternal
+ */
+export const Alert = React.forwardRef(({ 
+/**
+ * The variant of the alert
+ */
+variant = "info", 
+/**
+ * Whether the alert is dismissible
+ */
+dismissible = false, className, children, ...props }, ref) => {
+    const [dismissed, setDismissed] = React.useState(false);
+    const Icon = {
+        info: InformationCircleSolid,
+        error: XCircleSolid,
+        success: CheckCircleSolid,
+        warning: ExclamationCircleSolid,
+    }[variant];
+    const handleDismiss = () => {
+        setDismissed(true);
+    };
+    if (dismissed) {
+        return null;
+    }
+    return (React.createElement("div", { ref: ref, className: clx("bg-ui-bg-subtle txt-compact-small grid items-start gap-x-2 text-pretty rounded-lg border p-3", {
+            "grid-cols-[20px_1fr]": !dismissible,
+            "grid-cols-[20px_1fr_20px]": dismissible,
+        }, className), ...props },
+        React.createElement(Icon, { className: clx({
+                "text-ui-tag-red-icon": variant === "error",
+                "text-ui-tag-green-icon": variant === "success",
+                "text-ui-tag-orange-icon": variant === "warning",
+                "text-ui-tag-neutral-icon": variant === "info",
+            }) }),
+        React.createElement("div", { className: "w-full" }, children),
+        dismissible && (React.createElement(IconButton, { size: "2xsmall", variant: "transparent", type: "button", onClick: handleDismiss },
+            React.createElement(XMarkMini, { className: "text-ui-fg-muted" })))));
+});
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,SAAS,GACV,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,sBAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,GAAG,CAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,6BAAK,SAAS,EAAC,QAAQ,IAAE,QAAQ,CAAO;QACvC,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleSolid,\n  ExclamationCircleSolid,\n  InformationCircleSolid,\n  XCircleSolid,\n  XMarkMini,\n} from \"@acmekit/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n  dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      /**\n       * The variant of the alert\n       */\n      variant = \"info\",\n      /**\n       * Whether the alert is dismissible\n       */\n      dismissible = false,\n      className,\n      children,\n      ...props\n    }: AlertProps,\n    ref\n  ) => {\n    const [dismissed, setDismissed] = React.useState(false)\n\n    const Icon = {\n      info: InformationCircleSolid,\n      error: XCircleSolid,\n      success: CheckCircleSolid,\n      warning: ExclamationCircleSolid,\n    }[variant]\n\n    const handleDismiss = () => {\n      setDismissed(true)\n    }\n\n    if (dismissed) {\n      return null\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-subtle txt-compact-small grid items-start gap-x-2 text-pretty rounded-lg border p-3\",\n          {\n            \"grid-cols-[20px_1fr]\": !dismissible,\n            \"grid-cols-[20px_1fr_20px]\": dismissible,\n          },\n          className\n        )}\n        {...props}\n      >\n        <Icon\n          className={clx({\n            \"text-ui-tag-red-icon\": variant === \"error\",\n            \"text-ui-tag-green-icon\": variant === \"success\",\n            \"text-ui-tag-orange-icon\": variant === \"warning\",\n            \"text-ui-tag-neutral-icon\": variant === \"info\",\n          })}\n        />\n        <div className=\"w-full\">{children}</div>\n        {dismissible && (\n          <IconButton\n            size=\"2xsmall\"\n            variant=\"transparent\"\n            type=\"button\"\n            onClick={handleDismiss}\n          >\n            <XMarkMini className=\"text-ui-fg-muted\" />\n          </IconButton>\n        )}\n      </div>\n    )\n  }\n)\n"]}

package/dist/esm/components/alert/index.d.ts

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

package/dist/esm/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/alert/index.js

@@ -0,0 +1,2 @@
+export * from "./alert";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA","sourcesContent":["export * from \"./alert\"\n"]}

package/dist/esm/components/avatar/avatar.d.ts

@@ -0,0 +1,71 @@
+import { type VariantProps } from "cva";
+import { Avatar as RadixAvatar } from "radix-ui";
+import * as React from "react";
+declare const avatarVariants: (props?: ({
+    variant?: "squared" | "rounded" | undefined;
+    size?: "2xsmall" | "xsmall" | "small" | "base" | "large" | "xlarge" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixAvatar.Root>, "asChild" | "children" | "size">, VariantProps<typeof avatarVariants> {
+    src?: string;
+    fallback: string;
+}
+/**
+ * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/esm/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAoDlB,CAAA;AAwDF,UAAU,WACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACvD,SAAS,GAAG,UAAU,GAAG,MAAM,CAChC,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,qFAqDX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/avatar/avatar.js

@@ -0,0 +1,138 @@
+"use client";
+import { cva } from "cva";
+import { Avatar as RadixAvatar } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx";
+const avatarVariants = cva({
+    base: "flex shrink-0 items-center justify-center overflow-hidden shadow-borders-base bg-ui-bg-base",
+    variants: {
+        variant: {
+            squared: "",
+            rounded: "rounded-full",
+        },
+        size: {
+            "2xsmall": "h-5 w-5",
+            xsmall: "h-6 w-6",
+            small: "h-7 w-7",
+            base: "h-8 w-8",
+            large: "h-10 w-10",
+            xlarge: "h-12 w-12",
+        },
+    },
+    compoundVariants: [
+        {
+            variant: "squared",
+            size: "2xsmall",
+            className: "rounded",
+        },
+        {
+            variant: "squared",
+            size: "xsmall",
+            className: "rounded-md",
+        },
+        {
+            variant: "squared",
+            size: "small",
+            className: "rounded-md",
+        },
+        {
+            variant: "squared",
+            size: "base",
+            className: "rounded-md",
+        },
+        {
+            variant: "squared",
+            size: "large",
+            className: "rounded-lg",
+        },
+        {
+            variant: "squared",
+            size: "xlarge",
+            className: "rounded-xl",
+        },
+    ],
+    defaultVariants: {
+        variant: "rounded",
+        size: "base",
+    },
+});
+const innerVariants = cva({
+    base: "aspect-square object-cover object-center",
+    variants: {
+        variant: {
+            squared: "",
+            rounded: "rounded-full",
+        },
+        size: {
+            "2xsmall": "txt-compact-xsmall-plus size-4",
+            xsmall: "txt-compact-xsmall-plus size-5",
+            small: "txt-compact-small-plus size-6",
+            base: "txt-compact-small-plus size-7",
+            large: "txt-compact-medium-plus size-9",
+            xlarge: "txt-compact-large-plus size-11",
+        },
+    },
+    compoundVariants: [
+        {
+            variant: "squared",
+            size: "2xsmall",
+            className: "rounded-sm",
+        },
+        {
+            variant: "squared",
+            size: "xsmall",
+            className: "rounded",
+        },
+        {
+            variant: "squared",
+            size: "small",
+            className: "rounded",
+        },
+        {
+            variant: "squared",
+            size: "base",
+            className: "rounded",
+        },
+        {
+            variant: "squared",
+            size: "large",
+            className: "rounded-md",
+        },
+        {
+            variant: "squared",
+            size: "xlarge",
+            className: "rounded-[10px]",
+        },
+    ],
+    defaultVariants: {
+        variant: "rounded",
+        size: "base",
+    },
+});
+/**
+ * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.
+ */
+const Avatar = React.forwardRef(({ 
+/**
+ * The URL of the image used in the Avatar.
+ */
+src, 
+/**
+ * Text to show in the avatar if the URL provided in `src` can't be opened.
+ */
+fallback, 
+/**
+ * The style of the avatar.
+ */
+variant = "rounded", 
+/**
+ * The size of the avatar's border radius.
+ */
+size = "base", className, ...props }, ref) => {
+    return (React.createElement(RadixAvatar.Root, { ref: ref, ...props, className: clx(avatarVariants({ variant, size }), className) },
+        src && (React.createElement(RadixAvatar.Image, { src: src, className: innerVariants({ variant, size }) })),
+        React.createElement(RadixAvatar.Fallback, { className: clx(innerVariants({ variant, size }), "bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center") }, fallback)));
+});
+Avatar.displayName = "Avatar";
+export { Avatar };
+//# sourceMappingURL=avatar.js.map

package/dist/esm/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"cva\"\nimport { Avatar as RadixAvatar } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst avatarVariants = cva({\n  base: \"flex shrink-0 items-center justify-center overflow-hidden shadow-borders-base bg-ui-bg-base\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"h-5 w-5\",\n      xsmall: \"h-6 w-6\",\n      small: \"h-7 w-7\",\n      base: \"h-8 w-8\",\n      large: \"h-10 w-10\",\n      xlarge: \"h-12 w-12\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-lg\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-xl\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\nconst innerVariants = cva({\n  base: \"aspect-square object-cover object-center\",\n  variants: {\n    variant: {\n      squared: \"\",\n      rounded: \"rounded-full\",\n    },\n    size: {\n      \"2xsmall\": \"txt-compact-xsmall-plus size-4\",\n      xsmall: \"txt-compact-xsmall-plus size-5\",\n      small: \"txt-compact-small-plus size-6\",\n      base: \"txt-compact-small-plus size-7\",\n      large: \"txt-compact-medium-plus size-9\",\n      xlarge: \"txt-compact-large-plus size-11\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"squared\",\n      size: \"2xsmall\",\n      className: \"rounded-sm\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xsmall\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"small\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"base\",\n      className: \"rounded\",\n    },\n    {\n      variant: \"squared\",\n      size: \"large\",\n      className: \"rounded-md\",\n    },\n    {\n      variant: \"squared\",\n      size: \"xlarge\",\n      className: \"rounded-[10px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"rounded\",\n    size: \"base\",\n  },\n})\n\ninterface AvatarProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof RadixAvatar.Root>,\n      \"asChild\" | \"children\" | \"size\"\n    >,\n    VariantProps<typeof avatarVariants> {\n  src?: string\n  fallback: string\n}\n\n/**\n * This component is based on the [Radix UI Avatar](https://www.radix-ui.com/primitives/docs/components/avatar) primitive.\n */\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof RadixAvatar.Root>,\n  AvatarProps\n>(\n  (\n    {\n      /**\n       * The URL of the image used in the Avatar.\n       */\n      src,\n      /**\n       * Text to show in the avatar if the URL provided in `src` can't be opened.\n       */\n      fallback,\n      /**\n       * The style of the avatar.\n       */\n      variant = \"rounded\",\n      /**\n       * The size of the avatar's border radius.\n       */\n      size = \"base\",\n      className,\n      ...props\n    }: AvatarProps,\n    ref\n  ) => {\n    return (\n      <RadixAvatar.Root\n        ref={ref}\n        {...props}\n        className={clx(         \n          avatarVariants({ variant, size }),\n          className\n        )}\n      >\n        {src && (\n          <RadixAvatar.Image\n            src={src}\n            className={innerVariants({ variant, size })}\n          />\n        )}\n        <RadixAvatar.Fallback\n          className={clx(\n            innerVariants({ variant, size }),\n            \"bg-ui-bg-component-hover text-ui-fg-subtle pointer-events-none flex select-none items-center justify-center\"\n          )}\n        >\n          {fallback}\n        </RadixAvatar.Fallback>\n      </RadixAvatar.Root>\n    )\n  }\n)\nAvatar.displayName = \"Avatar\"\n\nexport { Avatar }\n"]}

package/dist/esm/components/avatar/index.d.ts

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

package/dist/esm/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/esm/components/avatar/index.js

@@ -0,0 +1,2 @@
+export * from "./avatar";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA","sourcesContent":["export * from \"./avatar\"\n"]}

package/dist/esm/components/badge/badge.d.ts

@@ -0,0 +1,126 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const badgeColorVariants: (props?: ({
+    color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare const badgeSizeVariants: (props?: ({
+    size?: "2xsmall" | "xsmall" | "small" | "base" | "large" | undefined;
+    rounded?: "base" | "full" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeSizeVariants>, VariantProps<typeof badgeColorVariants> {
+    asChild?: boolean;
+}
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeColorVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/esm/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiBtB,CAAA;AAEF,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAuErB,CAAA;AAEF,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,oFAuCV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA"}