@cryptlex/web-components 3.3.2 → 3.3.3

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.
@@ -1,11 +1,14 @@
1
- import { jsx as n, jsxs as a } from "react/jsx-runtime";
1
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
2
2
  import { Separator as c } from "./separator.es.js";
3
- import { cn as i } from "../../utils/index.es.js";
4
- import { cva as l } from "class-variance-authority";
3
+ import { cn as n } from "../../utils/index.es.js";
4
+ import { cva as m } from "class-variance-authority";
5
5
  function p({ className: t, ...e }) {
6
- return /* @__PURE__ */ n("ol", { className: i("flex flex-col gap-4", t), ...e });
6
+ return /* @__PURE__ */ i("ol", { className: n("grid grid-col-1 gap-4", t), ...e });
7
7
  }
8
- const m = l(
8
+ function v({ className: t, ...e }) {
9
+ return /* @__PURE__ */ i("li", { className: n("grid grid-cols-[4rem_2rem_1fr] max-w-md grid-rows-subgrid list-none gap-4", t), ...e });
10
+ }
11
+ const l = m(
9
12
  "p-1 rounded-full",
10
13
  {
11
14
  variants: {
@@ -20,28 +23,25 @@ const m = l(
20
23
  }
21
24
  }
22
25
  );
23
- function x({ className: t, ...e }) {
24
- return /* @__PURE__ */ n("li", { className: i("flex list-none gap-4", t), ...e });
25
- }
26
- function v({ icon: t, className: e, variant: r, ...o }) {
26
+ function x({ icon: t, className: e, variant: r, ...o }) {
27
27
  return /* @__PURE__ */ a("div", { ...o, className: "flex flex-col items-center gap-2", children: [
28
- /* @__PURE__ */ n("div", { className: i(m({ variant: r, className: e })), children: /* @__PURE__ */ n(t, { className: "size-icon " }) }),
29
- /* @__PURE__ */ n(c, { decorative: !0, orientation: "vertical" })
28
+ /* @__PURE__ */ i("div", { className: n(l({ variant: r, className: e })), children: /* @__PURE__ */ i(t, { className: "size-icon " }) }),
29
+ /* @__PURE__ */ i(c, { decorative: !0, orientation: "vertical" })
30
30
  ] });
31
31
  }
32
32
  function N({ className: t, date: e, dateFormatter: r, ...o }) {
33
33
  const s = `${(e.getMonth() + 1).toString().padStart(2, "0")}-${e.getFullYear()}`;
34
- return /* @__PURE__ */ n("time", { ...o, dateTime: e.toISOString(), className: i("font-mono leading-none text-muted", t), children: r ? r(e) : s });
34
+ return /* @__PURE__ */ i("time", { ...o, dateTime: e.toISOString(), className: n("font-mono leading-none text-muted", t), children: r ? r(e) : s });
35
35
  }
36
36
  function T({ className: t, ...e }) {
37
- return /* @__PURE__ */ n("section", { className: i("", t), ...e });
37
+ return /* @__PURE__ */ i("section", { className: n("", t), ...e });
38
38
  }
39
39
  export {
40
40
  p as Timeline,
41
41
  T as TimelineContent,
42
42
  N as TimelineDate,
43
- v as TimelineIcon,
44
- x as TimelineItem,
45
- m as timelineIconVariants
43
+ x as TimelineIcon,
44
+ v as TimelineItem,
45
+ l as timelineIconVariants
46
46
  };
47
47
  //# sourceMappingURL=timeline.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"timeline.es.js","sources":["../../../lib/components/ui/timeline.tsx"],"sourcesContent":["import { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { LucideIcon } from \"lucide-react\";\n\nexport function Timeline({ className, ...props }: React.ComponentProps<'ol'>) {\n return <ol className={cn(\"flex flex-col gap-4\", className)} {...props} />\n}\n\nexport const timelineIconVariants = cva(\n `p-1 rounded-full`,\n {\n variants: {\n variant: {\n destructive: \"text-destructive-foreground bg-destructive\",\n success: \"text-success-foreground bg-success\",\n muted: \"text-muted-foreground bg-muted\",\n },\n },\n defaultVariants: {\n variant: \"muted\",\n },\n },\n);\nexport function TimelineItem({ className, ...props }: React.ComponentProps<'li'> & {}) {\n\n return (\n <li className={cn(\"flex list-none gap-4\", className)} {...props} />\n )\n}\n\nexport function TimelineIcon({ icon: Icon, className, variant, ...props }: Omit<React.ComponentProps<'div'>, 'children'> & VariantProps<typeof timelineIconVariants> & {\n icon: LucideIcon\n}) {\n return <div {...props} className=\"flex flex-col items-center gap-2\">\n <div className={cn(timelineIconVariants({ variant, className }))}>\n <Icon className=\"size-icon \" />\n </div>\n <Separator decorative orientation=\"vertical\" />\n </div>\n}\n\nexport function TimelineDate({ className, date, dateFormatter, ...props }: Omit<React.ComponentProps<'time'>, 'dateTime' | 'children'> & {\n date: Date\n dateFormatter?: (d: Date) => string;\n}) {\n const defaultDateDisplay = `${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getFullYear()}`;\n return <time {...props} dateTime={date.toISOString()} className={cn(\"font-mono leading-none text-muted\", className)}>{dateFormatter ? dateFormatter(date) : defaultDateDisplay}</time>\n}\n\nexport function TimelineContent({ className, ...props }: React.ComponentProps<'section'>) {\n return <section className={cn(\"\", className)} {...props} />;\n}"],"names":["Timeline","className","props","jsx","cn","timelineIconVariants","cva","TimelineItem","TimelineIcon","Icon","variant","jsxs","Separator","TimelineDate","date","dateFormatter","defaultDateDisplay","TimelineContent"],"mappings":";;;;AAKO,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAqC;AACnE,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,uBAAuBH,CAAS,GAAI,GAAGC,GAAO;AAC3E;AAEO,MAAMG,IAAuBC;AAAA,EAChC;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AACO,SAASC,EAAa,EAAE,WAAAN,GAAW,GAAGC,KAA0C;AAG/E,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,wBAAwBH,CAAS,GAAI,GAAGC,GAAO;AAEzE;AAEgB,SAAAM,EAAa,EAAE,MAAMC,GAAM,WAAAR,GAAW,SAAAS,GAAS,GAAGR,KAE/D;AACC,SAAQ,gBAAAS,EAAA,OAAA,EAAK,GAAGT,GAAO,WAAU,oCAC7B,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAGC,EAAqB,EAAE,SAAAK,GAAS,WAAAT,EAAA,CAAW,CAAC,GAC3D,UAAA,gBAAAE,EAACM,GAAK,EAAA,WAAU,aAAa,CAAA,GACjC;AAAA,IACC,gBAAAN,EAAAS,GAAA,EAAU,YAAU,IAAC,aAAY,WAAW,CAAA;AAAA,EAAA,GACjD;AACJ;AAEO,SAASC,EAAa,EAAE,WAAAZ,GAAW,MAAAa,GAAM,eAAAC,GAAe,GAAGb,KAG/D;AACC,QAAMc,IAAqB,IAAIF,EAAK,SAAA,IAAa,GAAG,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIA,EAAK,aAAa;AACrG,2BAAQ,QAAM,EAAA,GAAGZ,GAAO,UAAUY,EAAK,YAAY,GAAG,WAAWV,EAAG,qCAAqCH,CAAS,GAAI,cAAgBc,EAAcD,CAAI,IAAIE,GAAmB;AACnL;AAEO,SAASC,EAAgB,EAAE,WAAAhB,GAAW,GAAGC,KAA0C;AAC/E,SAAA,gBAAAC,EAAC,aAAQ,WAAWC,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO;AAC7D;"}
1
+ {"version":3,"file":"timeline.es.js","sources":["../../../lib/components/ui/timeline.tsx"],"sourcesContent":["import { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { LucideIcon } from \"lucide-react\";\n\nexport function Timeline({ className, ...props }: React.ComponentProps<'ol'>) {\n return <ol className={cn(\"grid grid-col-1 gap-4\", className)} {...props} />\n}\n\nexport function TimelineItem({ className, ...props }: React.ComponentProps<'li'> & {}) {\n return (\n <li className={cn(\"grid grid-cols-[4rem_2rem_1fr] max-w-md grid-rows-subgrid list-none gap-4\", className)} {...props} />\n )\n}\n\nexport const timelineIconVariants = cva(\n `p-1 rounded-full`,\n {\n variants: {\n variant: {\n destructive: \"text-destructive-foreground bg-destructive\",\n success: \"text-success-foreground bg-success\",\n muted: \"text-muted-foreground bg-muted\",\n },\n },\n defaultVariants: {\n variant: \"muted\",\n },\n },\n);\n\nexport function TimelineIcon({ icon: Icon, className, variant, ...props }: Omit<React.ComponentProps<'div'>, 'children'> & VariantProps<typeof timelineIconVariants> & {\n icon: LucideIcon\n}) {\n return <div {...props} className=\"flex flex-col items-center gap-2\">\n <div className={cn(timelineIconVariants({ variant, className }))}>\n <Icon className=\"size-icon \" />\n </div>\n <Separator decorative orientation=\"vertical\" />\n </div>\n}\n\nexport function TimelineDate({ className, date, dateFormatter, ...props }: Omit<React.ComponentProps<'time'>, 'dateTime' | 'children'> & {\n date: Date\n dateFormatter?: (d: Date) => string;\n}) {\n const defaultDateDisplay = `${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getFullYear()}`;\n return <time {...props} dateTime={date.toISOString()} className={cn(\"font-mono leading-none text-muted\", className)}>{dateFormatter ? dateFormatter(date) : defaultDateDisplay}</time>\n}\n\nexport function TimelineContent({ className, ...props }: React.ComponentProps<'section'>) {\n return <section className={cn(\"\", className)} {...props} />;\n}"],"names":["Timeline","className","props","jsx","cn","TimelineItem","timelineIconVariants","cva","TimelineIcon","Icon","variant","jsxs","Separator","TimelineDate","date","dateFormatter","defaultDateDisplay","TimelineContent"],"mappings":";;;;AAKO,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAqC;AACnE,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,yBAAyBH,CAAS,GAAI,GAAGC,GAAO;AAC7E;AAEO,SAASG,EAAa,EAAE,WAAAJ,GAAW,GAAGC,KAA0C;AAE/E,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,6EAA6EH,CAAS,GAAI,GAAGC,GAAO;AAE9H;AAEO,MAAMI,IAAuBC;AAAA,EAChC;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAEgB,SAAAC,EAAa,EAAE,MAAMC,GAAM,WAAAR,GAAW,SAAAS,GAAS,GAAGR,KAE/D;AACC,SAAQ,gBAAAS,EAAA,OAAA,EAAK,GAAGT,GAAO,WAAU,oCAC7B,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAGE,EAAqB,EAAE,SAAAI,GAAS,WAAAT,EAAA,CAAW,CAAC,GAC3D,UAAA,gBAAAE,EAACM,GAAK,EAAA,WAAU,aAAa,CAAA,GACjC;AAAA,IACC,gBAAAN,EAAAS,GAAA,EAAU,YAAU,IAAC,aAAY,WAAW,CAAA;AAAA,EAAA,GACjD;AACJ;AAEO,SAASC,EAAa,EAAE,WAAAZ,GAAW,MAAAa,GAAM,eAAAC,GAAe,GAAGb,KAG/D;AACC,QAAMc,IAAqB,IAAIF,EAAK,SAAA,IAAa,GAAG,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIA,EAAK,aAAa;AACrG,2BAAQ,QAAM,EAAA,GAAGZ,GAAO,UAAUY,EAAK,YAAY,GAAG,WAAWV,EAAG,qCAAqCH,CAAS,GAAI,cAAgBc,EAAcD,CAAI,IAAIE,GAAmB;AACnL;AAEO,SAASC,EAAgB,EAAE,WAAAhB,GAAW,GAAGC,KAA0C;AAC/E,SAAA,gBAAAC,EAAC,aAAQ,WAAWC,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO;AAC7D;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptlex/web-components",
3
- "version": "3.3.2",
3
+ "version": "3.3.3",
4
4
  "description": "React component library for Cryptlex web applications",
5
5
  "author": "Cryptlex",
6
6
  "type": "module",