@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.
Files changed (115) hide show
  1. package/dist/{components/Button/Button.js → Button.js} +3 -3
  2. package/dist/Button.js.map +1 -0
  3. package/dist/{components/Empty/Empty.js → Empty.js} +24 -24
  4. package/dist/Empty.js.map +1 -0
  5. package/dist/{components/Input/Input.js → Input.js} +3 -3
  6. package/dist/Input.js.map +1 -0
  7. package/dist/{components/Separator/Separator.js → Separator.js} +8 -8
  8. package/dist/Separator.js.map +1 -0
  9. package/dist/{components/Sheet/Sheet.js → Sheet.js} +33 -33
  10. package/dist/Sheet.js.map +1 -0
  11. package/dist/{components/Skeleton/Skeleton.js → Skeleton.js} +5 -5
  12. package/dist/Skeleton.js.map +1 -0
  13. package/dist/{components/Tooltip/Tooltip.js → Tooltip.js} +9 -9
  14. package/dist/Tooltip.js.map +1 -0
  15. package/dist/components/Banner/Banner.d.ts +1 -1
  16. package/dist/components/Banner/Banner.d.ts.map +1 -1
  17. package/dist/components/Banner.js +73 -4
  18. package/dist/components/Banner.js.map +1 -1
  19. package/dist/components/Breadcrumb.js +100 -7
  20. package/dist/components/Breadcrumb.js.map +1 -1
  21. package/dist/components/Button.js +3 -3
  22. package/dist/components/Card.js +85 -7
  23. package/dist/components/Card.js.map +1 -1
  24. package/dist/components/Carousel.js +175 -6
  25. package/dist/components/Carousel.js.map +1 -1
  26. package/dist/components/CodeDisplay.js +19 -2
  27. package/dist/components/CodeDisplay.js.map +1 -1
  28. package/dist/components/Collapsible.js +32 -4
  29. package/dist/components/Collapsible.js.map +1 -1
  30. package/dist/components/ContextMenu.js +221 -15
  31. package/dist/components/ContextMenu.js.map +1 -1
  32. package/dist/components/Empty.js +6 -6
  33. package/dist/components/Input.js +1 -1
  34. package/dist/components/List.js +61 -4
  35. package/dist/components/List.js.map +1 -1
  36. package/dist/components/NotFound.js +14 -2
  37. package/dist/components/NotFound.js.map +1 -1
  38. package/dist/components/Popover.js +43 -5
  39. package/dist/components/Popover.js.map +1 -1
  40. package/dist/components/Separator.js +2 -2
  41. package/dist/components/Sheet.js +9 -9
  42. package/dist/components/Sidebar.js +592 -25
  43. package/dist/components/Sidebar.js.map +1 -1
  44. package/dist/components/Skeleton.js +1 -1
  45. package/dist/components/Tooltip.js +3 -3
  46. package/dist/components/UnderConstruction.js +29 -2
  47. package/dist/components/UnderConstruction.js.map +1 -1
  48. package/dist/constants/constants.d.ts.map +1 -0
  49. package/dist/constants/index.d.ts +2 -0
  50. package/dist/constants/index.d.ts.map +1 -0
  51. package/dist/constants.js.map +1 -0
  52. package/dist/hooks/index.d.ts +2 -0
  53. package/dist/hooks/index.d.ts.map +1 -0
  54. package/dist/hooks.js +5 -0
  55. package/dist/hooks.js.map +1 -0
  56. package/dist/index.js +2 -0
  57. package/dist/index.js.map +1 -0
  58. package/dist/types/index.d.ts +2 -0
  59. package/dist/types/index.d.ts.map +1 -0
  60. package/dist/types/types.d.ts.map +1 -0
  61. package/dist/types.js +2 -0
  62. package/dist/types.js.map +1 -0
  63. package/dist/{hooks/use-mobile.js → use-mobile.js} +1 -1
  64. package/dist/use-mobile.js.map +1 -0
  65. package/dist/utils/index.d.ts +2 -0
  66. package/dist/utils/index.d.ts.map +1 -0
  67. package/dist/utils/utils.d.ts.map +1 -0
  68. package/dist/utils.js +8 -0
  69. package/dist/utils.js.map +1 -0
  70. package/dist/utils2.js +21 -0
  71. package/dist/{lib/utils.js.map → utils2.js.map} +1 -1
  72. package/package.json +31 -35
  73. package/dist/assets/crane.svg.js +0 -5
  74. package/dist/assets/crane.svg.js.map +0 -1
  75. package/dist/components/Banner/Banner.js +0 -76
  76. package/dist/components/Banner/Banner.js.map +0 -1
  77. package/dist/components/Breadcrumb/Breadcrumb.js +0 -104
  78. package/dist/components/Breadcrumb/Breadcrumb.js.map +0 -1
  79. package/dist/components/Button/Button.js.map +0 -1
  80. package/dist/components/Card/Card.js +0 -89
  81. package/dist/components/Card/Card.js.map +0 -1
  82. package/dist/components/Carousel/Carousel.js +0 -178
  83. package/dist/components/Carousel/Carousel.js.map +0 -1
  84. package/dist/components/CodeDisplay/CodeDisplay.js +0 -22
  85. package/dist/components/CodeDisplay/CodeDisplay.js.map +0 -1
  86. package/dist/components/Collapsible/Collapsible.js +0 -35
  87. package/dist/components/Collapsible/Collapsible.js.map +0 -1
  88. package/dist/components/ContextMenu/ContextMenu.js +0 -225
  89. package/dist/components/ContextMenu/ContextMenu.js.map +0 -1
  90. package/dist/components/Empty/Empty.js.map +0 -1
  91. package/dist/components/Input/Input.js.map +0 -1
  92. package/dist/components/List/List.js +0 -64
  93. package/dist/components/List/List.js.map +0 -1
  94. package/dist/components/NotFound/NotFound.js +0 -17
  95. package/dist/components/NotFound/NotFound.js.map +0 -1
  96. package/dist/components/Popover/Popover.js +0 -46
  97. package/dist/components/Popover/Popover.js.map +0 -1
  98. package/dist/components/Separator/Separator.js.map +0 -1
  99. package/dist/components/Sheet/Sheet.js.map +0 -1
  100. package/dist/components/Sidebar/Sidebar.js +0 -595
  101. package/dist/components/Sidebar/Sidebar.js.map +0 -1
  102. package/dist/components/Skeleton/Skeleton.js.map +0 -1
  103. package/dist/components/Tooltip/Tooltip.js.map +0 -1
  104. package/dist/components/UnderConstruction/UnderConstruction.js +0 -33
  105. package/dist/components/UnderConstruction/UnderConstruction.js.map +0 -1
  106. package/dist/hooks/use-mobile.js.map +0 -1
  107. package/dist/lib/constants.d.ts.map +0 -1
  108. package/dist/lib/constants.js.map +0 -1
  109. package/dist/lib/types.d.ts.map +0 -1
  110. package/dist/lib/utils.d.ts.map +0 -1
  111. package/dist/lib/utils.js +0 -9
  112. /package/dist/{lib → constants}/constants.d.ts +0 -0
  113. /package/dist/{lib/constants.js → constants.js} +0 -0
  114. /package/dist/{lib → types}/types.d.ts +0 -0
  115. /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;"}
@@ -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"}
@@ -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
@@ -1,9 +0,0 @@
1
- import { clsx as o } from "clsx";
2
- import { twMerge as t } from "tailwind-merge";
3
- function n(...r) {
4
- return t(o(r));
5
- }
6
- export {
7
- n as cn
8
- };
9
- //# sourceMappingURL=utils.js.map
File without changes
File without changes
File without changes
File without changes