@g4rcez/components 3.0.2 → 4.0.1

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 (151) hide show
  1. package/dist/CaretDown.es-Cj7klWI3.js +33 -0
  2. package/dist/CaretDown.es-Cj7klWI3.js.map +1 -0
  3. package/dist/CaretRight.es-0-M8D9y8.js +33 -0
  4. package/dist/CaretRight.es-0-M8D9y8.js.map +1 -0
  5. package/dist/CheckCircle.es-C6QWLfk_.js +33 -0
  6. package/dist/CheckCircle.es-C6QWLfk_.js.map +1 -0
  7. package/dist/File.es-CA-vuPED.js +33 -0
  8. package/dist/File.es-CA-vuPED.js.map +1 -0
  9. package/dist/IconBase.es-DJ1oCtpo.js +50 -0
  10. package/dist/IconBase.es-DJ1oCtpo.js.map +1 -0
  11. package/dist/Info.es-CrZKs4q4.js +33 -0
  12. package/dist/Info.es-CrZKs4q4.js.map +1 -0
  13. package/dist/MotionConfigContext-C7MqlSdv.js.map +1 -1
  14. package/dist/Warning.es-D_eI6tLe.js +39 -0
  15. package/dist/Warning.es-D_eI6tLe.js.map +1 -0
  16. package/dist/X.es-BJ1O93El.js +39 -0
  17. package/dist/X.es-BJ1O93El.js.map +1 -0
  18. package/dist/ai/docs/Alert.md +1 -1
  19. package/dist/ai/docs/AnimatedList.md +3 -3
  20. package/dist/ai/docs/Button.md +1 -1
  21. package/dist/ai/docs/CommandPalette.md +7 -7
  22. package/dist/ai/docs/Dropdown.md +4 -4
  23. package/dist/ai/docs/Empty.md +9 -9
  24. package/dist/ai/docs/Expand.md +1 -1
  25. package/dist/ai/docs/FileUpload.md +2 -2
  26. package/dist/ai/docs/Input.md +2 -2
  27. package/dist/ai/docs/InputField.md +2 -2
  28. package/dist/ai/docs/List.md +3 -3
  29. package/dist/ai/docs/Menu.md +3 -3
  30. package/dist/ai/docs/MultiSelect.md +1 -1
  31. package/dist/ai/docs/PageCalendar.md +1 -1
  32. package/dist/ai/docs/Select.md +1 -1
  33. package/dist/ai/docs/Slot.md +1 -1
  34. package/dist/ai/docs/Stats.md +11 -11
  35. package/dist/ai/docs/Table.md +1 -1
  36. package/dist/ai/docs/Tag.md +2 -2
  37. package/dist/ai/docs/Timeline.md +5 -5
  38. package/dist/ai/docs/Toolbar.md +2 -2
  39. package/dist/ai/docs/Tooltip.md +3 -3
  40. package/dist/ai/docs/TransferList.md +2 -2
  41. package/dist/{autocomplete-Boida9R7.js → autocomplete-Cn9Z2hLq.js} +48 -48
  42. package/dist/autocomplete-Cn9Z2hLq.js.map +1 -0
  43. package/dist/{calendar-BswV66Nx.js → calendar-B5lSd0ID.js} +599 -571
  44. package/dist/calendar-B5lSd0ID.js.map +1 -0
  45. package/dist/components/display/alert.js +18 -18
  46. package/dist/components/display/alert.js.map +1 -1
  47. package/dist/components/display/calendar.js +4 -4
  48. package/dist/components/display/card.d.ts +2 -2
  49. package/dist/components/display/card.d.ts.map +1 -1
  50. package/dist/components/display/card.js +6 -6
  51. package/dist/components/display/card.js.map +1 -1
  52. package/dist/components/display/empty.d.ts +2 -2
  53. package/dist/components/display/empty.d.ts.map +1 -1
  54. package/dist/components/display/list.js +15 -15
  55. package/dist/components/display/list.js.map +1 -1
  56. package/dist/components/display/notifications.js +5 -5
  57. package/dist/components/display/tabs.js +1 -1
  58. package/dist/components/floating/command-palette.d.ts +3 -3
  59. package/dist/components/floating/command-palette.d.ts.map +1 -1
  60. package/dist/components/floating/dropdown.js +1 -1
  61. package/dist/components/floating/expand.js +1 -1
  62. package/dist/components/floating/menu.d.ts +2 -2
  63. package/dist/components/floating/menu.d.ts.map +1 -1
  64. package/dist/components/floating/menu.js +31 -31
  65. package/dist/components/floating/menu.js.map +1 -1
  66. package/dist/components/floating/modal.js +35 -35
  67. package/dist/components/floating/modal.js.map +1 -1
  68. package/dist/components/floating/tooltip.js +1 -1
  69. package/dist/components/form/autocomplete.js +5 -5
  70. package/dist/components/form/date-picker.js +3 -3
  71. package/dist/components/form/file-upload.d.ts.map +1 -1
  72. package/dist/components/form/file-upload.js +3 -3
  73. package/dist/components/form/input-field.d.ts.map +1 -1
  74. package/dist/components/form/input.js +1 -1
  75. package/dist/components/form/select.js +29 -29
  76. package/dist/components/form/select.js.map +1 -1
  77. package/dist/components/form/task-list.js.map +1 -1
  78. package/dist/components/form/transfer-list.js +15 -15
  79. package/dist/components/form/transfer-list.js.map +1 -1
  80. package/dist/components/page-calendar/calendar-header.d.ts.map +1 -1
  81. package/dist/components/page-calendar/day-view.d.ts.map +1 -1
  82. package/dist/components/page-calendar/month-view.d.ts.map +1 -1
  83. package/dist/components/page-calendar/page-calendar.utils.d.ts +6 -0
  84. package/dist/components/page-calendar/page-calendar.utils.d.ts.map +1 -1
  85. package/dist/components/page-calendar/week-view.d.ts.map +1 -1
  86. package/dist/components/table/table.js +3 -3
  87. package/dist/config/context.d.ts +2 -0
  88. package/dist/config/context.d.ts.map +1 -1
  89. package/dist/context-BFXNJVn2.js.map +1 -1
  90. package/dist/{date-picker-BxPTdZPy.js → date-picker-DwNo22lx.js} +316 -288
  91. package/dist/date-picker-DwNo22lx.js.map +1 -0
  92. package/dist/{file-upload-BB6BdGcE.js → file-upload-Brf2NkLr.js} +1103 -976
  93. package/dist/file-upload-Brf2NkLr.js.map +1 -0
  94. package/dist/{floating-ui.react-DycKASR0.js → floating-ui.react-QNHG9W4N.js} +205 -205
  95. package/dist/{floating-ui.react-DycKASR0.js.map → floating-ui.react-QNHG9W4N.js.map} +1 -1
  96. package/dist/hooks/use-components-provider.d.ts.map +1 -1
  97. package/dist/index-0YMC-_Lt.js.map +1 -1
  98. package/dist/index-BelDtX5M.js +1821 -0
  99. package/dist/index-BelDtX5M.js.map +1 -0
  100. package/dist/{index-BtlhELJ3.js → index-C-PuFUZi.js} +136 -136
  101. package/dist/index-C-PuFUZi.js.map +1 -0
  102. package/dist/index-Z-fZHxfJ.js +335 -0
  103. package/dist/index-Z-fZHxfJ.js.map +1 -0
  104. package/dist/index-t1qLJTt5.js.map +1 -1
  105. package/dist/index.css +1 -1
  106. package/dist/index.js +2583 -2463
  107. package/dist/index.js.map +1 -1
  108. package/dist/{input-CoJoHIhd.js → input-CrGrSnUt.js} +2 -2
  109. package/dist/{input-CoJoHIhd.js.map → input-CrGrSnUt.js.map} +1 -1
  110. package/dist/input-field-5vYcz5tT.js +166 -0
  111. package/dist/input-field-5vYcz5tT.js.map +1 -0
  112. package/dist/notifications-cUdVPs-B.js +2786 -0
  113. package/dist/notifications-cUdVPs-B.js.map +1 -0
  114. package/dist/proxy-BZcQiBrp.js.map +1 -1
  115. package/dist/{slot-CQW8ZzBb.js → slot-CRyweuj0.js} +5 -5
  116. package/dist/{slot-CQW8ZzBb.js.map → slot-CRyweuj0.js.map} +1 -1
  117. package/dist/{tabs-ccIA7vMo.js → tabs-S00a8qq8.js} +5 -5
  118. package/dist/{tabs-ccIA7vMo.js.map → tabs-S00a8qq8.js.map} +1 -1
  119. package/dist/use-motion-value-eGwNuWuw.js.map +1 -1
  120. package/package.json +2 -2
  121. package/dist/autocomplete-Boida9R7.js.map +0 -1
  122. package/dist/calendar-BswV66Nx.js.map +0 -1
  123. package/dist/chevron-down-BBFYYzZq.js +0 -6
  124. package/dist/chevron-down-BBFYYzZq.js.map +0 -1
  125. package/dist/chevron-right-DvXGOiS_.js +0 -6
  126. package/dist/chevron-right-DvXGOiS_.js.map +0 -1
  127. package/dist/circle-check-big-3M5lhTxx.js +0 -9
  128. package/dist/circle-check-big-3M5lhTxx.js.map +0 -1
  129. package/dist/createLucideIcon-CP-mMPfa.js +0 -76
  130. package/dist/createLucideIcon-CP-mMPfa.js.map +0 -1
  131. package/dist/date-picker-BxPTdZPy.js.map +0 -1
  132. package/dist/file-CBCP85VI.js +0 -15
  133. package/dist/file-CBCP85VI.js.map +0 -1
  134. package/dist/file-upload-BB6BdGcE.js.map +0 -1
  135. package/dist/index-BJ1ayTam.js +0 -126
  136. package/dist/index-BJ1ayTam.js.map +0 -1
  137. package/dist/index-BtlhELJ3.js.map +0 -1
  138. package/dist/index-ChfR6F8d.js +0 -1590
  139. package/dist/index-ChfR6F8d.js.map +0 -1
  140. package/dist/index-DE4shK8D.js +0 -215
  141. package/dist/index-DE4shK8D.js.map +0 -1
  142. package/dist/info-N5jWZg2A.js +0 -10
  143. package/dist/info-N5jWZg2A.js.map +0 -1
  144. package/dist/input-field-DTeIrwpK.js +0 -146
  145. package/dist/input-field-DTeIrwpK.js.map +0 -1
  146. package/dist/notifications-NPuFDsBp.js +0 -2550
  147. package/dist/notifications-NPuFDsBp.js.map +0 -1
  148. package/dist/triangle-alert-CHMhQ6yd.js +0 -16
  149. package/dist/triangle-alert-CHMhQ6yd.js.map +0 -1
  150. package/dist/x-B9bYxG31.js +0 -9
  151. package/dist/x-B9bYxG31.js.map +0 -1
@@ -1,13 +1,13 @@
1
1
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
2
  import { c as f } from "../../index-DJSMaZR4.js";
3
- import { forwardRef as g } from "react";
3
+ import { c as g } from "../../CheckCircle.es-C6QWLfk_.js";
4
+ import { e as h } from "../../Info.es-CrZKs4q4.js";
5
+ import { r as x } from "../../Warning.es-D_eI6tLe.js";
6
+ import { e as y } from "../../X.es-BJ1O93El.js";
7
+ import { forwardRef as p } from "react";
4
8
  import { c as n } from "../../dom-Dl8XH0CK.js";
5
- import { P as h } from "../../polymorph-B5n9fs_K.js";
6
- import { A as x, m as c } from "../../proxy-BZcQiBrp.js";
7
- import { X as y } from "../../x-B9bYxG31.js";
8
- import { C as p } from "../../circle-check-big-3M5lhTxx.js";
9
- import { I as v } from "../../info-N5jWZg2A.js";
10
- import { T as w } from "../../triangle-alert-CHMhQ6yd.js";
9
+ import { P as v } from "../../polymorph-B5n9fs_K.js";
10
+ import { A as w, m as c } from "../../proxy-BZcQiBrp.js";
11
11
  const d = {
12
12
  true: { opacity: 1, height: "auto" },
13
13
  false: { opacity: [0.7, 0.3, 0], height: 0 }
@@ -32,7 +32,7 @@ const d = {
32
32
  className: n("aria-hidden:pointer-events-none", r.className),
33
33
  children: r.children
34
34
  }
35
- ), k = {
35
+ ), z = {
36
36
  theme: {
37
37
  primary: "bg-alert-primary-bg text-alert-primary-text border-alert-primary-border",
38
38
  danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
@@ -42,12 +42,12 @@ const d = {
42
42
  warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
43
43
  neutral: "bg-transparent border border-card-border text-alert-primary-text"
44
44
  }
45
- }, z = f("p-4 w-full block border relative rounded-lg text-sm", {
46
- variants: k,
45
+ }, k = f("p-4 w-full block border relative rounded-lg text-sm", {
46
+ variants: z,
47
47
  defaultVariants: { theme: "neutral" }
48
- }), _ = g(function({ className: m, theme: l, Icon: i, onClose: o, open: t = !0, ...a }, u) {
48
+ }), B = p(function({ className: m, theme: l, Icon: i, onClose: o, open: t = !0, ...a }, u) {
49
49
  const b = () => o?.(!1);
50
- return /* @__PURE__ */ e(x, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: t ? /* @__PURE__ */ e(
50
+ return /* @__PURE__ */ e(w, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: t ? /* @__PURE__ */ e(
51
51
  c.div,
52
52
  {
53
53
  "data-open": !!t,
@@ -55,14 +55,14 @@ const d = {
55
55
  "data-component": "alert",
56
56
  className: n("isolate w-full", t ? "pointer-events-auto" : "pointer-events-none"),
57
57
  children: /* @__PURE__ */ e(A, { "data-open": !!t, open: !!t, children: /* @__PURE__ */ e(
58
- h,
58
+ v,
59
59
  {
60
60
  ...a,
61
61
  ref: u,
62
62
  role: "alert",
63
63
  "data-theme": l,
64
64
  as: a.as ?? "div",
65
- className: n(z({ theme: l }), m),
65
+ className: n(k({ theme: l }), m),
66
66
  children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[auto_1fr] gap-base", children: [
67
67
  o !== void 0 && t ? /* @__PURE__ */ e(
68
68
  "button",
@@ -74,9 +74,9 @@ const d = {
74
74
  }
75
75
  ) : null,
76
76
  /* @__PURE__ */ s("div", { className: n("flex items-center gap-2", a.title ? "" : "w-fit"), children: [
77
- !i && l === "success" ? /* @__PURE__ */ e(p, { "aria-hidden": "true", size: 20 }) : null,
78
- !i && l === "info" ? /* @__PURE__ */ e(v, { "aria-hidden": "true", size: 20 }) : null,
79
- !i && l === "danger" ? /* @__PURE__ */ e(w, { "aria-hidden": "true", size: 20 }) : null,
77
+ !i && l === "success" ? /* @__PURE__ */ e(g, { "aria-hidden": "true", size: 20 }) : null,
78
+ !i && l === "info" ? /* @__PURE__ */ e(h, { "aria-hidden": "true", size: 20 }) : null,
79
+ !i && l === "danger" ? /* @__PURE__ */ e(x, { "aria-hidden": "true", size: 20 }) : null,
80
80
  i
81
81
  ] }),
82
82
  a.title ? /* @__PURE__ */ e("h4", { className: "tracking-3 col-start-2 text-balance text-lg font-semibold", children: a.title }) : null,
@@ -88,7 +88,7 @@ const d = {
88
88
  ) : null });
89
89
  });
90
90
  export {
91
- _ as Alert,
91
+ B as Alert,
92
92
  A as Collapse
93
93
  };
94
94
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, TriangleAlertIcon, XIcon } from \"lucide-react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\n\nconst variants = {\n true: { opacity: 1, height: \"auto\" },\n false: { opacity: [0.7, 0.3, 0], height: 0 },\n};\n\nconst transition = {\n type: \"tween\",\n duration: 0.7,\n ease: [0.04, 0.62, 0.23, 0.98],\n};\n\ntype CollapseProps = HTMLMotionProps<\"section\"> & { open: boolean };\n\nexport const Collapse = (props: PropsWithChildren<CollapseProps>) => (\n <motion.div\n {...(props as any)}\n layout\n layoutRoot\n layoutScroll\n initial={false}\n variants={variants}\n exit={variants.false}\n transition={transition}\n aria-hidden={!props.open}\n data-component=\"collapse\"\n animate={props.open.toString()}\n className={css(\"aria-hidden:pointer-events-none\", props.className)}\n >\n {props.children}\n </motion.div>\n);\n\nconst themeVariants = {\n theme: {\n primary: \"bg-alert-primary-bg text-alert-primary-text border-alert-primary-border\",\n danger: \"bg-alert-danger-bg text-alert-danger-text border-alert-danger-border\",\n info: \"bg-alert-info-bg text-alert-info-text border-alert-info-border\",\n success: \"bg-alert-success-bg text-alert-success-text border-alert-success-border\",\n secondary: \"bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border\",\n warn: \"bg-alert-warn-bg text-alert-warn-text border-alert-warn-border\",\n neutral: \"bg-transparent border border-card-border text-alert-primary-text\",\n },\n};\n\nconst alertVariants = cva(\"p-4 w-full block border relative rounded-lg text-sm\", {\n variants: themeVariants,\n defaultVariants: { theme: \"neutral\" },\n});\n\nexport type AlertProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n CvaVariants<typeof themeVariants> &\n Partial<{\n open?: boolean;\n container: string;\n Icon: React.ReactElement;\n onClose: (nextState: boolean) => void;\n }>,\n T\n>;\n\nexport const Alert: <T extends React.ElementType = \"div\">(props: AlertProps<T>) => any = forwardRef(function Alert(\n { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n ref: React.ForwardedRef<HTMLDivElement>\n) {\n const close = () => onClose?.(false);\n\n return (\n <AnimatePresence presenceAffectsLayout propagate mode=\"sync\">\n {open ? (\n <motion.div\n data-open={!!open}\n aria-hidden={!open}\n data-component=\"alert\"\n className={css(\"isolate w-full\", open ? \"pointer-events-auto\" : \"pointer-events-none\")}\n >\n <Collapse data-open={!!open} open={!!open}>\n <Polymorph\n {...props}\n ref={ref}\n role=\"alert\"\n data-theme={theme}\n as={props.as ?? \"div\"}\n className={css(alertVariants({ theme }), className)}\n >\n <div className=\"grid grid-cols-[auto_1fr] gap-base\">\n {onClose !== undefined && open ? (\n <button\n type=\"button\"\n onClick={close}\n className=\"absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n >\n <XIcon size={20} />\n </button>\n ) : null}\n <div className={css(\"flex items-center gap-2\", props.title ? \"\" : \"w-fit\")}>\n {!Icon && theme === \"success\" ? <CheckCircleIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"info\" ? <InfoIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"danger\" ? <TriangleAlertIcon aria-hidden=\"true\" size={20} /> : null}\n {Icon}\n </div>\n {props.title ? <h4 className=\"tracking-3 col-start-2 text-balance text-lg font-semibold\">{props.title}</h4> : null}\n <div className=\"col-start-2 w-full\">{props.children}</div>\n </div>\n </Polymorph>\n </Collapse>\n </motion.div>\n ) : null}\n </AnimatePresence>\n );\n}) as never;\n"],"names":["variants","transition","Collapse","props","jsx","motion","css","themeVariants","alertVariants","cva","Alert","forwardRef","className","theme","Icon","onClose","open","ref","close","AnimatePresence","Polymorph","jsxs","XIcon","CheckCircleIcon","InfoIcon","TriangleAlertIcon"],"mappings":"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"}
1
+ {"version":3,"file":"alert.js","sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\n\nconst variants = {\n true: { opacity: 1, height: \"auto\" },\n false: { opacity: [0.7, 0.3, 0], height: 0 },\n};\n\nconst transition = {\n type: \"tween\",\n duration: 0.7,\n ease: [0.04, 0.62, 0.23, 0.98],\n};\n\ntype CollapseProps = HTMLMotionProps<\"section\"> & { open: boolean };\n\nexport const Collapse = (props: PropsWithChildren<CollapseProps>) => (\n <motion.div\n {...(props as any)}\n layout\n layoutRoot\n layoutScroll\n initial={false}\n variants={variants}\n exit={variants.false}\n transition={transition}\n aria-hidden={!props.open}\n data-component=\"collapse\"\n animate={props.open.toString()}\n className={css(\"aria-hidden:pointer-events-none\", props.className)}\n >\n {props.children}\n </motion.div>\n);\n\nconst themeVariants = {\n theme: {\n primary: \"bg-alert-primary-bg text-alert-primary-text border-alert-primary-border\",\n danger: \"bg-alert-danger-bg text-alert-danger-text border-alert-danger-border\",\n info: \"bg-alert-info-bg text-alert-info-text border-alert-info-border\",\n success: \"bg-alert-success-bg text-alert-success-text border-alert-success-border\",\n secondary: \"bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border\",\n warn: \"bg-alert-warn-bg text-alert-warn-text border-alert-warn-border\",\n neutral: \"bg-transparent border border-card-border text-alert-primary-text\",\n },\n};\n\nconst alertVariants = cva(\"p-4 w-full block border relative rounded-lg text-sm\", {\n variants: themeVariants,\n defaultVariants: { theme: \"neutral\" },\n});\n\nexport type AlertProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n CvaVariants<typeof themeVariants> &\n Partial<{\n open?: boolean;\n container: string;\n Icon: React.ReactElement;\n onClose: (nextState: boolean) => void;\n }>,\n T\n>;\n\nexport const Alert: <T extends React.ElementType = \"div\">(props: AlertProps<T>) => any = forwardRef(function Alert(\n { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n ref: React.ForwardedRef<HTMLDivElement>\n) {\n const close = () => onClose?.(false);\n\n return (\n <AnimatePresence presenceAffectsLayout propagate mode=\"sync\">\n {open ? (\n <motion.div\n data-open={!!open}\n aria-hidden={!open}\n data-component=\"alert\"\n className={css(\"isolate w-full\", open ? \"pointer-events-auto\" : \"pointer-events-none\")}\n >\n <Collapse data-open={!!open} open={!!open}>\n <Polymorph\n {...props}\n ref={ref}\n role=\"alert\"\n data-theme={theme}\n as={props.as ?? \"div\"}\n className={css(alertVariants({ theme }), className)}\n >\n <div className=\"grid grid-cols-[auto_1fr] gap-base\">\n {onClose !== undefined && open ? (\n <button\n type=\"button\"\n onClick={close}\n className=\"absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n >\n <XIcon size={20} />\n </button>\n ) : null}\n <div className={css(\"flex items-center gap-2\", props.title ? \"\" : \"w-fit\")}>\n {!Icon && theme === \"success\" ? <CheckCircleIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"info\" ? <InfoIcon aria-hidden=\"true\" size={20} /> : null}\n {!Icon && theme === \"danger\" ? <WarningIcon aria-hidden=\"true\" size={20} /> : null}\n {Icon}\n </div>\n {props.title ? <h4 className=\"tracking-3 col-start-2 text-balance text-lg font-semibold\">{props.title}</h4> : null}\n <div className=\"col-start-2 w-full\">{props.children}</div>\n </div>\n </Polymorph>\n </Collapse>\n </motion.div>\n ) : null}\n </AnimatePresence>\n );\n}) as never;\n"],"names":["variants","transition","Collapse","props","jsx","motion","css","themeVariants","alertVariants","cva","Alert","forwardRef","className","theme","Icon","onClose","open","ref","close","AnimatePresence","Polymorph","jsxs","XIcon","CheckCircleIcon","InfoIcon","WarningIcon"],"mappings":"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"}
@@ -1,13 +1,13 @@
1
1
  import "react/jsx-runtime";
2
+ import { C as n } from "../../calendar-B5lSd0ID.js";
3
+ import "../../CaretRight.es-0-M8D9y8.js";
2
4
  import "react";
3
5
  import "../../dom-Dl8XH0CK.js";
4
- import "../../input-CoJoHIhd.js";
5
- import "../../index-BJ1ayTam.js";
6
- import { h as n } from "../../calendar-BswV66Nx.js";
6
+ import "../../input-CrGrSnUt.js";
7
+ import "../../index-Z-fZHxfJ.js";
7
8
  import "../../use-translations-BwLKTrZv.js";
8
9
  import "../../fns-D2eyJKd5.js";
9
10
  import "../../proxy-BZcQiBrp.js";
10
- import "../../chevron-right-DvXGOiS_.js";
11
11
  import "../../index-0YMC-_Lt.js";
12
12
  export {
13
13
  n as Calendar
@@ -1,4 +1,4 @@
1
- import { LucideIcon } from "lucide-react";
1
+ import { type Icon } from "@phosphor-icons/react";
2
2
  import React, { type PropsWithChildren } from "react";
3
3
  import { Label } from "../../types";
4
4
  import { PolymorphicProps } from "../core/polymorph";
@@ -19,7 +19,7 @@ export type CardHeaderTitleProps<T extends React.ElementType = "div"> = Polymorp
19
19
  title: React.ReactElement | string;
20
20
  }, T>;
21
21
  export type StatsCardProps = CardProps<React.ElementType> & {
22
- Icon?: LucideIcon;
22
+ Icon?: Icon;
23
23
  title: string;
24
24
  value: Label;
25
25
  mark?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAa,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACzE;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,yFAS7C,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;wDAyC0B,iBAAiB,CAAC,oBAAoB,CAAC;CAXlG,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACpF;IACI,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAoBF,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBAuB9C,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAa,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACzE;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,yFAS7C,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;wDAyC0B,iBAAiB,CAAC,oBAAoB,CAAC;CAXlG,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACpF;IACI,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;CACtC,EACD,CAAC,CACJ,CAAC;AAoBF,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBAuB9C,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import { c, I as x } from "../../dom-Dl8XH0CK.js";
3
- import { P as u } from "../../polymorph-B5n9fs_K.js";
2
+ import { e as x } from "../../Info.es-CrZKs4q4.js";
3
+ import { c, I as u } from "../../dom-Dl8XH0CK.js";
4
+ import { P as h } from "../../polymorph-B5n9fs_K.js";
4
5
  import { a as s } from "../../skeleton-D75GFBV6.js";
5
- import { I as h } from "../../info-N5jWZg2A.js";
6
6
  const f = ({
7
7
  title: a,
8
8
  loading: t,
@@ -13,7 +13,7 @@ const f = ({
13
13
  titleClassName: m = "",
14
14
  ...d
15
15
  }) => /* @__PURE__ */ i(
16
- u,
16
+ h,
17
17
  {
18
18
  ...d,
19
19
  as: n || "div",
@@ -43,7 +43,7 @@ f.Title = ({ as: a, titleTag: t, navTag: r, children: n, ...l }) => {
43
43
  o,
44
44
  {
45
45
  ...l,
46
- title: x.string(l.title) ? l.title : void 0,
46
+ title: u.string(l.title) ? l.title : void 0,
47
47
  className: c("flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center", l.className),
48
48
  children: [
49
49
  /* @__PURE__ */ e(m, { className: "font-semibold", children: l.title }),
@@ -53,7 +53,7 @@ f.Title = ({ as: a, titleTag: t, navTag: r, children: n, ...l }) => {
53
53
  );
54
54
  };
55
55
  const p = (a) => {
56
- const t = a.interactive ?? !0, r = a.Icon ?? h;
56
+ const t = a.interactive ?? !0, r = a.Icon ?? x;
57
57
  return /* @__PURE__ */ e(f, { ...a, title: null, loading: void 0, container: "px-0 py-0", className: "flex items-center gap-4 px-0", children: /* @__PURE__ */ i(
58
58
  "div",
59
59
  {
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, LucideIcon } from \"lucide-react\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Skeleton } from \"./skeleton\";\n\nexport type CardProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n title?: Label;\n loading?: boolean;\n container?: string;\n titleClassName?: string;\n header?: React.ReactElement | null;\n },\n T\n>;\n\nexport const Card = <T extends React.ElementType = \"div\">({\n title,\n loading,\n children,\n as,\n header = null,\n container = \"\",\n titleClassName = \"\",\n ...props\n}: PropsWithChildren<CardProps<T>>) => (\n <Polymorph\n {...props}\n as={as || \"div\"}\n data-component=\"card\"\n className={css(\"flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card\", container)}\n >\n {title ? (\n <header\n data-component=\"card-title\"\n className={css(\"mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium\", titleClassName)}\n >\n {title}\n </header>\n ) : (\n header\n )}\n <div data-component=\"card-body\" className={css(\"min-w-full px-6\", props.className)}>\n {loading ? (\n <div className=\"flex flex-col gap-4\">\n <Skeleton className=\"w-full\" />\n <Skeleton className=\"w-8/12\" />\n <Skeleton className=\"w-10/12\" />\n <Skeleton className=\"w-1/2\" />\n </div>\n ) : (\n children\n )}\n </div>\n </Polymorph>\n);\n\nexport type CardHeaderTitleProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n navTag?: React.ElementType;\n titleTag?: React.ElementType;\n title: React.ReactElement | string;\n },\n T\n>;\n\nCard.Title = ({ as, titleTag, navTag, children, ...props }: PropsWithChildren<CardHeaderTitleProps>) => {\n const Component = (as || \"div\") as any;\n const Title = (titleTag || \"h2\") as any;\n const Nav = (navTag || \"nav\") as any;\n return (\n <Component\n {...props}\n title={Is.string(props.title) ? props.title : undefined}\n className={css(\"flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center\", props.className)}\n >\n <Title className=\"font-semibold\">{props.title}</Title>\n {children ? (\n <Nav className=\"gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end\">{children}</Nav>\n ) : null}\n </Component>\n );\n};\n\nexport type StatsCardProps = CardProps<React.ElementType> & {\n Icon?: LucideIcon;\n title: string;\n value: Label;\n mark?: string;\n interactive?: boolean;\n};\n\nexport const StatsCard = (props: StatsCardProps) => {\n const interactive = props.interactive ?? true;\n const Icon = props.Icon ?? InfoIcon;\n return (\n <Card {...props} title={null} loading={undefined} container=\"px-0 py-0\" className=\"flex items-center gap-4 px-0\">\n <div\n className={`flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${interactive ? \"transition-colors duration-300 ease-linear hover:bg-primary-hover/10\" : \"\"}`}\n >\n <div\n className={css(\n \"flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground\",\n props.mark\n )}\n >\n {<Icon size={48} />}\n </div>\n <div className=\"flex flex-col justify-center gap-2 py-2\">\n <p className=\"text-lg\">{props.title}</p>\n {props.loading ? <Skeleton className=\"h-10\" /> : <p className=\"text-4xl font-bold tracking-wide\">{props.value}</p>}\n </div>\n </div>\n </Card>\n );\n};\n"],"names":["Card","title","loading","children","as","header","container","titleClassName","props","jsxs","Polymorph","css","jsx","Skeleton","titleTag","navTag","Component","Title","Nav","Is","StatsCard","interactive","Icon","InfoIcon"],"mappings":"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"}
1
+ {"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Skeleton } from \"./skeleton\";\n\nexport type CardProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n title?: Label;\n loading?: boolean;\n container?: string;\n titleClassName?: string;\n header?: React.ReactElement | null;\n },\n T\n>;\n\nexport const Card = <T extends React.ElementType = \"div\">({\n title,\n loading,\n children,\n as,\n header = null,\n container = \"\",\n titleClassName = \"\",\n ...props\n}: PropsWithChildren<CardProps<T>>) => (\n <Polymorph\n {...props}\n as={as || \"div\"}\n data-component=\"card\"\n className={css(\"flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card\", container)}\n >\n {title ? (\n <header\n data-component=\"card-title\"\n className={css(\"mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium\", titleClassName)}\n >\n {title}\n </header>\n ) : (\n header\n )}\n <div data-component=\"card-body\" className={css(\"min-w-full px-6\", props.className)}>\n {loading ? (\n <div className=\"flex flex-col gap-4\">\n <Skeleton className=\"w-full\" />\n <Skeleton className=\"w-8/12\" />\n <Skeleton className=\"w-10/12\" />\n <Skeleton className=\"w-1/2\" />\n </div>\n ) : (\n children\n )}\n </div>\n </Polymorph>\n);\n\nexport type CardHeaderTitleProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n {\n navTag?: React.ElementType;\n titleTag?: React.ElementType;\n title: React.ReactElement | string;\n },\n T\n>;\n\nCard.Title = ({ as, titleTag, navTag, children, ...props }: PropsWithChildren<CardHeaderTitleProps>) => {\n const Component = (as || \"div\") as any;\n const Title = (titleTag || \"h2\") as any;\n const Nav = (navTag || \"nav\") as any;\n return (\n <Component\n {...props}\n title={Is.string(props.title) ? props.title : undefined}\n className={css(\"flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center\", props.className)}\n >\n <Title className=\"font-semibold\">{props.title}</Title>\n {children ? (\n <Nav className=\"gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end\">{children}</Nav>\n ) : null}\n </Component>\n );\n};\n\nexport type StatsCardProps = CardProps<React.ElementType> & {\n Icon?: Icon;\n title: string;\n value: Label;\n mark?: string;\n interactive?: boolean;\n};\n\nexport const StatsCard = (props: StatsCardProps) => {\n const interactive = props.interactive ?? true;\n const Icon = props.Icon ?? InfoIcon;\n return (\n <Card {...props} title={null} loading={undefined} container=\"px-0 py-0\" className=\"flex items-center gap-4 px-0\">\n <div\n className={`flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${interactive ? \"transition-colors duration-300 ease-linear hover:bg-primary-hover/10\" : \"\"}`}\n >\n <div\n className={css(\n \"flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground\",\n props.mark\n )}\n >\n {<Icon size={48} />}\n </div>\n <div className=\"flex flex-col justify-center gap-2 py-2\">\n <p className=\"text-lg\">{props.title}</p>\n {props.loading ? <Skeleton className=\"h-10\" /> : <p className=\"text-4xl font-bold tracking-wide\">{props.value}</p>}\n </div>\n </div>\n </Card>\n );\n};\n"],"names":["Card","title","loading","children","as","header","container","titleClassName","props","jsxs","Polymorph","css","jsx","Skeleton","titleTag","navTag","Component","Title","Nav","Is","StatsCard","interactive","Icon","InfoIcon"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
- import { type LucideProps } from "lucide-react";
1
+ import { type Icon } from "@phosphor-icons/react";
2
2
  import React from "react";
3
3
  export type EmptyProps = {
4
- Icon?: React.FC<LucideProps>;
4
+ Icon?: Icon;
5
5
  message?: string;
6
6
  };
7
7
  export declare const Empty: (props: EmptyProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAStC,CAAC"}
1
+ {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAStC,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
- import { u as w, n as F, d as k, i as C, c as I, F as j, k as A, l as O } from "../../floating-ui.react-DycKASR0.js";
3
- import P, { useState as $, useId as L, useCallback as M, Fragment as m } from "react";
4
- import { m as s, A as z } from "../../proxy-BZcQiBrp.js";
5
- import { M as S } from "../../index-0YMC-_Lt.js";
6
- import { X as D } from "../../x-B9bYxG31.js";
7
- const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(S, { reducedMotion: "user", transition: { type: "spring", damping: 30, stiffness: 350 }, children: /* @__PURE__ */ r(z, { mode: "wait", presenceAffectsLayout: !0, children: [
2
+ import { u as w, n as F, d as k, i as C, c as I, F as j, k as A, l as O } from "../../floating-ui.react-QNHG9W4N.js";
3
+ import { e as P } from "../../X.es-BJ1O93El.js";
4
+ import $, { useState as L, useId as M, useCallback as z, Fragment as m } from "react";
5
+ import { m as s, A as S } from "../../proxy-BZcQiBrp.js";
6
+ import { M as D } from "../../index-0YMC-_Lt.js";
7
+ const _ = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(D, { reducedMotion: "user", transition: { type: "spring", damping: 30, stiffness: 350 }, children: /* @__PURE__ */ r(S, { mode: "wait", presenceAffectsLayout: !0, children: [
8
8
  t ? /* @__PURE__ */ e(
9
9
  s.div,
10
10
  {
@@ -34,7 +34,7 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
34
34
  type: "button",
35
35
  onClick: i,
36
36
  className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
37
- children: /* @__PURE__ */ e(D, {})
37
+ children: /* @__PURE__ */ e(P, {})
38
38
  }
39
39
  ) }),
40
40
  /* @__PURE__ */ r(s.header, { layout: !0, className: "flex w-full flex-wrap items-center justify-between gap-2", children: [
@@ -45,16 +45,16 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
45
45
  ]
46
46
  }
47
47
  ) }) }, "card") : null
48
- ] }) }) }), E = (t) => {
49
- const [l, i] = $(null), c = L(), { context: a, refs: h } = w({
48
+ ] }) }) }), G = (t) => {
49
+ const [l, i] = L(null), c = M(), { context: a, refs: h } = w({
50
50
  open: l !== null,
51
51
  transform: !0,
52
52
  onOpenChange: (d) => d ? void 0 : i(null)
53
- }), f = F(a), y = k(a, { role: "dialog" }), g = C(a, { escapeKey: !0, referencePress: !0, outsidePress: !0 }), { getFloatingProps: x } = I([f, y, g]), v = M(() => {
53
+ }), f = F(a), y = k(a, { role: "dialog" }), g = C(a, { escapeKey: !0, referencePress: !0, outsidePress: !0 }), { getFloatingProps: x } = I([f, y, g]), v = z(() => {
54
54
  i(null);
55
- }, []), b = P.Children.toArray(t.children);
55
+ }, []), b = $.Children.toArray(t.children);
56
56
  return /* @__PURE__ */ r(m, { children: [
57
- /* @__PURE__ */ e(R, { refs: h, context: a, get: x, item: l, setter: v }),
57
+ /* @__PURE__ */ e(_, { refs: h, context: a, get: x, item: l, setter: v }),
58
58
  /* @__PURE__ */ e("ul", { role: "list", children: b.map((d, N) => {
59
59
  const n = d.props, o = `${c}-${N}`, u = () => i({ ...n, id: o }), p = n.leading;
60
60
  return /* @__PURE__ */ e(
@@ -85,9 +85,9 @@ const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__
85
85
  );
86
86
  }) })
87
87
  ] });
88
- }, G = (t) => /* @__PURE__ */ e(m, { children: t.children });
88
+ }, J = (t) => /* @__PURE__ */ e(m, { children: t.children });
89
89
  export {
90
- E as AnimatedList,
91
- G as AnimatedListItem
90
+ G as AnimatedList,
91
+ J as AnimatedListItem
92
92
  };
93
93
  //# sourceMappingURL=list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n FloatingContext,\n FloatingFocusManager,\n FloatingOverlay,\n FloatingPortal,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"lucide-react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n title: Label;\n description: Label;\n children: Label;\n avatar?: Label;\n leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n setter: () => void;\n context: FloatingContext;\n item: IdAnimatedItem | null;\n refs: { setFloating: any };\n get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n <FloatingPortal>\n <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n {item ? (\n <motion.div\n key=\"overlay\"\n exit={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n initial={{ opacity: 0 }}\n transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n />\n ) : null}\n {item ? (\n <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n <motion.div\n layout\n layoutId={`item-${item.id}`}\n initial={{ opacity: 0.6, scale: 0.98 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.98 }}\n className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n ref={refs.setFloating}\n {...get()}\n >\n <nav className=\"absolute right-4 top-1 lg:right-2\">\n <button\n type=\"button\"\n onClick={setter}\n className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n >\n <XIcon />\n </button>\n </nav>\n <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </motion.header>\n <motion.div layout>{item.children}</motion.div>\n </motion.div>\n </FloatingFocusManager>\n </FloatingOverlay>\n ) : null}\n </AnimatePresence>\n </MotionConfig>\n </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n const id = useId();\n const { context, refs } = useFloating({\n open: selected !== null,\n transform: true,\n onOpenChange: (open) => (open ? undefined : setSelected(null)),\n });\n const click = useClick(context);\n const role = useRole(context, { role: \"dialog\" });\n const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n const clear = useCallback(() => {\n setSelected(null);\n }, []);\n\n const items = React.Children.toArray(props.children);\n\n return (\n <Fragment>\n <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n <ul role=\"list\">\n {items.map((x, index) => {\n const item: AnimatedItemProps = (x as any).props;\n const innerId = `${id}-${index}`;\n const setter = () => setSelected({ ...item, id: innerId });\n const Leading = item.leading;\n return (\n <motion.li\n layout\n key={innerId}\n layoutId={`item-${innerId}`}\n className={`border-b border-card-border py-2 last:border-transparent`}\n >\n <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n <div className=\"relative flex items-start space-x-3\">\n <Fragment>\n {item.avatar ? (\n <div>\n <div className=\"relative px-1\">\n <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n {item.avatar}\n </button>\n </div>\n </div>\n ) : null}\n <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n <button\n onClick={setter}\n className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n >\n <h3>{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </button>\n {Leading ? <Leading open={setter} /> : null}\n </div>\n </div>\n </Fragment>\n </div>\n </motion.div>\n </motion.li>\n );\n })}\n </ul>\n </Fragment>\n );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":"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"}
1
+ {"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n FloatingContext,\n FloatingFocusManager,\n FloatingOverlay,\n FloatingPortal,\n useClick,\n useDismiss,\n useFloating,\n useInteractions,\n useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n title: Label;\n description: Label;\n children: Label;\n avatar?: Label;\n leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n setter: () => void;\n context: FloatingContext;\n item: IdAnimatedItem | null;\n refs: { setFloating: any };\n get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n <FloatingPortal>\n <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n {item ? (\n <motion.div\n key=\"overlay\"\n exit={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n initial={{ opacity: 0 }}\n transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n />\n ) : null}\n {item ? (\n <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n <motion.div\n layout\n layoutId={`item-${item.id}`}\n initial={{ opacity: 0.6, scale: 0.98 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.98 }}\n className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n ref={refs.setFloating}\n {...get()}\n >\n <nav className=\"absolute right-4 top-1 lg:right-2\">\n <button\n type=\"button\"\n onClick={setter}\n className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n >\n <XIcon />\n </button>\n </nav>\n <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </motion.header>\n <motion.div layout>{item.children}</motion.div>\n </motion.div>\n </FloatingFocusManager>\n </FloatingOverlay>\n ) : null}\n </AnimatePresence>\n </MotionConfig>\n </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n const id = useId();\n const { context, refs } = useFloating({\n open: selected !== null,\n transform: true,\n onOpenChange: (open) => (open ? undefined : setSelected(null)),\n });\n const click = useClick(context);\n const role = useRole(context, { role: \"dialog\" });\n const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n const clear = useCallback(() => {\n setSelected(null);\n }, []);\n\n const items = React.Children.toArray(props.children);\n\n return (\n <Fragment>\n <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n <ul role=\"list\">\n {items.map((x, index) => {\n const item: AnimatedItemProps = (x as any).props;\n const innerId = `${id}-${index}`;\n const setter = () => setSelected({ ...item, id: innerId });\n const Leading = item.leading;\n return (\n <motion.li\n layout\n key={innerId}\n layoutId={`item-${innerId}`}\n className={`border-b border-card-border py-2 last:border-transparent`}\n >\n <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n <div className=\"relative flex items-start space-x-3\">\n <Fragment>\n {item.avatar ? (\n <div>\n <div className=\"relative px-1\">\n <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n {item.avatar}\n </button>\n </div>\n </div>\n ) : null}\n <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n <button\n onClick={setter}\n className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n >\n <h3>{item.title}</h3>\n <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n </button>\n {Leading ? <Leading open={setter} /> : null}\n </div>\n </div>\n </Fragment>\n </div>\n </motion.div>\n </motion.li>\n );\n })}\n </ul>\n </Fragment>\n );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":";;;;;;AAqCA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,EAAA,MAC7C,gBAAAC,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,GAAA,EAAa,eAAc,QAAO,YAAY,EAAE,MAAM,UAAU,SAAS,IAAI,WAAW,OACrF,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,QAAO,uBAAqB,IAC7C,UAAA;AAAA,EAAAT,IACG,gBAAAK;AAAA,IAACK,EAAO;AAAA,IAAP;AAAA,MAEG,MAAM,EAAE,SAAS,EAAA;AAAA,MACjB,SAAS,EAAE,SAAS,EAAA;AAAA,MACpB,SAAS,EAAE,SAAS,EAAA;AAAA,MACpB,YAAY,EAAE,MAAM,SAAS,UAAU,MAAM,MAAM,UAAA;AAAA,MACnD,WAAU;AAAA,IAAA;AAAA,IALN;AAAA,EAAA,IAOR;AAAA,EACHV,IACG,gBAAAK,EAACM,GAAA,EAA2B,YAAU,IAAC,WAAU,gEAC7C,UAAA,gBAAAN,EAACO,GAAA,EAAqB,uBAAqB,IAAC,OAAK,IAAC,iBAAe,IAAC,SAAAX,GAC9D,UAAA,gBAAAO;AAAA,IAACE,EAAO;AAAA,IAAP;AAAA,MACG,QAAM;AAAA,MACN,UAAU,QAAQV,EAAK,EAAE;AAAA,MACzB,SAAS,EAAE,SAAS,KAAK,OAAO,KAAA;AAAA,MAChC,SAAS,EAAE,SAAS,GAAG,OAAO,EAAA;AAAA,MAC9B,MAAM,EAAE,SAAS,GAAG,OAAO,KAAA;AAAA,MAC3B,WAAU;AAAA,MACV,KAAKI,EAAK;AAAA,MACT,GAAGD,EAAA;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAASH;AAAA,YACT,WAAU;AAAA,YAEV,4BAACW,GAAA,CAAA,CAAM;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,0BACCH,EAAO,QAAP,EAAc,QAAM,IAAC,WAAU,4DAC5B,UAAA;AAAA,UAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,gDAAgD,UAAAL,EAAK,OAAM;AAAA,UACzE,gBAAAK,EAAC,KAAA,EAAE,WAAU,uCAAuC,YAAK,YAAA,CAAY;AAAA,QAAA,GACzE;AAAA,0BACCK,EAAO,KAAP,EAAW,QAAM,IAAE,YAAK,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE1C,EAAA,GA3BiB,MA4BrB,IACA;AAAA,EAAA,CACR,GACJ,GACJ,GAGSI,IAAe,CAACC,MAAgD;AACzE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAgC,IAAI,GAC9DC,IAAKC,EAAA,GACL,EAAE,SAAAnB,GAAS,MAAAG,EAAA,IAASiB,EAAY;AAAA,IAClC,MAAML,MAAa;AAAA,IACnB,WAAW;AAAA,IACX,cAAc,CAACM,MAAUA,IAAO,SAAYL,EAAY,IAAI;AAAA,EAAA,CAC/D,GACKM,IAAQC,EAASvB,CAAO,GACxBwB,IAAOC,EAAQzB,GAAS,EAAE,MAAM,UAAU,GAC1C0B,IAAUC,EAAW3B,GAAS,EAAE,WAAW,IAAM,gBAAgB,IAAM,cAAc,IAAM,GAC3F,EAAE,kBAAA4B,MAAqBC,EAAgB,CAACP,GAAOE,GAAME,CAAO,CAAC,GAE7DI,IAAQC,EAAY,MAAM;AAC5B,IAAAf,EAAY,IAAI;AAAA,EAAA,GACjB,EAAE,GAECgB,IAAQC,EAAM,SAAS,QAAQnB,EAAM,QAAQ;AAEnD,2BACKoB,GAAA,EACG,UAAA;AAAA,IAAA,gBAAA9B,EAACN,GAAA,EAAU,MAAAK,GAAY,SAAAH,GAAkB,KAAK4B,GAAkB,MAAMb,GAAU,QAAQe,EAAA,CAAO;AAAA,IAC/F,gBAAA1B,EAAC,QAAG,MAAK,QACJ,YAAM,IAAI,CAAC+B,GAAGC,MAAU;AACrB,YAAMrC,IAA2BoC,EAAU,OACrCE,IAAU,GAAGnB,CAAE,IAAIkB,CAAK,IACxBnC,IAAS,MAAMe,EAAY,EAAE,GAAGjB,GAAM,IAAIsC,GAAS,GACnDC,IAAUvC,EAAK;AACrB,aACI,gBAAAK;AAAA,QAACK,EAAO;AAAA,QAAP;AAAA,UACG,QAAM;AAAA,UAEN,UAAU,QAAQ4B,CAAO;AAAA,UACzB,WAAW;AAAA,UAEX,UAAA,gBAAAjC,EAACK,EAAO,KAAP,EAAW,UAAU,SAAS4B,CAAO,IAAI,WAAU,YAChD,UAAA,gBAAAjC,EAAC,OAAA,EAAI,WAAU,uCACX,4BAAC8B,GAAA,EACI,UAAA;AAAA,YAAAnC,EAAK,SACF,gBAAAK,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA,gBAAAA,EAAC,UAAA,EAAO,SAASH,GAAQ,WAAU,yDAC9B,YAAK,OAAA,CACV,GACJ,GACJ,IACA;AAAA,8BACH,OAAA,EAAI,WAAU,uCACX,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,mDACX,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,SAASN;AAAA,kBACT,WAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAG,EAAC,MAAA,EAAI,YAAK,MAAA,CAAM;AAAA,oBAChB,gBAAAA,EAAC,KAAA,EAAE,WAAU,uCAAuC,YAAK,YAAA,CAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAExEkC,IAAU,gBAAAlC,EAACkC,GAAA,EAAQ,MAAMrC,GAAQ,IAAK;AAAA,YAAA,EAAA,CAC3C,EAAA,CACJ;AAAA,UAAA,EAAA,CACJ,GACJ,EAAA,CACJ;AAAA,QAAA;AAAA,QA9BKoC;AAAA,MAAA;AAAA,IA+BT,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER,GAEaE,IAAmB,CAACzB,MAAgD,gBAAAV,EAAC8B,GAAA,EAAU,YAAM,SAAA,CAAS;"}
@@ -1,13 +1,13 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../index-DJSMaZR4.js";
3
+ import "../../CheckCircle.es-C6QWLfk_.js";
4
+ import { w as n, s as N } from "../../notifications-cUdVPs-B.js";
5
+ import "../../Info.es-CrZKs4q4.js";
6
+ import "../../Warning.es-D_eI6tLe.js";
7
+ import "../../X.es-BJ1O93El.js";
3
8
  import "react";
4
- import { w as n, s as N } from "../../notifications-NPuFDsBp.js";
5
9
  import "../../dom-Dl8XH0CK.js";
6
10
  import "../../proxy-BZcQiBrp.js";
7
- import "../../info-N5jWZg2A.js";
8
- import "../../circle-check-big-3M5lhTxx.js";
9
- import "../../triangle-alert-CHMhQ6yd.js";
10
- import "../../x-B9bYxG31.js";
11
11
  export {
12
12
  n as Notifications,
13
13
  N as useNotification
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../dom-Dl8XH0CK.js";
4
- import { a as T, T as b } from "../../tabs-ccIA7vMo.js";
4
+ import { a as T, T as b } from "../../tabs-S00a8qq8.js";
5
5
  import "../../use-stable-ref-CYh-YkID.js";
6
6
  import "../../polymorph-B5n9fs_K.js";
7
7
  import "./card.js";
@@ -1,4 +1,4 @@
1
- import { LucideProps } from "lucide-react";
1
+ import { type Icon, type IconProps } from "@phosphor-icons/react";
2
2
  import React from "react";
3
3
  import { Label } from "../../types";
4
4
  type ViewProps = {
@@ -39,9 +39,9 @@ export type CommandPaletteProps = {
39
39
  command: CommandItemTypes;
40
40
  text: string;
41
41
  }>;
42
- Icon?: React.FC<LucideProps & {
42
+ Icon?: React.FC<IconProps & {
43
43
  text: string;
44
- Default: React.FC<LucideProps>;
44
+ Default: Icon;
45
45
  }>;
46
46
  };
47
47
  export declare const CommandPalette: (props: CommandPaletteProps) => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAmE,MAAM,OAAO,CAAC;AAQxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACvD,CAAC;AAEF,KAAK,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAEpD,KAAK,mBAAmB,GAAG,WAAW,CAClC,UAAU,EACV;IACI,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;KACjE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CACJ,CAAC;AAEF,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AA8CtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC,CAAC;CACnF,CAAC;AAgCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA0LxD,CAAC"}
1
+ {"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../../src/components/floating/command-palette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAmE,MAAM,OAAO,CAAC;AAQxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,KAAK,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IACvD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CACvD,CAAC;AAEF,KAAK,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC;AAEpD,KAAK,mBAAmB,GAAG,WAAW,CAClC,UAAU,EACV;IACI,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;KACjE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CACJ,CAAC;AAEF,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AA8CtE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;CAChE,CAAC;AAgCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA0LxD,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { jsxs as c, jsx as s } from "react/jsx-runtime";
2
- import { o as v, f as x, s as y, a as R, u as p, b as D, n as N, v as P, i as C, d as I, c as M, F as O, l as S, e as j } from "../../floating-ui.react-DycKASR0.js";
2
+ import { o as v, f as x, s as y, a as R, u as p, b as D, n as N, v as P, i as C, d as I, c as M, F as O, l as S, e as j } from "../../floating-ui.react-QNHG9W4N.js";
3
3
  import { useId as A, useState as E, useEffect as H, useRef as T, useMemo as z, Fragment as U } from "react";
4
4
  const B = (e) => {
5
5
  const r = A(), [a, n] = E(e.open);
@@ -1,5 +1,5 @@
1
1
  import { jsxs as h, jsx as t } from "react/jsx-runtime";
2
- import { u as F, n as I, d as y, i as x, c as P, F as b, l as v } from "../../floating-ui.react-DycKASR0.js";
2
+ import { u as F, n as I, d as y, i as x, c as P, F as b, l as v } from "../../floating-ui.react-QNHG9W4N.js";
3
3
  import { useRef as O, useId as R, useState as j, useEffect as k } from "react";
4
4
  import { Button as C } from "../core/button.js";
5
5
  import { m as r, A as w } from "../../proxy-BZcQiBrp.js";
@@ -1,4 +1,4 @@
1
- import { LucideProps } from "lucide-react";
1
+ import { type Icon } from "@phosphor-icons/react";
2
2
  import React from "react";
3
3
  export type MenuProps = Partial<{
4
4
  hover: boolean;
@@ -19,7 +19,7 @@ export type MenuProps = Partial<{
19
19
  type MenuItemProps = {
20
20
  title: string;
21
21
  disabled?: boolean;
22
- Right?: React.FC<LucideProps>;
22
+ Right?: Icon;
23
23
  };
24
24
  export declare const MenuItem: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof MenuItemProps> & MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
25
25
  export declare const Menu: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "children" | "hover" | "open" | "asChild" | "restoreFocus" | "nested" | "isParent" | "floatingClassName" | "FloatingComponent"> & Partial<{
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAA2E,MAAM,OAAO,CAAC;AA6BhG,MAAM,MAAM,SAAS,GAAG,OAAO,CAC3B;IACI,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;CACxC,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CACzE,CAAC;AA0KF,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAE1F,eAAO,MAAM,QAAQ,oKAkCpB,CAAC;AAEF,eAAO,MAAM,IAAI;WA1NF,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WAC1B,MAAM;;WATT,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WACN,KAAK,CAAC,YAAY;WAAS,MAAM;qDA0NrE,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAA2E,MAAM,OAAO,CAAC;AA6BhG,MAAM,MAAM,SAAS,GAAG,OAAO,CAC3B;IACI,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC;CACxC,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CACzE,CAAC;AA0KF,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,QAAQ,oKAkCpB,CAAC;AAEF,eAAO,MAAM,IAAI;WA1NF,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WAC1B,MAAM;;WATT,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;cACN,OAAO;kBACH,OAAO;cACX,KAAK,CAAC,SAAS;uBACN,MAAM;uBACN,KAAK,CAAC,WAAW;;WACN,KAAK,CAAC,YAAY;WAAS,MAAM;qDA0NrE,CAAC"}