@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/chunk-ZCTSXNAE.mjs

@@ -0,0 +1,221 @@
+import { zuiTimelineBase, zuiTimelineItemBase, zuiTimelineConnectorBase, zuiTimelineConnectorSizes, zuiTimelineIndicatorBase, zuiTimelineIndicatorSizes, zuiTimelineIndicatorAppearances, zuiTimelineContentBase, zuiTimelineContentSizes, zuiTimelineTitleBase, zuiTimelineTitleSizes, zuiTimelineDescriptionBase, zuiTimelineDescriptionSizes } from './chunk-EP7WTIKH.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useMemo, Children, isValidElement } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var timelineVariants = cva(zuiTimelineBase);
+var timelineItemVariants = cva(zuiTimelineItemBase);
+var timelineConnectorVariants = cva(zuiTimelineConnectorBase, {
+  variants: {
+    size: zuiTimelineConnectorSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {
+  variants: {
+    appearance: zuiTimelineIndicatorAppearances,
+    size: zuiTimelineIndicatorSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var timelineContentVariants = cva(zuiTimelineContentBase, {
+  variants: {
+    size: zuiTimelineContentSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineTitleVariants = cva(zuiTimelineTitleBase, {
+  variants: {
+    size: zuiTimelineTitleSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {
+  variants: {
+    size: zuiTimelineDescriptionSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var TimelineContext = createContext(null);
+var TimelineIndexContext = createContext(null);
+var TimelineItemContext = createContext(null);
+function useTimelineContext(component) {
+  const ctx = useContext(TimelineContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Timeline>`);
+  }
+  return ctx;
+}
+function useTimelineIndex(component) {
+  const index = useContext(TimelineIndexContext);
+  if (index === null) {
+    throw new Error(`${component} must be used within <Timeline>`);
+  }
+  return index;
+}
+function useTimelineSize() {
+  return useContext(TimelineContext)?.size ?? "md";
+}
+function useTimelineIsLast() {
+  return useContext(TimelineItemContext)?.isLast ?? false;
+}
+function Timeline({
+  appearance = "default",
+  size = "md",
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const items = useMemo(
+    () => Children.toArray(children).filter(isValidElement),
+    [children]
+  );
+  const ctx = useMemo(
+    () => ({
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      total: items.length
+    }),
+    [appearance, size, items.length]
+  );
+  return /* @__PURE__ */ jsx(TimelineContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      "data-slot": "timeline",
+      className: cn(timelineVariants(), "m-0 list-none p-0", className),
+      ...rest,
+      children: items.map((child, index) => /* @__PURE__ */ jsx(TimelineIndexContext.Provider, { value: index, children: child }, child.key))
+    }
+  ) });
+}
+Timeline.displayName = "Timeline";
+function TimelineItem({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const { size, total } = useTimelineContext("TimelineItem");
+  const index = useTimelineIndex("TimelineItem");
+  const isLast = index === total - 1;
+  const itemCtx = useMemo(
+    () => ({ index, isLast }),
+    [index, isLast]
+  );
+  return /* @__PURE__ */ jsx(TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      "data-slot": "timeline-item",
+      "data-last": isLast ? "" : void 0,
+      className: cn(timelineItemVariants(), className),
+      ...rest,
+      children: [
+        !isLast ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "timeline-connector",
+            className: timelineConnectorVariants({ size })
+          }
+        ) : null,
+        children
+      ]
+    }
+  ) });
+}
+TimelineItem.displayName = "TimelineItem";
+function TimelineIndicator({
+  className,
+  appearance,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance: rootAppearance, size } = useTimelineContext("TimelineIndicator");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-indicator",
+      className: cn(
+        timelineIndicatorVariants({
+          appearance: appearance ?? rootAppearance,
+          size
+        }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TimelineIndicator.displayName = "TimelineIndicator";
+function TimelineContent({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  const isLast = useTimelineIsLast();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-content",
+      className: cn(
+        timelineContentVariants({ size }),
+        isLast && "pb-0",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+TimelineContent.displayName = "TimelineContent";
+function TimelineTitle({
+  className,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "timeline-title",
+      className: cn(timelineTitleVariants({ size }), className),
+      ...rest
+    }
+  );
+}
+TimelineTitle.displayName = "TimelineTitle";
+function TimelineDescription({
+  className,
+  ref,
+  ...rest
+}) {
+  const size = useTimelineSize();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      "data-slot": "timeline-description",
+      className: cn(timelineDescriptionVariants({ size }), className),
+      ...rest
+    }
+  );
+}
+TimelineDescription.displayName = "TimelineDescription";
+
+export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineItemContext, TimelineTitle, timelineConnectorVariants, timelineContentVariants, timelineDescriptionVariants, timelineIndicatorVariants, timelineItemVariants, timelineTitleVariants, timelineVariants, useTimelineContext, useTimelineIndex };
+//# sourceMappingURL=chunk-ZCTSXNAE.mjs.map
+//# sourceMappingURL=chunk-ZCTSXNAE.mjs.map

package/dist/chunk-ZCTSXNAE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/timeline/variants.ts","../src/ui/timeline/timeline-base.tsx"],"names":[],"mappings":"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","file":"chunk-ZCTSXNAE.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTimelineBase,\n  zuiTimelineConnectorBase,\n  zuiTimelineConnectorSizes,\n  zuiTimelineContentBase,\n  zuiTimelineContentSizes,\n  zuiTimelineDescriptionBase,\n  zuiTimelineDescriptionSizes,\n  zuiTimelineIndicatorAppearances,\n  zuiTimelineIndicatorBase,\n  zuiTimelineIndicatorSizes,\n  zuiTimelineItemBase,\n  zuiTimelineTitleBase,\n  zuiTimelineTitleSizes,\n} from \"../../design-system/timeline\";\n\nexport const timelineVariants = cva(zuiTimelineBase);\n\nexport const timelineItemVariants = cva(zuiTimelineItemBase);\n\nexport const timelineConnectorVariants = cva(zuiTimelineConnectorBase, {\n  variants: {\n    size: zuiTimelineConnectorSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineIndicatorVariants = cva(zuiTimelineIndicatorBase, {\n  variants: {\n    appearance: zuiTimelineIndicatorAppearances,\n    size: zuiTimelineIndicatorSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const timelineContentVariants = cva(zuiTimelineContentBase, {\n  variants: {\n    size: zuiTimelineContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineTitleVariants = cva(zuiTimelineTitleBase, {\n  variants: {\n    size: zuiTimelineTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const timelineDescriptionVariants = cva(zuiTimelineDescriptionBase, {\n  variants: {\n    size: zuiTimelineDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TimelineContentProps,\n  TimelineCtx,\n  TimelineDescriptionProps,\n  TimelineIndicatorProps,\n  TimelineItemCtx,\n  TimelineItemProps,\n  TimelineProps,\n  TimelineSize,\n  TimelineTitleProps,\n} from \"./types\";\nimport {\n  timelineConnectorVariants,\n  timelineContentVariants,\n  timelineDescriptionVariants,\n  timelineIndicatorVariants,\n  timelineItemVariants,\n  timelineTitleVariants,\n  timelineVariants,\n} from \"./variants\";\n\nconst TimelineContext = createContext<TimelineCtx | null>(null);\n\nconst TimelineIndexContext = createContext<number | null>(null);\n\nexport const TimelineItemContext = createContext<TimelineItemCtx | null>(null);\n\nexport function useTimelineContext(component: string): TimelineCtx {\n  const ctx = useContext(TimelineContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return ctx;\n}\n\nexport function useTimelineIndex(component: string): number {\n  const index = useContext(TimelineIndexContext);\n  if (index === null) {\n    throw new Error(`${component} must be used within <Timeline>`);\n  }\n  return index;\n}\n\nfunction useTimelineSize(): TimelineSize {\n  return useContext(TimelineContext)?.size ?? \"md\";\n}\n\nfunction useTimelineIsLast(): boolean {\n  return useContext(TimelineItemContext)?.isLast ?? false;\n}\n\nexport function Timeline({\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineProps) {\n  const items = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const ctx = useMemo<TimelineCtx>(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      total: items.length,\n    }),\n    [appearance, size, items.length],\n  );\n\n  return (\n    <TimelineContext.Provider value={ctx}>\n      <ol\n        ref={ref}\n        data-slot=\"timeline\"\n        className={cn(timelineVariants(), \"m-0 list-none p-0\", className)}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <TimelineIndexContext.Provider key={child.key} value={index}>\n            {child}\n          </TimelineIndexContext.Provider>\n        ))}\n      </ol>\n    </TimelineContext.Provider>\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport function TimelineItem({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineItemProps) {\n  const { size, total } = useTimelineContext(\"TimelineItem\");\n  const index = useTimelineIndex(\"TimelineItem\");\n  const isLast = index === total - 1;\n  const itemCtx = useMemo<TimelineItemCtx>(\n    () => ({ index, isLast }),\n    [index, isLast],\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemCtx}>\n      <li\n        ref={ref}\n        data-slot=\"timeline-item\"\n        data-last={isLast ? \"\" : undefined}\n        className={cn(timelineItemVariants(), className)}\n        {...rest}\n      >\n        {!isLast ? (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"timeline-connector\"\n            className={timelineConnectorVariants({ size })}\n          />\n        ) : null}\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport function TimelineIndicator({\n  className,\n  appearance,\n  children,\n  ref,\n  ...rest\n}: TimelineIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const { appearance: rootAppearance, size } =\n    useTimelineContext(\"TimelineIndicator\");\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-indicator\"\n      className={cn(\n        timelineIndicatorVariants({\n          appearance: appearance ?? rootAppearance,\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineIndicator.displayName = \"TimelineIndicator\";\n\nexport function TimelineContent({\n  className,\n  children,\n  ref,\n  ...rest\n}: TimelineContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  const isLast = useTimelineIsLast();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-content\"\n      className={cn(\n        timelineContentVariants({ size }),\n        isLast && \"pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTimelineContent.displayName = \"TimelineContent\";\n\nexport function TimelineTitle({\n  className,\n  ref,\n  ...rest\n}: TimelineTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const size = useTimelineSize();\n  return (\n    <div\n      ref={ref}\n      data-slot=\"timeline-title\"\n      className={cn(timelineTitleVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineTitle.displayName = \"TimelineTitle\";\n\nexport function TimelineDescription({\n  className,\n  ref,\n  ...rest\n}: TimelineDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n  const size = useTimelineSize();\n  return (\n    <p\n      ref={ref}\n      data-slot=\"timeline-description\"\n      className={cn(timelineDescriptionVariants({ size }), className)}\n      {...rest}\n    />\n  );\n}\n\nTimelineDescription.displayName = \"TimelineDescription\";\n"]}