@abumble/design-system 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{components/Button/Button.js → Button.js} +3 -3
- package/dist/Button.js.map +1 -0
- package/dist/{components/Empty/Empty.js → Empty.js} +24 -24
- package/dist/Empty.js.map +1 -0
- package/dist/{components/Input/Input.js → Input.js} +3 -3
- package/dist/Input.js.map +1 -0
- package/dist/{components/Separator/Separator.js → Separator.js} +8 -8
- package/dist/Separator.js.map +1 -0
- package/dist/{components/Sheet/Sheet.js → Sheet.js} +33 -33
- package/dist/Sheet.js.map +1 -0
- package/dist/{components/Skeleton/Skeleton.js → Skeleton.js} +5 -5
- package/dist/Skeleton.js.map +1 -0
- package/dist/{components/Tooltip/Tooltip.js → Tooltip.js} +9 -9
- package/dist/Tooltip.js.map +1 -0
- package/dist/components/Banner/Banner.d.ts +1 -1
- package/dist/components/Banner/Banner.d.ts.map +1 -1
- package/dist/components/Banner.js +73 -4
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Breadcrumb.js +100 -7
- package/dist/components/Breadcrumb.js.map +1 -1
- package/dist/components/Button.js +3 -3
- package/dist/components/Card.js +85 -7
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +175 -6
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/CodeDisplay.js +19 -2
- package/dist/components/CodeDisplay.js.map +1 -1
- package/dist/components/Collapsible.js +32 -4
- package/dist/components/Collapsible.js.map +1 -1
- package/dist/components/ContextMenu.js +221 -15
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/Empty.js +6 -6
- package/dist/components/Input.js +1 -1
- package/dist/components/List.js +61 -4
- package/dist/components/List.js.map +1 -1
- package/dist/components/NotFound.js +14 -2
- package/dist/components/NotFound.js.map +1 -1
- package/dist/components/Popover.js +43 -5
- package/dist/components/Popover.js.map +1 -1
- package/dist/components/Separator.js +2 -2
- package/dist/components/Sheet.js +9 -9
- package/dist/components/Sidebar.js +592 -25
- package/dist/components/Sidebar.js.map +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Tooltip.js +3 -3
- package/dist/components/UnderConstruction.js +29 -2
- package/dist/components/UnderConstruction.js.map +1 -1
- package/dist/constants/constants.d.ts.map +1 -0
- package/dist/constants/index.d.ts +2 -0
- package/dist/constants/index.d.ts.map +1 -0
- package/dist/constants.js.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks.js +5 -0
- package/dist/hooks.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/{hooks/use-mobile.js → use-mobile.js} +1 -1
- package/dist/use-mobile.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/utils.d.ts.map +1 -0
- package/dist/utils.js +8 -0
- package/dist/utils.js.map +1 -0
- package/dist/utils2.js +21 -0
- package/dist/{lib/utils.js.map → utils2.js.map} +1 -1
- package/package.json +31 -35
- package/dist/assets/crane.svg.js +0 -5
- package/dist/assets/crane.svg.js.map +0 -1
- package/dist/components/Banner/Banner.js +0 -76
- package/dist/components/Banner/Banner.js.map +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +0 -104
- package/dist/components/Breadcrumb/Breadcrumb.js.map +0 -1
- package/dist/components/Button/Button.js.map +0 -1
- package/dist/components/Card/Card.js +0 -89
- package/dist/components/Card/Card.js.map +0 -1
- package/dist/components/Carousel/Carousel.js +0 -178
- package/dist/components/Carousel/Carousel.js.map +0 -1
- package/dist/components/CodeDisplay/CodeDisplay.js +0 -22
- package/dist/components/CodeDisplay/CodeDisplay.js.map +0 -1
- package/dist/components/Collapsible/Collapsible.js +0 -35
- package/dist/components/Collapsible/Collapsible.js.map +0 -1
- package/dist/components/ContextMenu/ContextMenu.js +0 -225
- package/dist/components/ContextMenu/ContextMenu.js.map +0 -1
- package/dist/components/Empty/Empty.js.map +0 -1
- package/dist/components/Input/Input.js.map +0 -1
- package/dist/components/List/List.js +0 -64
- package/dist/components/List/List.js.map +0 -1
- package/dist/components/NotFound/NotFound.js +0 -17
- package/dist/components/NotFound/NotFound.js.map +0 -1
- package/dist/components/Popover/Popover.js +0 -46
- package/dist/components/Popover/Popover.js.map +0 -1
- package/dist/components/Separator/Separator.js.map +0 -1
- package/dist/components/Sheet/Sheet.js.map +0 -1
- package/dist/components/Sidebar/Sidebar.js +0 -595
- package/dist/components/Sidebar/Sidebar.js.map +0 -1
- package/dist/components/Skeleton/Skeleton.js.map +0 -1
- package/dist/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/components/UnderConstruction/UnderConstruction.js +0 -33
- package/dist/components/UnderConstruction/UnderConstruction.js.map +0 -1
- package/dist/hooks/use-mobile.js.map +0 -1
- package/dist/lib/constants.d.ts.map +0 -1
- package/dist/lib/constants.js.map +0 -1
- package/dist/lib/types.d.ts.map +0 -1
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -9
- /package/dist/{lib → constants}/constants.d.ts +0 -0
- /package/dist/{lib/constants.js → constants.js} +0 -0
- /package/dist/{lib → types}/types.d.ts +0 -0
- /package/dist/{lib → utils}/utils.d.ts +0 -0
|
@@ -1 +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;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import s from "../../assets/crane.svg.js";
|
|
3
|
-
import { cn as c } from "../../lib/utils.js";
|
|
4
|
-
function i() {
|
|
5
|
-
return /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center text-gray-900", children: [
|
|
6
|
-
/* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ e(
|
|
7
|
-
l,
|
|
8
|
-
{
|
|
9
|
-
src: s,
|
|
10
|
-
alt: "Construction Crane"
|
|
11
|
-
}
|
|
12
|
-
) }) }),
|
|
13
|
-
/* @__PURE__ */ e("h1", { className: "text-4xl font-bold mb-3", children: "Under Construction" }),
|
|
14
|
-
/* @__PURE__ */ e("p", { className: "max-w-md mb-8 text-gray-700 sm:text-2xl text-xl", children: "Will be back soon!" })
|
|
15
|
-
] });
|
|
16
|
-
}
|
|
17
|
-
function x() {
|
|
18
|
-
return /* @__PURE__ */ e("div", { className: "relative top-[75%] flex flex-col justify-center", children: /* @__PURE__ */ e(i, {}) });
|
|
19
|
-
}
|
|
20
|
-
function l({ className: t, ...n }) {
|
|
21
|
-
return /* @__PURE__ */ e(
|
|
22
|
-
"img",
|
|
23
|
-
{
|
|
24
|
-
className: c("sm:h-64 sm:w-64 h-32 w-32", t),
|
|
25
|
-
...n
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
x as ConstructionLanding,
|
|
31
|
-
i as UnderConstruction
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=UnderConstruction.js.map
|
|
@@ -1 +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;"}
|
|
@@ -1 +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;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,UAIxB,CAAC"}
|
|
@@ -1 +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.map
DELETED
|
@@ -1 +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
DELETED
|
@@ -1 +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;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAG3D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,MAAM,CAG5D"}
|
package/dist/lib/utils.js
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|