@cryptlex/web-components 1.3.4 → 1.3.5

package/tailwind.preset.ts

@@ -20,65 +20,65 @@ export default {
     },
     fontSize: {
       // text-caption
-      caption: [
-        "var(--font-sm)",
+      'caption': [
+        'var(--font-sm)',
         {
-          lineHeight: "1.5"
+          lineHeight: '1.5',
         },
       ],
       // text-body
-      body: [
-        "var(--font-base)",
+      'body': [
+        'var(--font-base)',
         {
-          lineHeight: "1.6",
+          lineHeight: '1.6',
         },
       ],
       // text-heading-6
-      "heading-6": [
-        "var(--font-base)",
+      'heading-6': [
+        'var(--font-base)',
         {
-          lineHeight: "1.2",
-          fontWeight: 700
+          lineHeight: '1.2',
+          fontWeight: 700,
         },
       ],
       // text-heading-5
-      "heading-5": [
-        "var(--font-md)",
+      'heading-5': [
+        'var(--font-md)',
         {
-          lineHeight: "1.2"
+          lineHeight: '1.2',
         },
       ],
       // text-heading-4
-      "heading-4": [
-        "var(--font-lg)",
+      'heading-4': [
+        'var(--font-lg)',
         {
-          lineHeight: "1.2",
-          fontWeight: 500
+          lineHeight: '1.2',
+          fontWeight: 500,
         },
       ],
       // text-heading-3
-      "heading-3": [
-        "var(--font-xl)",
+      'heading-3': [
+        'var(--font-xl)',
         {
-          lineHeight: "1.1",
-          fontWeight: 500
+          lineHeight: '1.1',
+          fontWeight: 500,
         },
       ],
 
       // text-heading-2
-      "heading-2": [
-        "var(--font-2xl)",
+      'heading-2': [
+        'var(--font-2xl)',
         {
-          lineHeight: "1",
-          fontWeight: 300
+          lineHeight: '1',
+          fontWeight: 300,
         },
       ],
 
       // text-heading-1
-      "heading-1": [
-        "var(--font-3xl)",
+      'heading-1': [
+        'var(--font-3xl)',
         {
-          lineHeight: "1",
+          lineHeight: '1',
         },
       ],
     },
@@ -100,15 +100,15 @@ export default {
       primary: {
         DEFAULT: 'oklch(var(--primary) / <alpha-value>)',
         foreground: 'oklch(var(--primary-foreground) / <alpha-value>)',
-        ...tokenRamps('primary')
+        ...tokenRamps('primary'),
       },
       secondary: {
         DEFAULT: 'oklch(var(--secondary) / <alpha-value>)',
         foreground: 'oklch(var(--secondary-foreground) / <alpha-value>)',
-        ...tokenRamps('secondary')
+        ...tokenRamps('secondary'),
       },
       neutral: {
-        ...tokenRamps('neutral')
+        ...tokenRamps('neutral'),
       },
       muted: {
         DEFAULT: 'oklch(var(--muted) / <alpha-value>)',
@@ -121,12 +121,12 @@ export default {
       destructive: {
         DEFAULT: 'oklch(var(--destructive) / <alpha-value>)',
         foreground: 'oklch(var(--destructive-foreground) / <alpha-value>)',
-        ...tokenRamps('destructive')
+        ...tokenRamps('destructive'),
       },
       success: {
         DEFAULT: 'oklch(var(--success) / <alpha-value>)',
         foreground: 'oklch(var(--success-foreground) / <alpha-value>)',
-        ...tokenRamps('success')
+        ...tokenRamps('success'),
       },
       border: 'oklch(var(--border) / <alpha-value>)',
       input: 'oklch(var(--input) / <alpha-value>)',
@@ -142,42 +142,50 @@ export default {
         DEFAULT: 'oklch(var(--sidebar-background) / <alpha-value>)',
         foreground: 'oklch(var(--sidebar-foreground) / <alpha-value>)',
         primary: 'oklch(var(--sidebar-primary) / <alpha-value>)',
-        primaryForeground:
-          'oklch(var(--sidebar-primary-foreground) / <alpha-value>)',
+        primaryForeground: 'oklch(var(--sidebar-primary-foreground) / <alpha-value>)',
         accent: 'oklch(var(--sidebar-accent) / <alpha-value>)',
-        accentForeground:
-          'oklch(var(--sidebar-accent-foreground) / <alpha-value>)',
+        accentForeground: 'oklch(var(--sidebar-accent-foreground) / <alpha-value>)',
         border: 'oklch(var(--sidebar-border) / <alpha-value>)',
         ring: 'oklch(var(--sidebar-ring) / <alpha-value>)',
       },
     },
     extend: {
       gridTemplateColumns: {
-        'fluid': "repeat(auto-fill, minmax(var(--grid-fluid-min), 1fr))"
+        fluid: 'repeat(auto-fill, minmax(var(--grid-fluid-min), 1fr))',
       },
       keyframes: {
         'accordion-down': {
           from: {
-            height: '0'
+            height: '0',
           },
           to: {
-            height: 'var(--radix-accordion-content-height)'
-          }
+            height: 'var(--radix-accordion-content-height)',
+          },
         },
         'accordion-up': {
           from: {
-            height: 'var(--radix-accordion-content-height)'
+            height: 'var(--radix-accordion-content-height)',
           },
           to: {
-            height: '0'
-          }
-        }
+            height: '0',
+          },
+        },
+        'collapsible-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)' },
+        },
+        'collapsible-up': {
+          from: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: '0' },
+        },
       },
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out'
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'collapsible-down': 'collapsible-down 0.2s ease-out',
+        'collapsible-up': 'collapsible-up 0.2s ease-out',
       },
-    }
+    },
   },
   plugins: [require('tailwindcss-animate')], // Include any plugins you need
 } satisfies Config;

package/dist/components/info-card/info-card.es.js

@@ -1,71 +0,0 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { Badge as n } from "../ui/badge.es.js";
-import "../ui/accordion.es.js";
-import "../ui/avatar.es.js";
-import "../ui/breadcrumb.es.js";
-import "../ui/button.es.js";
-import "../ui/calendar.es.js";
-import { Card as c, CardHeader as d, CardTitle as f, CardContent as x } from "../ui/card.es.js";
-import "../ui/chart.es.js";
-import "../ui/checkbox.es.js";
-import "@radix-ui/react-collapsible";
-import "../ui/command.es.js";
-import "../ui/dialog.es.js";
-import "../ui/drawer.es.js";
-import "../ui/dropdown-menu.es.js";
-import "../ui/form.es.js";
-import "../ui/input.es.js";
-import "../ui/input-otp.es.js";
-import "../ui/label.es.js";
-import "lucide-react";
-import "../ui/mutli-select.es.js";
-import "../ui/navigation-menu.es.js";
-import "../ui/pagination.es.js";
-import "../ui/password-input.es.js";
-import "../ui/popover.es.js";
-import "../ui/radio-group.es.js";
-import "react";
-import "../ui/select.es.js";
-import "../ui/separator.es.js";
-import "../ui/sheet.es.js";
-import "../ui/sidebar.es.js";
-import { Skeleton as u } from "../ui/skeleton.es.js";
-import "sonner";
-import "../ui/table.es.js";
-import "../ui/tabs.es.js";
-import "../ui/tooltip.es.js";
-const Z = ({ data: p, label: s, fields: e }) => {
-  const l = (r, t) => {
-    if (r.transform)
-      return r.transform(t);
-    switch (r.type) {
-      case "badge":
-        return /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: Array.isArray(t) ? t.map((i, m) => /* @__PURE__ */ o(n, { variant: "secondary", children: typeof i == "object" ? i.name || i.id : i }, m)) : t });
-      case "boolean":
-        return t.toString();
-      default:
-        return t ?? "";
-    }
-  };
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: s }) }),
-    /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: p ? e.map((r) => {
-      const t = r.accessor ? r.accessor.split(".").reduce((i, m) => i == null ? void 0 : i[m], p) : null;
-      return /* @__PURE__ */ a(
-        "div",
-        {
-          className: "flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0",
-          children: [
-            /* @__PURE__ */ o("p", { className: "text-sm flex w-full justify-start  font-semibold text-muted-foreground col-span-1", children: r.display }),
-            /* @__PURE__ */ o("div", { className: "text-sm flex w-full justify-start text-wrap", children: l(r, t) })
-          ]
-        },
-        r.display
-      );
-    }) : e.map((r, t) => /* @__PURE__ */ o(u, { className: "h-12 w-full" }, t)) }) })
-  ] });
-};
-export {
-  Z as InfoCard
-};
-//# sourceMappingURL=info-card.es.js.map

package/dist/components/info-card/info-card.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-card.es.js","sources":["../../../lib/components/info-card/info-card.tsx"],"sourcesContent":["import { Badge } from '@/components/ui/badge';\nimport { Card, CardContent, CardHeader, CardTitle, Skeleton } from '@/index';\n\nexport type DisplayField = {\n  display: string;\n  accessor: string;\n  type?: 'text' | 'badge' | 'boolean';\n  transform?: (value: any) => React.ReactNode;\n};\n\nexport interface InfoCardProps {\n  data: Record<string, any>;\n  label: string;\n  fields: DisplayField[];\n  className?: string;\n}\n\nexport const InfoCard: React.FC<InfoCardProps> = ({ data, label, fields }) => {\n  const renderValue = (field: DisplayField, value: any) => {\n    // Custom transform if provided\n    if (field.transform) {\n      return field.transform(value);\n    }\n\n    // Handle specific types\n    switch (field.type) {\n      case 'badge':\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {Array.isArray(value)\n              ? value.map((item, index) => (\n                  <Badge key={index} variant=\"secondary\">\n                    {typeof item === 'object' ? item.name || item.id : item}\n                  </Badge>\n                ))\n              : value}\n          </div>\n        );\n\n      case 'boolean':\n        return value.toString();\n      default:\n        return value ?? '';\n    }\n  };\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>{label}</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-col gap-1\">\n          {data\n            ? fields.map((field) => {\n                const value = field.accessor\n                  ? field.accessor.split('.').reduce((obj, key) => obj?.[key], data)\n                  : null;\n\n                return (\n                  <div\n                    key={field.display}\n                    className=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n                  >\n                    <p className=\"text-sm flex w-full justify-start  font-semibold text-muted-foreground col-span-1\">\n                      {field.display}\n                    </p>\n                    <div className=\"text-sm flex w-full justify-start text-wrap\">\n                      {renderValue(field, value)}\n                    </div>\n                  </div>\n                );\n              })\n            : fields.map((_, index) => <Skeleton key={index} className=\"h-12 w-full\" />)}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["InfoCard","data","label","fields","renderValue","field","value","jsx","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","jsxs","_","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoC,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,QAAAC,QAAa;AACtE,QAAAC,IAAc,CAACC,GAAqBC,MAAe;AAEvD,QAAID,EAAM;AACD,aAAAA,EAAM,UAAUC,CAAK;AAI9B,YAAQD,EAAM,MAAM;AAAA,MAClB,KAAK;AACH,eACG,gBAAAE,EAAA,OAAA,EAAI,WAAU,wBACZ,UAAM,MAAA,QAAQD,CAAK,IAChBA,EAAM,IAAI,CAACE,GAAMC,MACf,gBAAAF,EAACG,GAAkB,EAAA,SAAQ,aACxB,UAAA,OAAOF,KAAS,WAAWA,EAAK,QAAQA,EAAK,KAAKA,EADzC,GAAAC,CAEZ,CACD,IACDH,GACN;AAAA,MAGJ,KAAK;AACH,eAAOA,EAAM,SAAS;AAAA,MACxB;AACE,eAAOA,KAAS;AAAA,IAAA;AAAA,EAEtB;AAEA,2BACGK,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACM,GAAW,EAAA,UAAAX,EAAM,CAAA,GACpB;AAAA,IACA,gBAAAK,EAACO,GACC,EAAA,UAAA,gBAAAP,EAAC,OAAI,EAAA,WAAU,uBACZ,UACGN,IAAAE,EAAO,IAAI,CAACE,MAAU;AACpB,YAAMC,IAAQD,EAAM,WAChBA,EAAM,SAAS,MAAM,GAAG,EAAE,OAAO,CAACU,GAAKC,MAAQD,KAAA,gBAAAA,EAAMC,IAAMf,CAAI,IAC/D;AAGF,aAAA,gBAAAgB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAV,EAAC,KAAE,EAAA,WAAU,qFACV,UAAAF,EAAM,SACT;AAAA,8BACC,OAAI,EAAA,WAAU,+CACZ,UAAYD,EAAAC,GAAOC,CAAK,EAC3B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QARKD,EAAM;AAAA,MASb;AAAA,IAEH,CAAA,IACDF,EAAO,IAAI,CAACe,GAAGT,MAAW,gBAAAF,EAAAY,GAAA,EAAqB,WAAU,cAAA,GAAjBV,CAA+B,CAAE,EAC/E,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}