@florianke/components 0.0.3 → 0.0.6

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 (49) hide show
  1. package/README.md +466 -30
  2. package/dist/alert-dialog.d.mts +2 -31
  3. package/dist/alert-dialog.d.mts.map +1 -1
  4. package/dist/alert-dialog.mjs +2 -46
  5. package/dist/alert-dialog.mjs.map +1 -1
  6. package/dist/avatar.mjs +1 -1
  7. package/dist/button.mjs +1 -1
  8. package/dist/card.mjs +1 -1
  9. package/dist/components/alert-dialog/alert-dialog.d.mts +35 -0
  10. package/dist/components/alert-dialog/alert-dialog.d.mts.map +1 -0
  11. package/dist/components/alert-dialog/alert-dialog.mjs +50 -0
  12. package/dist/components/alert-dialog/alert-dialog.mjs.map +1 -0
  13. package/dist/components/select/select.d.mts +42 -0
  14. package/dist/components/select/select.d.mts.map +1 -0
  15. package/dist/components/select/select.mjs +102 -0
  16. package/dist/components/select/select.mjs.map +1 -0
  17. package/dist/components/toast/toast.d.mts +45 -0
  18. package/dist/components/toast/toast.d.mts.map +1 -0
  19. package/dist/components/toast/toast.mjs +156 -0
  20. package/dist/components/toast/toast.mjs.map +1 -0
  21. package/dist/components/tooltip/tooltip.d.mts +30 -0
  22. package/dist/components/tooltip/tooltip.d.mts.map +1 -0
  23. package/dist/components/tooltip/tooltip.mjs +40 -0
  24. package/dist/components/tooltip/tooltip.mjs.map +1 -0
  25. package/dist/dropdown-menu.mjs +1 -1
  26. package/dist/field.mjs +1 -1
  27. package/dist/heading.mjs +1 -1
  28. package/dist/hint.mjs +1 -1
  29. package/dist/hooks/use-confirm.mjs.map +1 -1
  30. package/dist/input.mjs +1 -1
  31. package/dist/label.mjs +1 -1
  32. package/dist/{cn-BpvCVwZv.mjs → lib/cn.mjs} +2 -2
  33. package/dist/lib/cn.mjs.map +1 -0
  34. package/dist/providers.mjs.map +1 -1
  35. package/dist/select.d.mts +2 -38
  36. package/dist/select.d.mts.map +1 -1
  37. package/dist/select.mjs +2 -98
  38. package/dist/select.mjs.map +1 -1
  39. package/dist/text.mjs +1 -1
  40. package/dist/toast.d.mts +4 -42
  41. package/dist/toast.d.mts.map +1 -1
  42. package/dist/toast.mjs +3 -152
  43. package/dist/toast.mjs.map +1 -1
  44. package/dist/tooltip.d.mts +2 -26
  45. package/dist/tooltip.d.mts.map +1 -1
  46. package/dist/tooltip.mjs +2 -36
  47. package/dist/tooltip.mjs.map +1 -1
  48. package/package.json +41 -1
  49. package/dist/cn-BpvCVwZv.mjs.map +0 -1
@@ -1,30 +1,6 @@
1
- import * as React from "react";
2
- import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
1
+ import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./components/tooltip/tooltip.mjs";
3
2
 
4
- //#region src/components/tooltip/tooltip.d.ts
5
- type TooltipProviderProps = React.ComponentPropsWithoutRef<typeof Tooltip$1.Provider>;
6
- declare function TooltipProvider({
7
- delay,
8
- closeDelay,
9
- ...props
10
- }: TooltipProviderProps): React.JSX.Element;
11
- type TooltipRootProps = React.ComponentPropsWithoutRef<typeof Tooltip$1.Root>;
12
- declare function TooltipRoot(props: TooltipRootProps): React.JSX.Element;
13
- type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof Tooltip$1.Trigger>;
14
- declare function TooltipTrigger({
15
- className,
16
- ...props
17
- }: TooltipTriggerProps): React.JSX.Element;
18
- type TooltipContentProps = React.ComponentPropsWithoutRef<typeof Tooltip$1.Popup> & Pick<React.ComponentPropsWithoutRef<typeof Tooltip$1.Positioner>, "side" | "align" | "sideOffset" | "alignOffset">;
19
- declare function TooltipContent({
20
- className,
21
- side,
22
- align,
23
- sideOffset,
24
- alignOffset,
25
- children,
26
- ...props
27
- }: TooltipContentProps): React.JSX.Element;
3
+ //#region src/components/tooltip/index.d.ts
28
4
  declare const Tooltip: typeof TooltipRoot & {
29
5
  Provider: typeof TooltipProvider;
30
6
  Trigger: typeof TooltipTrigger;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.mts","names":[],"sources":["../src/components/tooltip/tooltip.tsx"],"mappings":";;;;KAMK,oBAAA,GAAuB,KAAA,CAAM,wBAAA,QACzB,SAAA,CAAY,QAAA;AAAA,iBAGZ,eAAA,CAAA;EACP,KAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAMlB,gBAAA,GAAmB,KAAA,CAAM,wBAAA,QAAgC,SAAA,CAAY,IAAA;AAAA,iBAEjE,WAAA,CAAY,KAAA,EAAO,gBAAA,GAAgB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAIvC,mBAAA,GAAsB,KAAA,CAAM,wBAAA,QACxB,SAAA,CAAY,OAAA;AAAA,iBAGZ,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,mBAAA,GAAmB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAY/D,mBAAA,GAAsB,KAAA,CAAM,wBAAA,QACxB,SAAA,CAAY,KAAA,IAEnB,IAAA,CACE,KAAA,CAAM,wBAAA,QAAgC,SAAA,CAAY,UAAA;AAAA,iBAI7C,cAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,KAAA;EACA,UAAA;EACA,WAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cA4BT,OAAA,SAAO,WAAA"}
1
+ {"version":3,"file":"tooltip.d.mts","names":[],"sources":["../src/components/tooltip/index.ts"],"mappings":";;;cAaa,OAAA,SAAO,WAAA"}
package/dist/tooltip.mjs CHANGED
@@ -1,39 +1,5 @@
1
- "use client";
2
- import { t as cn } from "./cn-BpvCVwZv.mjs";
3
- import "react";
4
- import { jsx } from "react/jsx-runtime";
5
- import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
6
- //#region src/components/tooltip/tooltip.tsx
7
- function TooltipProvider({ delay = 150, closeDelay = 0, ...props }) {
8
- return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
9
- delay,
10
- closeDelay,
11
- ...props
12
- });
13
- }
14
- function TooltipRoot(props) {
15
- return /* @__PURE__ */ jsx(Tooltip$1.Root, { ...props });
16
- }
17
- function TooltipTrigger({ className, ...props }) {
18
- return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
19
- className: cn("rounded-md outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30", className),
20
- ...props
21
- });
22
- }
23
- function TooltipContent({ className, side, align = "center", sideOffset = 8, alignOffset, children, ...props }) {
24
- return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
25
- side,
26
- align,
27
- sideOffset,
28
- alignOffset,
29
- className: "z-50 outline-none",
30
- children: /* @__PURE__ */ jsx(Tooltip$1.Popup, {
31
- className: cn("relative max-w-64 origin-(--transform-origin) text-pretty rounded-md border border-(--border) bg-(--popover) px-2 py-1 text-[12px] text-(--popover-foreground) shadow-md outline-none", "transition-[transform,opacity] duration-150 ease-out", "data-starting-style:scale-90 data-starting-style:opacity-0", "data-ending-style:scale-90 data-ending-style:opacity-0", "data-instant:transition-none", className),
32
- ...props,
33
- children
34
- })
35
- }) });
36
- }
1
+ import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./components/tooltip/tooltip.mjs";
2
+ //#region src/components/tooltip/index.ts
37
3
  const Tooltip = Object.assign(TooltipRoot, {
38
4
  Provider: TooltipProvider,
39
5
  Trigger: TooltipTrigger,
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.mjs","names":["BaseTooltip"],"sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { cn } from \"@/lib/cn\";\n\ntype TooltipProviderProps = React.ComponentPropsWithoutRef<\n typeof BaseTooltip.Provider\n>;\n\nfunction TooltipProvider({\n delay = 150,\n closeDelay = 0,\n ...props\n}: TooltipProviderProps) {\n return (\n <BaseTooltip.Provider delay={delay} closeDelay={closeDelay} {...props} />\n );\n}\n\ntype TooltipRootProps = React.ComponentPropsWithoutRef<typeof BaseTooltip.Root>;\n\nfunction TooltipRoot(props: TooltipRootProps) {\n return <BaseTooltip.Root {...props} />;\n}\n\ntype TooltipTriggerProps = React.ComponentPropsWithoutRef<\n typeof BaseTooltip.Trigger\n>;\n\nfunction TooltipTrigger({ className, ...props }: TooltipTriggerProps) {\n return (\n <BaseTooltip.Trigger\n className={cn(\n \"rounded-md outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30\",\n className,\n )}\n {...props}\n />\n );\n}\n\ntype TooltipContentProps = React.ComponentPropsWithoutRef<\n typeof BaseTooltip.Popup\n> &\n Pick<\n React.ComponentPropsWithoutRef<typeof BaseTooltip.Positioner>,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\"\n >;\n\nfunction TooltipContent({\n className,\n side,\n align = \"center\",\n sideOffset = 8,\n alignOffset,\n children,\n ...props\n}: TooltipContentProps) {\n return (\n <BaseTooltip.Portal>\n <BaseTooltip.Positioner\n side={side}\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n className=\"z-50 outline-none\"\n >\n <BaseTooltip.Popup\n className={cn(\n \"relative max-w-64 origin-(--transform-origin) text-pretty rounded-md border border-(--border) bg-(--popover) px-2 py-1 text-[12px] text-(--popover-foreground) shadow-md outline-none\",\n \"transition-[transform,opacity] duration-150 ease-out\",\n \"data-starting-style:scale-90 data-starting-style:opacity-0\",\n \"data-ending-style:scale-90 data-ending-style:opacity-0\",\n \"data-instant:transition-none\",\n className,\n )}\n {...props}\n >\n {children}\n </BaseTooltip.Popup>\n </BaseTooltip.Positioner>\n </BaseTooltip.Portal>\n );\n}\n\nexport const Tooltip = Object.assign(TooltipRoot, {\n Provider: TooltipProvider,\n Trigger: TooltipTrigger,\n Content: TooltipContent,\n});\n"],"mappings":";;;;;;AAUA,SAAS,gBAAgB,EACvB,QAAQ,KACR,aAAa,GACb,GAAG,SACoB;AACvB,QACE,oBAACA,UAAY,UAAb;EAA6B;EAAmB;EAAY,GAAI;EAAS,CAAA;;AAM7E,SAAS,YAAY,OAAyB;AAC5C,QAAO,oBAACA,UAAY,MAAb,EAAkB,GAAI,OAAS,CAAA;;AAOxC,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;AACpE,QACE,oBAACA,UAAY,SAAb;EACE,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAYN,SAAS,eAAe,EACtB,WACA,MACA,QAAQ,UACR,aAAa,GACb,aACA,UACA,GAAG,SACmB;AACtB,QACE,oBAACA,UAAY,QAAb,EAAA,UACE,oBAACA,UAAY,YAAb;EACQ;EACC;EACK;EACC;EACb,WAAU;YAEV,oBAACA,UAAY,OAAb;GACE,WAAW,GACT,yLACA,wDACA,8DACA,0DACA,gCACA,UACD;GACD,GAAI;GAEH;GACiB,CAAA;EACG,CAAA,EACN,CAAA;;AAIzB,MAAa,UAAU,OAAO,OAAO,aAAa;CAChD,UAAU;CACV,SAAS;CACT,SAAS;CACV,CAAC"}
1
+ {"version":3,"file":"tooltip.mjs","names":[],"sources":["../src/components/tooltip/index.ts"],"sourcesContent":["import {\n TooltipContent,\n TooltipProvider,\n TooltipRoot,\n TooltipTrigger,\n} from \"./tooltip\";\n\n// Composed in a module without \"use client\" on purpose: Next.js/Turbopack\n// generates a client-reference proxy for each export of a \"use client\"\n// module, and that proxy does not forward extra static properties attached\n// via Object.assign. Doing the composition here (a plain module that just\n// re-imports the already-resolved client references) keeps `Tooltip.Content`\n// etc. working when consumed from a Server Component.\nexport const Tooltip = Object.assign(TooltipRoot, {\n Provider: TooltipProvider,\n Trigger: TooltipTrigger,\n Content: TooltipContent,\n});\n"],"mappings":";;AAaA,MAAa,UAAU,OAAO,OAAO,aAAa;CAChD,UAAU;CACV,SAAS;CACT,SAAS;CACV,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florianke/components",
3
- "version": "0.0.3",
3
+ "version": "0.0.6",
4
4
  "main": "./dist/index.mjs",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.mts",
@@ -18,6 +18,10 @@
18
18
  "types": "./dist/index.d.mts",
19
19
  "import": "./dist/index.mjs"
20
20
  },
21
+ "./alert-dialog": {
22
+ "types": "./dist/alert-dialog.d.mts",
23
+ "import": "./dist/alert-dialog.mjs"
24
+ },
21
25
  "./avatar": {
22
26
  "types": "./dist/avatar.d.mts",
23
27
  "import": "./dist/avatar.mjs"
@@ -34,14 +38,50 @@
34
38
  "types": "./dist/dropdown-menu.d.mts",
35
39
  "import": "./dist/dropdown-menu.mjs"
36
40
  },
41
+ "./field": {
42
+ "types": "./dist/field.d.mts",
43
+ "import": "./dist/field.mjs"
44
+ },
45
+ "./heading": {
46
+ "types": "./dist/heading.d.mts",
47
+ "import": "./dist/heading.mjs"
48
+ },
49
+ "./hint": {
50
+ "types": "./dist/hint.d.mts",
51
+ "import": "./dist/hint.mjs"
52
+ },
37
53
  "./input": {
38
54
  "types": "./dist/input.d.mts",
39
55
  "import": "./dist/input.mjs"
40
56
  },
57
+ "./label": {
58
+ "types": "./dist/label.d.mts",
59
+ "import": "./dist/label.mjs"
60
+ },
61
+ "./providers": {
62
+ "types": "./dist/providers.d.mts",
63
+ "import": "./dist/providers.mjs"
64
+ },
41
65
  "./select": {
42
66
  "types": "./dist/select.d.mts",
43
67
  "import": "./dist/select.mjs"
44
68
  },
69
+ "./text": {
70
+ "types": "./dist/text.d.mts",
71
+ "import": "./dist/text.mjs"
72
+ },
73
+ "./toast": {
74
+ "types": "./dist/toast.d.mts",
75
+ "import": "./dist/toast.mjs"
76
+ },
77
+ "./tooltip": {
78
+ "types": "./dist/tooltip.d.mts",
79
+ "import": "./dist/tooltip.mjs"
80
+ },
81
+ "./hooks/use-confirm": {
82
+ "types": "./dist/hooks/use-confirm.d.mts",
83
+ "import": "./dist/hooks/use-confirm.mjs"
84
+ },
45
85
  "./hooks/use-initials": {
46
86
  "types": "./dist/hooks/use-initials.d.mts",
47
87
  "import": "./dist/hooks/use-initials.mjs"
@@ -1 +0,0 @@
1
- {"version":3,"file":"cn-BpvCVwZv.mjs","names":[],"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}