@abumble/design-system 0.0.6 → 0.0.7

package/dist/components/Sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,MAAM,WAAW,CAAC"}

package/dist/components/Sidebar.js

@@ -0,0 +1,28 @@
+import { Sidebar as a, SidebarContent as i, SidebarFooter as S, SidebarGroup as b, SidebarGroupAction as d, SidebarGroupContent as n, SidebarGroupLabel as u, SidebarHeader as t, SidebarInput as o, SidebarInset as M, SidebarMenu as p, SidebarMenuAction as G, SidebarMenuBadge as I, SidebarMenuButton as g, SidebarMenuItem as l, SidebarMenuSkeleton as m, SidebarMenuSub as B, SidebarMenuSubButton as c, SidebarMenuSubItem as s, SidebarProvider as A, SidebarRail as C, SidebarSeparator as f, SidebarTrigger as k, useSidebar as v } from "./Sidebar/Sidebar.js";
+export {
+  a as Sidebar,
+  i as SidebarContent,
+  S as SidebarFooter,
+  b as SidebarGroup,
+  d as SidebarGroupAction,
+  n as SidebarGroupContent,
+  u as SidebarGroupLabel,
+  t as SidebarHeader,
+  o as SidebarInput,
+  M as SidebarInset,
+  p as SidebarMenu,
+  G as SidebarMenuAction,
+  I as SidebarMenuBadge,
+  g as SidebarMenuButton,
+  l as SidebarMenuItem,
+  m as SidebarMenuSkeleton,
+  B as SidebarMenuSub,
+  c as SidebarMenuSubButton,
+  s as SidebarMenuSubItem,
+  A as SidebarProvider,
+  C as SidebarRail,
+  f as SidebarSeparator,
+  k as SidebarTrigger,
+  v as useSidebar
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar.js.map

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

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { type VariantProps } from "class-variance-authority";
+declare const variants: (props?: ({
+    variant?: "default" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Skeleton({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof variants>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,QAAQ;;8EAab,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,2CAQ9G;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../lib/utils.js";
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "bg-stone-300 rounded",
+  {
+    variants: {
+      variant: {
+        default: "animate-pulse",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function d({ className: t, variant: a, ...n }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: o(i({ variant: a, className: t })),
+      ...n
+    }
+  );
+}
+export {
+  d as Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n\nconst variants = cva(\n\t\"bg-stone-300 rounded\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"animate-pulse\",\n\t\t\t\tnone: \"\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\"\n\t\t},\n\t}\n)\n\nfunction Skeleton({ className, variant, ...props }: React.ComponentProps<\"div\"> & VariantProps<typeof variants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"skeleton\"\n\t\t\tclassName={cn(variants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { Skeleton };\n"],"names":["variants","cva","Skeleton","className","variant","props","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAWC;AAAA,EAChB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,EACV;AAEF;AAEA,SAASC,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAsE;AAChH,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWC,EAAGP,EAAS,EAAE,SAAAI,GAAS,WAAAD,EAAA,CAAW,CAAC;AAAA,MAC7C,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Skeleton/index.d.ts

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

package/dist/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Skeleton.js

@@ -0,0 +1,5 @@
+import { Skeleton as r } from "./Skeleton/Skeleton.js";
+export {
+  r as Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACxB,aAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,57 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import "react";
+import * as o from "@radix-ui/react-tooltip";
+import { cn as d } from "../../lib/utils.js";
+function l({
+  delayDuration: t = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    o.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...r
+    }
+  );
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function u({
+  className: t,
+  sideOffset: r = 0,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
+    o.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: r,
+      className: d(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded px-3 py-1.5 text-xs text-balance",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ i(o.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  m as Tooltip,
+  u as TooltipContent,
+  l as TooltipProvider,
+  c as TooltipTrigger
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n\tdelayDuration = 0,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n\treturn (\n\t\t<TooltipPrimitive.Provider\n\t\t\tdata-slot=\"tooltip-provider\"\n\t\t\tdelayDuration={delayDuration}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction Tooltip({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n\t\t</TooltipProvider>\n\t)\n}\n\nfunction TooltipTrigger({\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n\treturn <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n\tclassName,\n\tsideOffset = 0,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n\treturn (\n\t\t<TooltipPrimitive.Portal>\n\t\t\t<TooltipPrimitive.Content\n\t\t\t\tdata-slot=\"tooltip-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded px-3 py-1.5 text-xs text-balance\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n\t\t\t</TooltipPrimitive.Content>\n\t\t</TooltipPrimitive.Portal>\n\t)\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;;AAKA,SAASA,EAAgB;AAAA,EACxB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACJ,GAA2D;AAC1D,SACC,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAQ;AAAA,EAChB,GAAGH;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACH,GAAA,EACA,UAAA,gBAAAG,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACvD;AAEF;AAEA,SAASI,EAAe;AAAA,EACvB,GAAGJ;AACJ,GAA0D;AACzD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AACzE;AAEA,SAASK,EAAe;AAAA,EACvB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACJ,GAA0D;AACzD,SACC,gBAAAC,EAACC,EAAiB,QAAjB,EACA,UAAA,gBAAAO;AAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACA,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzI;AAEF;"}

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./Tooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Tooltip.js

@@ -0,0 +1,8 @@
+import { Tooltip as i, TooltipContent as r, TooltipProvider as p, TooltipTrigger as T } from "./Tooltip/Tooltip.js";
+export {
+  i as Tooltip,
+  r as TooltipContent,
+  p as TooltipProvider,
+  T as TooltipTrigger
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

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

package/dist/components/UnderConstruction/UnderConstruction.d.ts

@@ -0,0 +1,4 @@
+declare function UnderConstruction(): import("react/jsx-runtime").JSX.Element;
+declare function ConstructionLanding(): import("react/jsx-runtime").JSX.Element;
+export { UnderConstruction, ConstructionLanding };
+//# sourceMappingURL=UnderConstruction.d.ts.map

package/dist/components/UnderConstruction/UnderConstruction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderConstruction.d.ts","sourceRoot":"","sources":["../../../src/components/UnderConstruction/UnderConstruction.tsx"],"names":[],"mappings":"AAIA,iBAAS,iBAAiB,4CAgCzB;AAED,iBAAS,mBAAmB,4CAM3B;AAWD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/UnderConstruction/UnderConstruction.js

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import s from "../../assets/crane.svg.js";
+import { cn as c } from "../../lib/utils.js";
+function i() {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center text-gray-900", children: [
+    /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ e(
+      l,
+      {
+        src: s,
+        alt: "Construction Crane"
+      }
+    ) }) }),
+    /* @__PURE__ */ e("h1", { className: "text-4xl font-bold mb-3", children: "Under Construction" }),
+    /* @__PURE__ */ e("p", { className: "max-w-md mb-8 text-gray-700 sm:text-2xl text-xl", children: "Will be back soon!" })
+  ] });
+}
+function x() {
+  return /* @__PURE__ */ e("div", { className: "relative top-[75%] flex flex-col justify-center", children: /* @__PURE__ */ e(i, {}) });
+}
+function l({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      className: c("sm:h-64 sm:w-64 h-32 w-32", t),
+      ...n
+    }
+  );
+}
+export {
+  x as ConstructionLanding,
+  i as UnderConstruction
+};
+//# sourceMappingURL=UnderConstruction.js.map

package/dist/components/UnderConstruction/UnderConstruction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderConstruction.js","sources":["../../../src/components/UnderConstruction/UnderConstruction.tsx"],"sourcesContent":["import Crane from \"@/assets/crane.svg\";\nimport { cn } from \"@/lib/utils\";\n\n\nfunction UnderConstruction() {\n\t// const [darkMode, setDarkMode] = useState(true);\n\n\t// // Optional: sync with system preference on first load\n\t// useEffect(() => {\n\t//     const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\t//     setDarkMode(prefersDark);\n\t// }, []);\n\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center text-gray-900\">\n\n\t\t\t<div className=\"mb-6\">\n\n\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t<ConstructionImage\n\t\t\t\t\t\tsrc={Crane}\n\t\t\t\t\t\talt=\"Construction Crane\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<h1 className=\"text-4xl font-bold mb-3\">\n\t\t\t\tUnder Construction\n\t\t\t</h1>\n\n\t\t\t<p className={`max-w-md mb-8 text-gray-700 sm:text-2xl text-xl`}>\n\t\t\t\tWill be back soon!\n\t\t\t</p>\n\n\t\t</div>\n\t);\n}\n\nfunction ConstructionLanding() {\n\treturn (\n\t\t<div className='relative top-[75%] flex flex-col justify-center'>\n\t\t\t<UnderConstruction />\n\t\t</div>\n\t)\n}\n\nfunction ConstructionImage({ className, ...props }: React.ComponentProps<\"img\">) {\n\treturn (\n\t\t<img\n\t\t\tclassName={cn(`sm:h-64 sm:w-64 h-32 w-32`, className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport { UnderConstruction, ConstructionLanding };\n"],"names":["UnderConstruction","jsxs","jsx","ConstructionImage","Crane","ConstructionLanding","className","props","cn"],"mappings":";;;AAIA,SAASA,IAAoB;AAS5B,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,2DAEd,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAU,QAEd,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACd,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,KAAKC;AAAA,QACL,KAAI;AAAA,MAAA;AAAA,IAAA,GAEN,EAAA,CACD;AAAA,IAEA,gBAAAF,EAAC,MAAA,EAAG,WAAU,2BAA0B,UAAA,sBAExC;AAAA,IAEA,gBAAAA,EAAC,KAAA,EAAE,WAAW,mDAAmD,UAAA,qBAAA,CAEjE;AAAA,EAAA,GAED;AAEF;AAEA,SAASG,IAAsB;AAC9B,2BACE,OAAA,EAAI,WAAU,mDACd,UAAA,gBAAAH,EAACF,KAAkB,GACpB;AAEF;AAEA,SAASG,EAAkB,EAAE,WAAAG,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWM,EAAG,6BAA6BF,CAAS;AAAA,MACnD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/UnderConstruction/index.d.ts

@@ -0,0 +1,2 @@
+export { UnderConstruction, ConstructionLanding } from "./UnderConstruction";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UnderConstruction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnderConstruction/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/UnderConstruction.js

@@ -0,0 +1,6 @@
+import { ConstructionLanding as r, UnderConstruction as t } from "./UnderConstruction/UnderConstruction.js";
+export {
+  r as ConstructionLanding,
+  t as UnderConstruction
+};
+//# sourceMappingURL=UnderConstruction.js.map

package/dist/components/UnderConstruction.js.map

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

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+const e = 768;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
+}
+export {
+  r as useIsMobile
+};
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS;AAE7E,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACrB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IACnD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACX;"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC"}

package/dist/lib/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const colorWeights: number[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/lib/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,UAIxB,CAAC"}

package/dist/lib/constants.js

@@ -0,0 +1,12 @@
+const o = [
+  100,
+  // Index 0: Background
+  800,
+  // Index 1: Text
+  400
+  // Index 2: Border/Icon
+];
+export {
+  o as colorWeights
+};
+//# sourceMappingURL=constants.js.map

package/dist/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/lib/constants.ts"],"sourcesContent":["// Define the dynamic color weights (Tailwind shade numbers)\nexport const colorWeights = [\n    100, // Index 0: Background\n    800, // Index 1: Text\n    400, // Index 2: Border/Icon\n];\n\n"],"names":["colorWeights"],"mappings":"AACO,MAAMA,IAAe;AAAA,EACxB;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACJ;"}

package/dist/lib/types.d.ts

@@ -0,0 +1,3 @@
+export type ClickEvent<E> = React.MouseEvent<E> | React.TouchEvent<E>;
+export type onClickCallback<E> = (event: ClickEvent<E>) => void;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACtE,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC"}

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,UAE9C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,UAG3C"}

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import type { ClassValue } from 'clsx';\nimport { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: Array<ClassValue>) {\n\treturn twMerge(clsx(inputs))\n}\n\n/**\n * Returns a random integer between 0 and max, inclusive.\n * @param {number} max - The maximum possible number (inclusive).\n */\nexport function getRandomIntUpTo(max: number) {\n\t// We use (max + 1) to make 'max' inclusive after Math.floor()\n\treturn Math.floor(Math.random() * (max + 1));\n}\n\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAIO,SAASA,KAAMC,GAA2B;AAChD,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC5B;"}

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC"}

package/package.json

@@ -1,13 +1,109 @@
 {
 	"name": "@abumble/design-system",
-	"version": "0.0.6",
-	"main": "dist/design-system.umd.js",
-	"module": "dist/design-system.es.js",
-	"types": "dist/src/index.d.ts",
+	"version": "0.0.7",
 	"files": [
 		"dist",
 		"src/styles.css"
 	],
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./config": {
+			"import": "./dist/config.js",
+			"types": "./dist/config.d.ts"
+		},
+		"./styles.css": "./src/styles.css",
+		"./components/Banner": {
+			"import": "./dist/components/Banner.js",
+			"types": "./dist/components/Banner/Banner.d.ts"
+		},
+		"./components/Breadcrumb": {
+			"import": "./dist/components/Breadcrumb.js",
+			"types": "./dist/components/Breadcrumb/Breadcrumb.d.ts"
+		},
+		"./components/Button": {
+			"import": "./dist/components/Button.js",
+			"types": "./dist/components/Button/Button.d.ts"
+		},
+		"./components/Card": {
+			"import": "./dist/components/Card.js",
+			"types": "./dist/components/Card/Card.d.ts"
+		},
+		"./components/Carousel": {
+			"import": "./dist/components/Carousel.js",
+			"types": "./dist/components/Carousel/Carousel.d.ts"
+		},
+		"./components/CodeDisplay": {
+			"import": "./dist/components/CodeDisplay.js",
+			"types": "./dist/components/CodeDisplay/CodeDisplay.d.ts"
+		},
+		"./components/Collapsible": {
+			"import": "./dist/components/Collapsible.js",
+			"types": "./dist/components/Collapsible/Collapsible.d.ts"
+		},
+		"./components/ContextMenu": {
+			"import": "./dist/components/ContextMenu.js",
+			"types": "./dist/components/ContextMenu/ContextMenu.d.ts"
+		},
+		"./components/Empty": {
+			"import": "./dist/components/Empty.js",
+			"types": "./dist/components/Empty/Empty.d.ts"
+		},
+		"./components/Input": {
+			"import": "./dist/components/Input.js",
+			"types": "./dist/components/Input/Input.d.ts"
+		},
+		"./components/List": {
+			"import": "./dist/components/List.js",
+			"types": "./dist/components/List/List.d.ts"
+		},
+		"./components/NotFound": {
+			"import": "./dist/components/NotFound.js",
+			"types": "./dist/components/NotFound/NotFound.d.ts"
+		},
+		"./components/Popover": {
+			"import": "./dist/components/Popover.js",
+			"types": "./dist/components/Popover/Popover.d.ts"
+		},
+		"./components/Separator": {
+			"import": "./dist/components/Separator.js",
+			"types": "./dist/components/Separator/Separator.d.ts"
+		},
+		"./components/Sheet": {
+			"import": "./dist/components/Sheet.js",
+			"types": "./dist/components/Sheet/Sheet.d.ts"
+		},
+		"./components/Sidebar": {
+			"import": "./dist/components/Sidebar.js",
+			"types": "./dist/components/Sidebar/Sidebar.d.ts"
+		},
+		"./components/Skeleton": {
+			"import": "./dist/components/Skeleton.js",
+			"types": "./dist/components/Skeleton/Skeleton.d.ts"
+		},
+		"./components/Tooltip": {
+			"import": "./dist/components/Tooltip.js",
+			"types": "./dist/components/Tooltip/Tooltip.d.ts"
+		},
+		"./components/UnderConstruction": {
+			"import": "./dist/components/UnderConstruction.js",
+			"types": "./dist/components/UnderConstruction/UnderConstruction.d.ts"
+		},
+		"./lib/utils": {
+			"import": "./dist/lib/utils.js",
+			"types": "./dist/lib/utils.d.ts"
+		},
+		"./lib/constants": {
+			"import": "./dist/lib/constants.js",
+			"types": "./dist/lib/constants.d.ts"
+		},
+		"./hooks/use-mobile": {
+			"import": "./dist/hooks/use-mobile.js",
+			"types": "./dist/hooks/use-mobile.d.ts"
+		}
+	},
 	"scripts": {
 		"build:js": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
 		"build": "npm run clean && npm run build:js",
@@ -18,16 +114,6 @@
 		"build-storybook": "storybook build"
 	},
 	"dependencies": {
-		"@radix-ui/react-collapsible": "^1.1.12",
-		"@radix-ui/react-context-menu": "^2.2.16",
-		"@radix-ui/react-dialog": "^1.1.15",
-		"@radix-ui/react-popover": "^1.1.15",
-		"@radix-ui/react-separator": "^1.1.7",
-		"@radix-ui/react-slot": "^1.2.3",
-		"@radix-ui/react-tooltip": "^1.2.8",
-		"class-variance-authority": "^0.7.1",
-		"clsx": "^2.1.1",
-		"tailwind-merge": "^3.0.2",
 		"tw-animate-css": "^1.3.6"
 	},
 	"devDependencies": {
@@ -51,25 +137,49 @@
 		"eslint-plugin-react-refresh": "^0.4.24",
 		"eslint-plugin-storybook": "^10.0.7",
 		"globals": "^16.5.0",
-		"lucide-react": "^0.544.0",
 		"playwright": "^1.56.1",
 		"postcss": "^8.5.6",
 		"prettier": "^3.6.2",
-		"react": "^19.2.0",
-		"react-dom": "^19.2.0",
 		"storybook": "^10.0.7",
-		"tailwindcss": "^4.1.17",
 		"typescript": "~5.9.3",
 		"typescript-eslint": "^8.46.3",
 		"vite": "^7.2.2",
 		"vite-tsconfig-paths": "^5.1.4",
-		"vitest": "^4.0.9"
+		"vitest": "^4.0.9",
+		"lucide-react": "^0.544.0",
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0",
+		"tailwindcss": "^4.1.17",
+		"clsx": "^2.1.1",
+		"tailwind-merge": "^3.0.2",
+		"class-variance-authority": "^0.7.1",
+		"embla-carousel": "^8.6.0",
+		"embla-carousel-react": "^8.6.0",
+		"@radix-ui/react-collapsible": "^1.1.12",
+		"@radix-ui/react-context-menu": "^2.2.16",
+		"@radix-ui/react-dialog": "^1.1.15",
+		"@radix-ui/react-popover": "^1.1.15",
+		"@radix-ui/react-separator": "^1.1.7",
+		"@radix-ui/react-slot": "^1.2.3",
+		"@radix-ui/react-tooltip": "^1.2.8"
 	},
 	"peerDependencies": {
 		"lucide-react": ">=0.544.0",
 		"react": ">=19.0.0",
 		"react-dom": ">=19.0.0",
-		"tailwindcss": ">=4.0.0"
+		"tailwindcss": ">=4.0.0",
+		"clsx": "^2.1.1",
+		"tailwind-merge": "^3.0.2",
+		"class-variance-authority": "^0.7.1",
+		"embla-carousel": "^8.6.0",
+		"embla-carousel-react": "^8.6.0",
+		"@radix-ui/react-collapsible": "^1.1.12",
+		"@radix-ui/react-context-menu": "^2.2.16",
+		"@radix-ui/react-dialog": "^1.1.15",
+		"@radix-ui/react-popover": "^1.1.15",
+		"@radix-ui/react-separator": "^1.1.7",
+		"@radix-ui/react-slot": "^1.2.3",
+		"@radix-ui/react-tooltip": "^1.2.8"
 	},
 	"license": "MIT"
 }