@px-ui/core 1.22.0 → 1.23.0

package/dist/components/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "primary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
 export type Variant = VariantProps<typeof buttonVariants>["variant"];

package/dist/index.d.ts

@@ -1,18 +1 @@
-import * as Dialog from "./components/dialog";
-import * as Popover from "./components/popover";
-import * as Combobox from "./components/combobox";
-import * as Select from "./components/select";
-import * as Menu from "./components/menu";
-export * from './components/button';
-export * from './components/checkbox';
-export * from './components/label';
-export * from './components/text-input';
-export * from './components/avatar';
-export * from './components/avatar-group';
-export * from './components/segmented-control';
-export { Dialog };
-export { Popover };
-export { Combobox };
-export { Select };
-export { Menu };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAE1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -1,30 +1 @@
-/* empty css          */
-import * as r from "./components/dialog.js";
-import * as t from "./components/popover.js";
-import * as e from "./components/combobox.js";
-import * as p from "./components/select.js";
-import * as m from "./components/menu.js";
-import { Button as f, buttonVariants as s } from "./components/button.js";
-import { Checkbox as b } from "./components/checkbox.js";
-import { Label as n } from "./components/label.js";
-import { TextInput as v } from "./components/text-input.js";
-import { Avatar as A, AvatarImpl as I } from "./components/avatar.js";
-import { AvatarGroup as C } from "./components/avatar-group.js";
-import { Item as h, Root as k } from "./components/segmented-control.js";
-export {
-  A as Avatar,
-  C as AvatarGroup,
-  I as AvatarImpl,
-  f as Button,
-  b as Checkbox,
-  e as Combobox,
-  r as Dialog,
-  h as Item,
-  n as Label,
-  m as Menu,
-  t as Popover,
-  k as Root,
-  p as Select,
-  v as TextInput,
-  s as buttonVariants
-};
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@px-ui/core",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "A modern React component library built with Tailwind CSS",
   "type": "module",
   "module": "./dist/index.js",
@@ -15,9 +15,101 @@
       "import": "./dist/index.js"
     },
     "./styles": "./dist/core.css",
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.js"
+    "./button": {
+      "types": "./dist/components/button.d.ts",
+      "import": "./dist/components/button.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox.d.ts",
+      "import": "./dist/components/checkbox.js"
+    },
+    "./label": {
+      "types": "./dist/components/label.d.ts",
+      "import": "./dist/components/label.js"
+    },
+    "./text-input": {
+      "types": "./dist/components/text-input.d.ts",
+      "import": "./dist/components/text-input.js"
+    },
+    "./input": {
+      "types": "./dist/components/input.d.ts",
+      "import": "./dist/components/input.js"
+    },
+    "./input-group": {
+      "types": "./dist/components/input-group.d.ts",
+      "import": "./dist/components/input-group.js"
+    },
+    "./textarea": {
+      "types": "./dist/components/textarea.d.ts",
+      "import": "./dist/components/textarea.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar.d.ts",
+      "import": "./dist/components/avatar.js"
+    },
+    "./avatar-group": {
+      "types": "./dist/components/avatar-group.d.ts",
+      "import": "./dist/components/avatar-group.js"
+    },
+    "./user-avatar": {
+      "types": "./dist/components/user-avatar.d.ts",
+      "import": "./dist/components/user-avatar.js"
+    },
+    "./segmented-control": {
+      "types": "./dist/components/segmented-control.d.ts",
+      "import": "./dist/components/segmented-control.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/dialog.d.ts",
+      "import": "./dist/components/dialog.js"
+    },
+    "./popover": {
+      "types": "./dist/components/popover.d.ts",
+      "import": "./dist/components/popover.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox.d.ts",
+      "import": "./dist/components/combobox.js"
+    },
+    "./select": {
+      "types": "./dist/components/select.d.ts",
+      "import": "./dist/components/select.js"
+    },
+    "./menu": {
+      "types": "./dist/components/menu.d.ts",
+      "import": "./dist/components/menu.js"
+    },
+    "./spinner": {
+      "types": "./dist/components/spinner.d.ts",
+      "import": "./dist/components/spinner.js"
+    },
+    "./switch": {
+      "types": "./dist/components/switch.d.ts",
+      "import": "./dist/components/switch.js"
+    },
+    "./tabs": {
+      "types": "./dist/components/tabs.d.ts",
+      "import": "./dist/components/tabs.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/tooltip.d.ts",
+      "import": "./dist/components/tooltip.js"
+    },
+    "./radio-group": {
+      "types": "./dist/components/radio-group.d.ts",
+      "import": "./dist/components/radio-group.js"
+    },
+    "./block-checkbox-group": {
+      "types": "./dist/components/block-checkbox-group.d.ts",
+      "import": "./dist/components/block-checkbox-group.js"
+    },
+    "./block-radio-group": {
+      "types": "./dist/components/block-radio-group.d.ts",
+      "import": "./dist/components/block-radio-group.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     }
   },
   "files": [
@@ -48,7 +140,6 @@
     "access": "public"
   },
   "peerDependencies": {
-    "classnames": ">2.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
@@ -56,7 +147,8 @@
     "@base-ui-components/react": "1.0.0-beta.4",
     "class-variance-authority": "^0.7.1",
     "tailwind-merge": "3.2.0",
-    "tw-animate-css": "^1.3.4"
+    "tw-animate-css": "^1.3.4",
+    "classnames": ">2.0.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.1",

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/dist/_virtual/index.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
-export {
-  t as default
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var s = { exports: {} };
-export {
-  s as __module
-};

package/dist/_virtual/index3.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js";
-var i = r();
-export {
-  i as j
-};

package/dist/_virtual/jsx-runtime2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/with-selector.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/with-selector.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.0/node_modules/use-sync-external-store/shim/with-selector.js";
-var t = r();
-export {
-  t as w
-};

package/dist/_virtual/with-selector.production.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/with-selector2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/components/avatar-group.js

@@ -1,82 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import x from "react";
-import { cn as o } from "../utils/classnames.js";
-import { AvatarImpl as d, Avatar as c } from "./avatar.js";
-import { Root as a, Trigger as h, Content as u } from "./popover.js";
-import { BaseProvider as f, BaseRoot as g, Trigger as j, Content as z } from "./tooltip.js";
-function A({ max: n = 4, avatars: r, className: l }) {
-  const p = r.length > n, t = r.slice(n);
-  return /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: o("flex items-center", l),
-      "data-slot": "avatar-group",
-      children: [
-        r.map((s, i) => /* @__PURE__ */ e.jsx(x.Fragment, { children: /* @__PURE__ */ e.jsxs(g, { children: [
-          /* @__PURE__ */ e.jsx(
-            j,
-            {
-              render: (m) => /* @__PURE__ */ e.jsx(
-                "div",
-                {
-                  className: "relative",
-                  style: {
-                    marginLeft: i > 0 ? `-${parseInt(s.size ?? "100px") * 0.25}px` : "0",
-                    zIndex: r.length - i
-                  },
-                  ...m,
-                  children: /* @__PURE__ */ e.jsx(d, { ...s, className: "ring-white ring-2" })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsx(z, { children: s.name })
-        ] }) }, s.name)),
-        p && /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: "relative",
-            style: {
-              marginLeft: `-${parseInt(r[0].size ?? "100px") * 0.25}px`,
-              zIndex: 0
-            },
-            children: /* @__PURE__ */ e.jsxs(a, { openOnHover: !0, children: [
-              /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsxs(
-                "div",
-                {
-                  className: o(
-                    "font-medium flex cursor-pointer items-center justify-center bg-ppx-neutral-3 text-ppx-neutral-18 transition-colors hover:bg-ppx-neutral-4",
-                    r[0].variant === "rounded" ? "rounded-full" : "rounded-ppx-s"
-                  ),
-                  style: {
-                    width: r[0].size ?? "100px",
-                    height: r[0].size ?? "100px",
-                    fontSize: `${parseInt(r[0].size ?? "100px") * 0.3}px`
-                  },
-                  children: [
-                    "+",
-                    t.length
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(u, { className: "w-80", align: "start", side: "top", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: t.map((s) => /* @__PURE__ */ e.jsxs(
-                "div",
-                {
-                  className: "gap-3 p-2 rounded-md flex items-center",
-                  children: [
-                    /* @__PURE__ */ e.jsx(c, { ...s, size: "24px", hideTooltip: !0 }),
-                    /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium text-ppx-neutral-18", children: s.name })
-                  ]
-                },
-                s.name
-              )) }) })
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  A as AvatarGroup
-};

package/dist/components/avatar.js

@@ -1,111 +0,0 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { cn as s } from "../utils/classnames.js";
-import { useMemo as c } from "react";
-import { Root as d, Trigger as m, Content as u } from "./tooltip.js";
-import { AvatarRoot as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/root/AvatarRoot.js";
-import { AvatarImage as h } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/image/AvatarImage.js";
-import { AvatarFallback as g } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/avatar/fallback/AvatarFallback.js";
-const p = [
-  "#bdc3c7",
-  "#6f7b87",
-  "#2c3e50",
-  "#2f3193",
-  "#662d91",
-  "#922790",
-  "#ec2176",
-  "#ed1c24",
-  "#f36622",
-  "#f8941e",
-  "#fab70f",
-  "#fdde00",
-  "#d1d219",
-  "#8ec73f",
-  "#00a650",
-  "#00aa9c",
-  "#00adef",
-  "#0081cd",
-  "#005bab",
-  "#012a4a",
-  "#013a63",
-  "#06d6a0",
-  "#ef476f",
-  "#ff5d8f",
-  "#0496ff",
-  "#c879ff"
-], v = (e) => {
-  var n, r;
-  if (!e.length) return "";
-  const t = new RegExp(/(\b\w)/g), a = [...e.matchAll(t)];
-  return ((((n = a.shift()) == null ? void 0 : n[1]) || "") + (((r = a.pop()) == null ? void 0 : r[1]) || "")).toUpperCase();
-}, b = (e) => {
-  if (!e) return {};
-  let t = e[0].toUpperCase().charCodeAt(0);
-  const a = e.split(" ")[1];
-  return a && (t = t + a[0].toUpperCase().charCodeAt(0), t = Math.floor(t / 2)), t = Math.abs(t - 65), {
-    backgroundColor: p[t],
-    color: "#fff"
-  };
-}, j = (e, t) => {
-  const a = t.replace("px", ""), n = `${a}x${a}`;
-  return e.replace("/SIZE/", `/${n}/`);
-};
-function E(e) {
-  return /* @__PURE__ */ o.jsxs(d, { disabled: e.hideTooltip, children: [
-    /* @__PURE__ */ o.jsx(
-      m,
-      {
-        render: (t) => /* @__PURE__ */ o.jsx(A, { ...e, avatarRootProps: t })
-      }
-    ),
-    /* @__PURE__ */ o.jsx(u, { children: e.name })
-  ] });
-}
-function A(e) {
-  const { variant: t = "squared", size: a = "100px", avatarRootProps: n } = e, r = e.name ?? "", i = c(() => v(r), [r]), l = c(() => b(r), [r]), f = c(
-    () => e.imgSrc ? j(e.imgSrc, a) : void 0,
-    [e.imgSrc, a]
-  );
-  return /* @__PURE__ */ o.jsxs(
-    x,
-    {
-      "data-slot": "avatar",
-      className: s(
-        "@container relative flex shrink-0 overflow-hidden",
-        t === "rounded" && "rounded-full",
-        t === "squared" && "rounded-ppx-s",
-        e.className
-      ),
-      style: {
-        width: a,
-        height: a
-      },
-      ...n,
-      children: [
-        /* @__PURE__ */ o.jsx(
-          h,
-          {
-            "data-slot": "avatar-image",
-            className: "size-full object-cover",
-            src: f
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          g,
-          {
-            "data-slot": "avatar-fallback",
-            className: s(
-              "font-medium flex size-full items-center justify-center text-[40cqw] select-none"
-            ),
-            style: l,
-            children: i
-          }
-        ),
-        e.children
-      ]
-    }
-  );
-}
-export {
-  E as Avatar,
-  A as AvatarImpl
-};

package/dist/components/button.js

@@ -1,47 +0,0 @@
-import { j as r } from "../_virtual/jsx-runtime.js";
-import { cva as d } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { cn as i } from "../utils/classnames.js";
-const n = d(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors disabled:cursor-not-allowed shrink-0 [&_svg]:shrink-0 outline-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-ppx-neutral-11 text-white shadow-xs not-disabled:hover:bg-ppx-neutral-10 not-disabled:active:bg-ppx-neutral-11 disabled:bg-ppx-neutral-6",
-        primary: "bg-ppx-primary-5 text-white shadow-xs not-disabled:hover:bg-ppx-primary-4 not-disabled:active:bg-ppx-primary-5 disabled:bg-ppx-primary-2 disabled:text-ppx-neutral-8",
-        destructive: "bg-ppx-red-5 text-white shadow-xs hover:bg-ppx-red-4 not-disabled:active:bg-ppx-red-5 disabled:bg-ppx-red-2 disabled:text-ppx-neutral-8",
-        outline: "shadow-xs not-disabled:hover:bg-ppx-primary-1 not-disabled:active:bg-ppx-primary-2/50 disabled:text-ppx-primary-2 disabled:border-ppx-primary-2 border border-ppx-primary-5 text-ppx-primary-5",
-        ghost: "not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 not-disabled:hover:text-black text-ppx-neutral-12 disabled:opacity-70",
-        link: "text-ppx-neutral-12 underline-offset-4 underline cursor-pointer not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 disabled:opacity-70"
-      },
-      size: {
-        default: "px-5 py-3 text-ppx-base font-medium rounded-ppx-m",
-        sm: "gap-1.5 px-4 py-2 text-ppx-sm font-medium rounded-ppx-s",
-        lg: "px-6 py-4 text-ppx-base font-bold rounded-ppx-l",
-        icon: "size-9 rounded-ppx-s"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function l({
-  className: e,
-  variant: t,
-  size: p,
-  ...a
-}) {
-  return /* @__PURE__ */ r.jsx(
-    "button",
-    {
-      "data-slot": "button",
-      className: i(n({ variant: t, size: p, className: e })),
-      ...a
-    }
-  );
-}
-export {
-  l as Button,
-  n as buttonVariants
-};

package/dist/components/checkbox.js

@@ -1,84 +0,0 @@
-import { j as e } from "../_virtual/jsx-runtime.js";
-import { cn as i } from "../utils/classnames.js";
-import { cva as a } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { CheckboxRoot as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/checkbox/root/CheckboxRoot.js";
-import { CheckboxIndicator as n } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/checkbox/indicator/CheckboxIndicator.js";
-const d = a(
-  "peer aria-invalid:border-ppx-red-5 aria-invalid:text-shadow-ppx-red-5 flex items-center justify-center rounded-sm border transition-colors duration-150 outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-white data-checked:bg-ppx-primary-5 data-[indeterminate]:bg-ppx-primary-5 data-checked:text-white data-[indeterminate]:text-white  border-ppx-neutral-10 data-checked:border-ppx-primary-5 data-[indeterminate]:border-ppx-primary-5"
-      },
-      size: {
-        default: "size-5",
-        sm: "size-4",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function m({
-  className: r,
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o,
-    {
-      "data-slot": "checkbox",
-      className: i(
-        d({
-          variant: t.variant,
-          size: t.size
-        }),
-        r
-      ),
-      ...t,
-      children: /* @__PURE__ */ e.jsx(
-        n,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "block data-[unchecked]:hidden",
-          children: t.indeterminate ? /* @__PURE__ */ e.jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "size-3.5",
-              children: /* @__PURE__ */ e.jsx("path", { d: "M5 12h14" })
-            }
-          ) : /* @__PURE__ */ e.jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "size-3.5",
-              children: /* @__PURE__ */ e.jsx("path", { d: "M20 6 9 17l-5-5" })
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  m as Checkbox
-};