@szum-tech/design-system 3.12.3 → 3.14.0

package/dist/chunk-G24PWQKG.js

@@ -0,0 +1,20 @@
+import * as React2 from 'react';
+
+// src/hooks/use-lazy-ref.tsx
+function useLazyRef(fn) {
+  const ref = React2.useRef(null);
+  if (ref.current === null) {
+    ref.current = fn();
+  }
+  return ref;
+}
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React2.useEffect : React2.useLayoutEffect;
+function useAsRef(props) {
+  const ref = React2.useRef(props);
+  useIsomorphicLayoutEffect(() => {
+    ref.current = props;
+  });
+  return ref;
+}
+
+export { useAsRef, useIsomorphicLayoutEffect, useLazyRef };

package/dist/chunk-GEDBA3JU.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Popover(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Popover.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: chunkH2BWO3SI_cjs.cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "popover-header", className: chunkH2BWO3SI_cjs.cn("flex flex-col gap-0.5 text-sm", className), ...props });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-slot": "popover-title", className: chunkH2BWO3SI_cjs.cn("font-medium", className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { "data-slot": "popover-description", className: chunkH2BWO3SI_cjs.cn("text-muted-foreground", className), ...props });
+}
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/chunk-IZU3KULT.js

@@ -0,0 +1,41 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Popover as Popover$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Popover(props) {
+  return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ jsx(Popover$1.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+    Popover$1.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverTrigger(props) {
+  return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-0.5 text-sm", className), ...props });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h2", { "data-slot": "popover-title", className: cn("font-medium", className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props });
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/{chunk-KQ6QE7BT.cjs → chunk-MNDQXDV4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXIQUR62A_cjs = require('./chunk-XIQUR62A.cjs');
+var chunkN4TYSZSU_cjs = require('./chunk-N4TYSZSU.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -340,8 +340,8 @@ function Timeline({
   ...props
 }) {
   const dir = useDirection(dirProp);
-  const listenersRef = chunkXIQUR62A_cjs.useLazyRef(() => /* @__PURE__ */ new Set());
-  const stateRef = chunkXIQUR62A_cjs.useLazyRef(() => ({
+  const listenersRef = chunkN4TYSZSU_cjs.useLazyRef(() => /* @__PURE__ */ new Set());
+  const stateRef = chunkN4TYSZSU_cjs.useLazyRef(() => ({
     items: /* @__PURE__ */ new Map()
   }));
   const store = React2__namespace.useMemo(() => {
@@ -461,7 +461,7 @@ function TimelineItem({ asChild = false, className, id, ref, ...props }) {
     },
     [activeIndex, itemIndex]
   );
-  chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN4TYSZSU_cjs.useIsomorphicLayoutEffect(() => {
     store.onItemRegister(itemId, itemRef);
     return () => {
       store.onItemUnregister(itemId);

package/dist/chunk-N4TYSZSU.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var React2 = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+// src/hooks/use-lazy-ref.tsx
+function useLazyRef(fn) {
+  const ref = React2__namespace.useRef(null);
+  if (ref.current === null) {
+    ref.current = fn();
+  }
+  return ref;
+}
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React2__namespace.useEffect : React2__namespace.useLayoutEffect;
+function useAsRef(props) {
+  const ref = React2__namespace.useRef(props);
+  useIsomorphicLayoutEffect(() => {
+    ref.current = props;
+  });
+  return ref;
+}
+
+exports.useAsRef = useAsRef;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
+exports.useLazyRef = useLazyRef;