geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/unstyled/hover-card/hover-card-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\n\nimport { cn } from '@/lib/utils'\n\nconst HoverCard = HoverCardPrimitive.Root\nconst HoverCardTrigger = HoverCardPrimitive.Trigger\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',\n      className\n    )}\n    {...props}\n  />\n))\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"names":["HoverCard","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAOA,MAAMA,IAAYC,EAAmB,MAC/BC,IAAmBD,EAAmB,SAEtCE,IAAmBC,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5D,gBAAAL,EAAA;AAAA,EAACH,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAiB,cAAcF,EAAmB,QAAQ;"}
+{"version":3,"file":"index.es55.js","sources":["../src/components/ui/credits-indicator/credits-indicator.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Clock } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\nimport Tooltip from '@/components/atoms/tooltip'\n\nimport { CreditsIndicatorProps } from './credits-indicator.types'\nimport {\n  CreditsIndicatorVariants,\n  CreditsPillVariants,\n} from './credits-indicator.styles'\n\nfunction formatCompact(n: number): string {\n  if (n >= 1_000_000) {\n    return `${parseFloat((n / 1_000_000).toFixed(2))}M`\n  }\n  if (n >= 1_000) {\n    return `${parseFloat((n / 1_000).toFixed(2))}k`\n  }\n  return String(n)\n}\n\nconst CreditsIndicator = React.forwardRef<\n  HTMLDivElement,\n  CreditsIndicatorProps\n>(\n  (\n    {\n      remaining,\n      total,\n      collapsed = false,\n      label = 'Credits',\n      topUpLabel = 'Top up',\n      onTopUp,\n      topUpWrapper,\n      size,\n      className,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const safeTotal = Math.max(total, 0)\n    const safeRemaining = Math.min(Math.max(remaining, 0), safeTotal)\n    const pct = safeTotal === 0 ? 0 : (safeRemaining / safeTotal) * 100\n    const tooltipContent = `${safeRemaining.toLocaleString()} / ${safeTotal.toLocaleString()} ${label.toLowerCase()}`\n\n    if (collapsed) {\n      const pill = (\n        <div\n          ref={ref}\n          id={id}\n          className={cn(CreditsPillVariants({ size }), className)}\n          {...props}\n        >\n          <Clock className=\"w-3.5 h-3.5 text-[rgb(var(--primary-300))]\" />\n          <Typography variant=\"body1\" className=\"text-white fleading-none\">\n            {formatCompact(safeRemaining)}\n          </Typography>\n          <div className=\"w-full h-1 overflow-hidden rounded bg-white/15\">\n            <div\n              className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n        </div>\n      )\n      return (\n        <Tooltip\n          content=\"\"\n          headerText={tooltipContent}\n          side=\"right\"\n          sideOffset={12}\n          delayDuration={100}\n          triggerElement={pill}\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cn(CreditsIndicatorVariants({ size }), className)}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between\">\n          <Typography\n            variant=\"body6\"\n            className=\"font-semibold tracking-wider text-white/50\"\n          >\n            {label}\n          </Typography>\n          {(onTopUp || topUpWrapper) &&\n            (() => {\n              const topUpButton = (\n                <button\n                  type=\"button\"\n                  onClick={onTopUp}\n                  className=\"inline-flex items-center gap-0.5 text-[rgb(var(--primary-400))] hover:text-[rgb(var(--primary-200))] transition-colors\"\n                >\n                  <Typography variant=\"body6\" className=\"font-semibold\">\n                    {topUpLabel}\n                  </Typography>\n                  <img\n                    src=\"https://frontend-static-files.geoiq.io/strapi/icons_v5_61a46c180e/icons_v5_61a46c180e.svg\"\n                    alt=\"\"\n                    className=\"w-3 h-3\"\n                  />\n                </button>\n              )\n              return topUpWrapper ? topUpWrapper(topUpButton) : topUpButton\n            })()}\n        </div>\n\n        <div className=\"flex items-baseline gap-1\">\n          <Typography variant=\"body1\" className=\"text-white \">\n            {safeRemaining.toLocaleString()}\n          </Typography>\n          <Typography variant=\"body1\" className=\"text-white \">\n            remaining\n          </Typography>\n          <Typography variant=\"body6\" className=\"text-white/40\">\n            / {safeTotal.toLocaleString()}\n          </Typography>\n        </div>\n\n        <div className=\"w-full h-1 overflow-hidden rounded bg-white/10\">\n          <div\n            className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nCreditsIndicator.displayName = 'CreditsIndicator'\n\nexport { CreditsIndicator, CreditsIndicatorVariants, CreditsPillVariants }\n"],"names":["formatCompact","n","CreditsIndicator","React","remaining","total","collapsed","label","topUpLabel","onTopUp","topUpWrapper","size","className","id","props","ref","safeTotal","safeRemaining","pct","tooltipContent","pill","cn","CreditsPillVariants","Clock","Typography","Tooltip","CreditsIndicatorVariants","topUpButton"],"mappings":";;;;;;AAaA,SAASA,EAAcC,GAAmB;AACxC,SAAIA,KAAK,MACA,GAAG,YAAYA,IAAI,KAAW,QAAQ,CAAC,CAAC,CAAC,MAE9CA,KAAK,MACA,GAAG,YAAYA,IAAI,KAAO,QAAQ,CAAC,CAAC,CAAC,MAEvC,OAAOA,CAAC;AACjB;AAEA,MAAMC,IAAmBC,EAAM;AAAA,EAI7B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAY,KAAK,IAAIX,GAAO,CAAC,GAC7BY,IAAgB,KAAK,IAAI,KAAK,IAAIb,GAAW,CAAC,GAAGY,CAAS,GAC1DE,IAAMF,MAAc,IAAI,IAAKC,IAAgBD,IAAa,KAC1DG,IAAiB,GAAGF,EAAc,eAAA,CAAgB,MAAMD,EAAU,eAAA,CAAgB,IAAIT,EAAM,YAAA,CAAa;AAE/G,QAAID,GAAW;AACb,YAAMc,IACJ,gBAAAjB,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAY;AAAA,UACA,IAAAF;AAAA,UACA,WAAWQ,EAAGC,EAAoB,EAAE,MAAAX,EAAA,CAAM,GAAGC,CAAS;AAAA,UACrD,GAAGE;AAAA,QAAA;AAAA,QAEJ,gBAAAX,EAAA,cAACoB,GAAA,EAAM,WAAU,6CAAA,CAA6C;AAAA,QAC9D,gBAAApB,EAAA,cAACqB,KAAW,SAAQ,SAAQ,WAAU,2BAAA,GACnCxB,EAAciB,CAAa,CAC9B;AAAA,QACA,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,iDAAA,GACb,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAGe,CAAG,IAAA;AAAA,UAAI;AAAA,QAAA,CAE9B;AAAA,MAAA;AAGJ,aACE,gBAAAf,EAAA;AAAA,QAACsB;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAYN;AAAA,UACZ,MAAK;AAAA,UACL,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,gBAAgBC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtB;AAEA,WACE,gBAAAjB,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAY;AAAA,QACA,IAAAF;AAAA,QACA,WAAWQ,EAAGK,EAAyB,EAAE,MAAAf,EAAA,CAAM,GAAGC,CAAS;AAAA,QAC1D,GAAGE;AAAA,MAAA;AAAA,MAEJ,gBAAAX,EAAA,cAAC,OAAA,EAAI,WAAU,oCAAA,GACb,gBAAAA,EAAA;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,QAAA;AAAA,QAETjB;AAAA,MAAA,IAEDE,KAAWC,OACV,MAAM;AACL,cAAMiB,IACJ,gBAAAxB,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASM;AAAA,YACT,WAAU;AAAA,UAAA;AAAA,0CAETe,GAAA,EAAW,SAAQ,SAAQ,WAAU,mBACnChB,CACH;AAAA,UACA,gBAAAL,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAGJ,eAAOO,IAAeA,EAAaiB,CAAW,IAAIA;AAAA,MACpD,IACJ;AAAA,MAEA,gBAAAxB,EAAA,cAAC,OAAA,EAAI,WAAU,+DACZqB,GAAA,EAAW,SAAQ,SAAQ,WAAU,cAAA,GACnCP,EAAc,eAAA,CACjB,GACA,gBAAAd,EAAA,cAACqB,GAAA,EAAW,SAAQ,SAAQ,WAAU,cAAA,GAAc,WAEpD,mCACCA,GAAA,EAAW,SAAQ,SAAQ,WAAU,gBAAA,GAAgB,MACjDR,EAAU,eAAA,CACf,CACF;AAAA,MAEA,gBAAAb,EAAA,cAAC,OAAA,EAAI,WAAU,iDAAA,GACb,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAGe,CAAG,IAAA;AAAA,QAAI;AAAA,MAAA,CAE9B;AAAA,IAAA;AAAA,EAGN;AACF;AAEAhB,EAAiB,cAAc;"}

package/dist/index.es56.js

@@ -1,14 +1,76 @@
-import { Popover as m, PopoverTrigger as n, PopoverContent as a } from "./index.es82.js";
-import e from "react";
-function i({
-  trigger: r,
-  content: t,
-  triggerProps: o,
-  contentProps: l
-}) {
-  return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(n, { asChild: !0, ...o }, r), /* @__PURE__ */ e.createElement(a, { className: "bg-light-1", ...l }, t));
-}
+import * as e from "react";
+import { ChevronUp as d, ChevronDown as f } from "lucide-react";
+import { cn as i } from "./index.es89.js";
+import { Typography as g } from "./index.es19.js";
+const k = e.forwardRef(
+  ({
+    icon: h,
+    name: o,
+    collapsed: r = !1,
+    showChevron: n = !0,
+    chevronPlacement: l = "bottom",
+    expanded: s,
+    defaultExpanded: w = !1,
+    onToggle: x,
+    disabled: a = !1,
+    className: p,
+    iconContainerClassName: u,
+    id: E
+  }, v) => {
+    const [y, N] = e.useState(w), c = s !== void 0, t = c ? s : y, b = () => {
+      if (a) return;
+      const m = !t;
+      c || N(m), x?.(m);
+    };
+    return /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        ref: v,
+        id: E,
+        type: "button",
+        disabled: a,
+        onClick: b,
+        "aria-expanded": n ? t : void 0,
+        className: i(
+          "flex w-full flex-col overflow-hidden rounded-md border border-white/10 bg-white/5 transition-colors hover:bg-hover-s3",
+          a && "opacity-50 cursor-not-allowed pointer-events-none",
+          p
+        )
+      },
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          className: i(
+            "flex items-center gap-3 px-3 py-2",
+            r && "justify-center px-2"
+          )
+        },
+        /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            className: i(
+              "flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-md bg-white",
+              u
+            )
+          },
+          h
+        ),
+        !r && o && /* @__PURE__ */ e.createElement(
+          g,
+          {
+            variant: "body4",
+            className: "flex-1 truncate text-left text-dark-1"
+          },
+          o
+        ),
+        n && l === "right" && !r && /* @__PURE__ */ e.createElement("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-white/20" }, t ? /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4 text-white/70" }) : /* @__PURE__ */ e.createElement(f, { className: "h-4 w-4 text-white/70" }))
+      ),
+      n && l === "bottom" && /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-center justify-center bg-white/15" }, t ? /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4 text-white/70" }) : /* @__PURE__ */ e.createElement(f, { className: "h-4 w-4 text-white/70" }))
+    );
+  }
+);
+k.displayName = "BrandSwitcher";
 export {
-  i as PopoverDemo
+  k as BrandSwitcher
 };
 //# sourceMappingURL=index.es56.js.map

package/dist/index.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/unstyled/popover/popover.tsx"],"sourcesContent":["// import { Button } from '@/components/ui/button'\n// import { Input } from '@/components/ui/input'\n// import { Label } from '@/components/ui/label'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover-components'\nimport { PopoverProps } from './popover.types'\nimport React from 'react'\n\n//https://www.radix-ui.com/primitives/docs/components/popover#api-reference\n// refer for docs\n\nexport function PopoverDemo({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n}: PopoverProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild {...triggerProps}>\n        {trigger}\n        {/* <Button variant=\"outline\">Open popover</Button> */}\n      </PopoverTrigger>\n      <PopoverContent className=\"bg-light-1\" {...contentProps}>\n        {content}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["PopoverDemo","trigger","content","triggerProps","contentProps","Popover","React","PopoverTrigger","PopoverContent"],"mappings":";;AAUO,SAASA,EAAY;AAAA,EAC1B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,GAAiB;AACf,yCACGC,GAAA,MACCC,gBAAAA,EAAA,cAACC,GAAA,EAAe,SAAO,IAAE,GAAGJ,KACzBF,CAEH,mCACCO,GAAA,EAAe,WAAU,cAAc,GAAGJ,KACxCF,CACH,CACF;AAEJ;"}
+{"version":3,"file":"index.es56.js","sources":["../src/components/ui/brand-switcher/brand-switcher.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { BrandSwitcherProps } from './brand-switcher.types'\n\nconst BrandSwitcher = React.forwardRef<HTMLButtonElement, BrandSwitcherProps>(\n  (\n    {\n      icon,\n      name,\n      collapsed = false,\n      showChevron = true,\n      chevronPlacement = 'bottom',\n      expanded,\n      defaultExpanded = false,\n      onToggle,\n      disabled = false,\n      className,\n      iconContainerClassName,\n      id,\n    },\n    ref\n  ) => {\n    const [internalExpanded, setInternalExpanded] =\n      React.useState(defaultExpanded)\n    const isControlled = expanded !== undefined\n    const isExpanded = isControlled ? expanded : internalExpanded\n\n    const handleClick = () => {\n      if (disabled) return\n      const next = !isExpanded\n      if (!isControlled) setInternalExpanded(next)\n      onToggle?.(next)\n    }\n\n    return (\n      <button\n        ref={ref}\n        id={id}\n        type=\"button\"\n        disabled={disabled}\n        onClick={handleClick}\n        aria-expanded={showChevron ? isExpanded : undefined}\n        className={cn(\n          'flex w-full flex-col overflow-hidden rounded-md border border-white/10 bg-white/5 transition-colors hover:bg-hover-s3',\n          disabled && 'opacity-50 cursor-not-allowed pointer-events-none',\n          className\n        )}\n      >\n        <div\n          className={cn(\n            'flex items-center gap-3 px-3 py-2',\n            collapsed && 'justify-center px-2'\n          )}\n        >\n          <div\n            className={cn(\n              'flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-md bg-white',\n              iconContainerClassName\n            )}\n          >\n            {icon}\n          </div>\n\n          {!collapsed && name && (\n            <Typography\n              variant=\"body4\"\n              className=\"flex-1 truncate text-left text-dark-1\"\n            >\n              {name}\n            </Typography>\n          )}\n\n          {showChevron && chevronPlacement === 'right' && !collapsed && (\n            <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-white/20\">\n              {isExpanded ? (\n                <ChevronUp className=\"h-4 w-4 text-white/70\" />\n              ) : (\n                <ChevronDown className=\"h-4 w-4 text-white/70\" />\n              )}\n            </div>\n          )}\n        </div>\n\n        {showChevron && chevronPlacement === 'bottom' && (\n          <div className=\"flex w-full items-center justify-center bg-white/15\">\n            {isExpanded ? (\n              <ChevronUp className=\"h-4 w-4 text-white/70\" />\n            ) : (\n              <ChevronDown className=\"h-4 w-4 text-white/70\" />\n            )}\n          </div>\n        )}\n      </button>\n    )\n  }\n)\n\nBrandSwitcher.displayName = 'BrandSwitcher'\n\nexport { BrandSwitcher }\n"],"names":["BrandSwitcher","React","icon","name","collapsed","showChevron","chevronPlacement","expanded","defaultExpanded","onToggle","disabled","className","iconContainerClassName","id","ref","internalExpanded","setInternalExpanded","isControlled","isExpanded","handleClick","next","cn","Typography","ChevronUp","ChevronDown"],"mappings":";;;;AAQA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAC1Cf,EAAM,SAASO,CAAe,GAC1BS,IAAeV,MAAa,QAC5BW,IAAaD,IAAeV,IAAWQ,GAEvCI,IAAc,MAAM;AACxB,UAAIT,EAAU;AACd,YAAMU,IAAO,CAACF;AACd,MAAKD,KAAcD,EAAoBI,CAAI,GAC3CX,IAAWW,CAAI;AAAA,IACjB;AAEA,WACE,gBAAAnB,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAa;AAAA,QACA,IAAAD;AAAA,QACA,MAAK;AAAA,QACL,UAAAH;AAAA,QACA,SAASS;AAAA,QACT,iBAAed,IAAca,IAAa;AAAA,QAC1C,WAAWG;AAAA,UACT;AAAA,UACAX,KAAY;AAAA,UACZC;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,gBAAAV,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWoB;AAAA,YACT;AAAA,YACAjB,KAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEA,gBAAAH,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWoB;AAAA,cACT;AAAA,cACAT;AAAA,YAAA;AAAA,UACF;AAAA,UAECV;AAAA,QAAA;AAAA,QAGF,CAACE,KAAaD,KACb,gBAAAF,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETnB;AAAA,QAAA;AAAA,QAIJE,KAAeC,MAAqB,WAAW,CAACF,KAC/C,gBAAAH,EAAA,cAAC,SAAI,WAAU,gFAAA,GACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,MAAA;AAAA,MAIHnB,KAAeC,MAAqB,YACnC,gBAAAL,EAAA,cAAC,OAAA,EAAI,WAAU,yDACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,IAAA;AAAA,EAIR;AACF;AAEAxB,EAAc,cAAc;"}

package/dist/index.es57.js

@@ -1,21 +1,146 @@
-import * as r from "react";
-import { Loader2 as i } from "lucide-react";
-import { cn as p } from "./index.es81.js";
-import { SpinnerVariants as f } from "./index.es74.js";
-const s = r.forwardRef(
-  ({ className: e, variant: o, size: a, id: m, ...n }, t) => /* @__PURE__ */ r.createElement(
-    i,
+import e, { useState as u } from "react";
+import { Button as i } from "./index.es9.js";
+import { Typography as C } from "./index.es19.js";
+import { Dropdown as Z } from "./index.es22.js";
+import "clsx";
+import "tailwind-merge";
+import { Minimize as q, Maximize as F } from "lucide-react";
+import "./index.es60.js";
+import "./index.es90.js";
+import "./index.es29.js";
+import "./index.es35.js";
+import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index.es119.js";
+const D = ({
+  map: t,
+  mapRef: l,
+  hideCTA: o = !1,
+  hideDropPin: n = !1,
+  isDropActive: c = !1,
+  isFullScreen: h = !1,
+  setFullScreen: m,
+  onToggleIsDropAPin: f,
+  disableDropPin: b = !1,
+  mapId: y,
+  ctaConfig: s,
+  children: E
+}) => {
+  const N = () => {
+    t?.setZoom(Number(t?.getZoom()) + 1);
+  }, v = () => {
+    t?.setZoom(Number(t?.getZoom()) - 1);
+  }, x = () => {
+    l.current && (document.fullscreenElement ? document.exitFullscreen().then(() => m?.(!1)) : l.current.requestFullscreen && l.current.requestFullscreen().then(() => m?.(!0)));
+  }, [w, M] = u("ROADMAP"), [d, p] = u(null), k = (r) => {
+    if (t)
+      if (r) {
+        if (!d) {
+          const a = new google.maps.TrafficLayer();
+          a.setMap(t), p(a);
+        }
+      } else
+        d?.setMap(null), p(null);
+  }, L = j.map(
+    ({ key: r, label: a, type: _, traffic: T }) => ({
+      key: r.toLowerCase(),
+      label: a,
+      onClick: () => {
+        t?.setMapTypeId(_), M(r), k(T);
+      },
+      icon: /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: g[r],
+          alt: `${a} map`,
+          width: 24,
+          height: 24,
+          className: "mr-2"
+        }
+      )
+    })
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: "z-10 mb-2 flex h-[48px] items-center justify-center rounded-[.5rem] bg-light-1 p-1 shadow-lg" }, /* @__PURE__ */ e.createElement("div", { className: "mr-2 box-border flex h-full w-10 items-center justify-center rounded-lg border border-primary-2 p-[2px]" }, /* @__PURE__ */ e.createElement(
+    Z,
     {
-      className: p(f({ variant: o, size: a, className: e })),
-      id: m,
-      ref: t,
-      ...n
+      header: /* @__PURE__ */ e.createElement(C, { variant: "body2" }, "Map Layers"),
+      optionGroups: [L],
+      trigger: /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: g[w],
+          alt: "default map",
+          className: "box-border h-8"
+        }
+      ),
+      container: document.getElementById(y || "")
     }
-  )
-);
-s.displayName = "Spinner";
+  )), E, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: `border-stroke-2 flex h-[90%] items-center justify-center border-l ${n ? "" : "border-r"}`
+    },
+    /* @__PURE__ */ e.createElement(i, { variant: "teritiary", onClick: N }, /* @__PURE__ */ e.createElement(
+      "img",
+      {
+        src: "https://frontend-static-files.geoiq.io/strapi/plus_black_da6e5287cf.svg",
+        alt: "plus icon",
+        width: 20,
+        height: 20
+      }
+    )),
+    /* @__PURE__ */ e.createElement(i, { variant: "teritiary", className: "mr-2", onClick: v }, /* @__PURE__ */ e.createElement(
+      "img",
+      {
+        src: "https://frontend-static-files.geoiq.io/strapi/Vector_9d9765da36.svg",
+        alt: "minus icon",
+        width: 15,
+        height: 20
+      }
+    )),
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        className: "cursor-pointer",
+        onClick: x,
+        variant: "teritiary",
+        "aria-label": "Toggle Fullscreen"
+      },
+      h ? /* @__PURE__ */ e.createElement(q, { className: "w-5 h-5 stroke-light-1" }) : /* @__PURE__ */ e.createElement(F, { className: "w-5 h-5 stroke-light-1" })
+    )
+  ), !n && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: `border-stroke-2 ml-.5 flex h-[90%] ${o ? "" : "mr-2 border-r"} px-1`
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        variant: "teritiary",
+        className: `flex h-fit items-center justify-center ${c ? "border border-primary-2 bg-primary-1" : ""}`,
+        onClick: () => f && f(!c),
+        disabled: b
+      },
+      /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
+          height: 18,
+          width: 18,
+          alt: "Drop Pin"
+        }
+      )
+    )
+  ), !o && s && /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "primary",
+      size: "md",
+      onClick: s.ctaCallback,
+      disabled: o
+    },
+    s.ctaLabel
+  )));
+};
 export {
-  s as Spinner,
-  f as SpinnerVariants
+  D as MapToolbar
 };
 //# sourceMappingURL=index.es57.js.map

package/dist/index.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es57.js","sources":["../src/components/unstyled/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { SpinnerVariants } from './spinner.styles'\nimport { SpinnerProps } from './spinner.types'\n\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ className, variant, size, id, ...props }, ref) => {\n    return (\n      <Loader2\n        className={cn(SpinnerVariants({ variant, size, className }))}\n        id={id}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner, SpinnerVariants }\n"],"names":["Spinner","React","className","variant","size","id","props","ref","Loader2","cn","SpinnerVariants"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAM;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAEzC,gBAAAN,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAgB,EAAE,SAAAP,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MAC3D,IAAAG;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAQ,cAAc;"}
+{"version":3,"file":"index.es57.js","sources":["../src/components/ui/map-toolbar/map-toolbar.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button, DropdownMenu, Typography } from '@/index'\nimport { Maximize, Minimize } from 'lucide-react'\nimport { MapToolbarProps } from './map-toolbar.types'\nimport { MAP_LAYER_CONFIG, MAP_LAYER_TYPES } from './map-layer-config'\n\nexport const MapToolbar: React.FC<MapToolbarProps> = ({\n  map,\n  mapRef,\n  hideCTA = false,\n  hideDropPin = false,\n  isDropActive = false,\n  isFullScreen = false,\n  setFullScreen,\n  onToggleIsDropAPin,\n  disableDropPin = false,\n  mapId,\n  ctaConfig,\n  children,\n}) => {\n  //   console.log('hideDropPin:', hideDropPin) // Now this will correctly log the boolean value\n\n  const onZoomIn = () => {\n    map?.setZoom(Number(map?.getZoom()) + 1)\n  }\n\n  const onZoomOut = () => {\n    map?.setZoom(Number(map?.getZoom()) - 1)\n  }\n\n  const toggleFullscreen = () => {\n    if (!mapRef.current) return\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().then(() => setFullScreen?.(false))\n    } else if (mapRef.current.requestFullscreen) {\n      mapRef.current.requestFullscreen().then(() => setFullScreen?.(true))\n    }\n  }\n\n  const [currentMapType, setCurrentMapType] = useState('ROADMAP')\n  const [trafficLayer, setTrafficLayer] =\n    useState<google.maps.TrafficLayer | null>(null)\n  const toggleTrafficLayer = (enabled: boolean) => {\n    if (!map) return\n    if (enabled) {\n      if (!trafficLayer) {\n        const newTrafficLayer = new google.maps.TrafficLayer()\n        newTrafficLayer.setMap(map)\n        setTrafficLayer(newTrafficLayer)\n      }\n    } else {\n      trafficLayer?.setMap(null)\n      setTrafficLayer(null)\n    }\n  }\n\n  const mapLayerOptions = MAP_LAYER_TYPES.map(\n    ({ key, label, type, traffic }) => ({\n      key: key.toLowerCase(),\n      label,\n      onClick: () => {\n        map?.setMapTypeId(type)\n        setCurrentMapType(key)\n        toggleTrafficLayer(traffic)\n      },\n      icon: (\n        <img\n          src={MAP_LAYER_CONFIG[key as keyof typeof MAP_LAYER_CONFIG]} // Type assertion here\n          alt={`${label} map`}\n          width={24}\n          height={24}\n          className=\"mr-2\"\n        />\n      ),\n    })\n  )\n\n  return (\n    <div className=\"z-10 mb-2 flex h-[48px] items-center justify-center rounded-[.5rem] bg-light-1 p-1 shadow-lg\">\n      <div className=\"mr-2 box-border flex h-full w-10 items-center justify-center rounded-lg border border-primary-2 p-[2px]\">\n        <DropdownMenu\n          header={<Typography variant=\"body2\">Map Layers</Typography>}\n          optionGroups={[mapLayerOptions]}\n          trigger={\n            <img\n              src={\n                MAP_LAYER_CONFIG[\n                  currentMapType as keyof typeof MAP_LAYER_CONFIG\n                ]\n              }\n              alt=\"default map\"\n              className=\"box-border h-8\"\n            />\n          }\n          container={document.getElementById(mapId || '')}\n        />\n      </div>\n      {children}\n      <div\n        className={`border-stroke-2 flex h-[90%] items-center justify-center border-l ${hideDropPin ? '' : 'border-r'}`}\n      >\n        <Button variant=\"teritiary\" onClick={onZoomIn}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/plus_black_da6e5287cf.svg\"\n            alt=\"plus icon\"\n            width={20}\n            height={20}\n          />\n        </Button>\n        <Button variant=\"teritiary\" className=\"mr-2\" onClick={onZoomOut}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/Vector_9d9765da36.svg\"\n            alt=\"minus icon\"\n            width={15}\n            height={20}\n          />\n        </Button>\n        <Button\n          className=\"cursor-pointer\"\n          onClick={toggleFullscreen}\n          variant=\"teritiary\"\n          aria-label=\"Toggle Fullscreen\"\n        >\n          {isFullScreen ? (\n            <Minimize className=\"w-5 h-5 stroke-light-1\" />\n          ) : (\n            <Maximize className=\"w-5 h-5 stroke-light-1\" />\n          )}\n        </Button>\n      </div>\n\n      {!hideDropPin && (\n        <div\n          className={`border-stroke-2 ml-.5 flex h-[90%] ${!hideCTA ? 'mr-2 border-r' : ''} px-1`}\n        >\n          <Button\n            variant=\"teritiary\"\n            className={`flex h-fit items-center justify-center ${isDropActive ? 'border border-primary-2 bg-primary-1' : ''}`}\n            onClick={() =>\n              onToggleIsDropAPin && onToggleIsDropAPin(!isDropActive)\n            }\n            disabled={disableDropPin}\n          >\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg\"\n              height={18}\n              width={18}\n              alt=\"Drop Pin\"\n            />\n          </Button>\n        </div>\n      )}\n      {!hideCTA && ctaConfig && (\n        <div>\n          <Button\n            variant=\"primary\"\n            size={'md'}\n            onClick={ctaConfig.ctaCallback}\n            disabled={hideCTA}\n          >\n            {ctaConfig.ctaLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MapToolbar","map","mapRef","hideCTA","hideDropPin","isDropActive","isFullScreen","setFullScreen","onToggleIsDropAPin","disableDropPin","mapId","ctaConfig","children","onZoomIn","onZoomOut","toggleFullscreen","currentMapType","setCurrentMapType","useState","trafficLayer","setTrafficLayer","toggleTrafficLayer","enabled","newTrafficLayer","mapLayerOptions","MAP_LAYER_TYPES","key","label","type","traffic","React","MAP_LAYER_CONFIG","DropdownMenu","Typography","Button","Minimize","Maximize"],"mappings":";;;;;;;;;;;;AAMO,MAAMA,IAAwC,CAAC;AAAA,EACpD,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAGJ,QAAMC,IAAW,MAAM;AACrB,IAAAZ,GAAK,QAAQ,OAAOA,GAAK,QAAA,CAAS,IAAI,CAAC;AAAA,EACzC,GAEMa,IAAY,MAAM;AACtB,IAAAb,GAAK,QAAQ,OAAOA,GAAK,QAAA,CAAS,IAAI,CAAC;AAAA,EACzC,GAEMc,IAAmB,MAAM;AAC7B,IAAKb,EAAO,YAER,SAAS,oBACX,SAAS,iBAAiB,KAAK,MAAMK,IAAgB,EAAK,CAAC,IAClDL,EAAO,QAAQ,qBACxBA,EAAO,QAAQ,kBAAA,EAAoB,KAAK,MAAMK,IAAgB,EAAI,CAAC;AAAA,EAEvE,GAEM,CAACS,GAAgBC,CAAiB,IAAIC,EAAS,SAAS,GACxD,CAACC,GAAcC,CAAe,IAClCF,EAA0C,IAAI,GAC1CG,IAAqB,CAACC,MAAqB;AAC/C,QAAKrB;AACL,UAAIqB;AACF,YAAI,CAACH,GAAc;AACjB,gBAAMI,IAAkB,IAAI,OAAO,KAAK,aAAA;AACxC,UAAAA,EAAgB,OAAOtB,CAAG,GAC1BmB,EAAgBG,CAAe;AAAA,QACjC;AAAA;AAEA,QAAAJ,GAAc,OAAO,IAAI,GACzBC,EAAgB,IAAI;AAAA,EAExB,GAEMI,IAAkBC,EAAgB;AAAA,IACtC,CAAC,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,GAAM,SAAAC,SAAe;AAAA,MAClC,KAAKH,EAAI,YAAA;AAAA,MACT,OAAAC;AAAA,MACA,SAAS,MAAM;AACb,QAAA1B,GAAK,aAAa2B,CAAI,GACtBX,EAAkBS,CAAG,GACrBL,EAAmBQ,CAAO;AAAA,MAC5B;AAAA,MACA,MACEC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKC,EAAiBL,CAAoC;AAAA,UAC1D,KAAK,GAAGC,CAAK;AAAA,UACb,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAEJ;AAGF,yCACG,OAAA,EAAI,WAAU,kGACbG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,0GAAA,GACbA,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,QAAQF,gBAAAA,EAAA,cAACG,GAAA,EAAW,SAAQ,WAAQ,YAAU;AAAA,MAC9C,cAAc,CAACT,CAAe;AAAA,MAC9B,SACEM,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KACEC,EACEf,CACF;AAAA,UAEF,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGd,WAAW,SAAS,eAAeN,KAAS,EAAE;AAAA,IAAA;AAAA,EAAA,CAElD,GACCE,GACDkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,qEAAqE1B,IAAc,KAAK,UAAU;AAAA,IAAA;AAAA,IAE7G0B,gBAAAA,EAAA,cAACI,GAAA,EAAO,SAAQ,aAAY,SAASrB,KACnCiB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,oCACCI,GAAA,EAAO,SAAQ,aAAY,WAAU,QAAO,SAASpB,EAAA,GACpDgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,IACAA,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASnB;AAAA,QACT,SAAQ;AAAA,QACR,cAAW;AAAA,MAAA;AAAA,MAEVT,oCACE6B,GAAA,EAAS,WAAU,0BAAyB,IAE7CL,gBAAAA,EAAA,cAACM,GAAA,EAAS,WAAU,yBAAA,CAAyB;AAAA,IAAA;AAAA,EAEjD,GAGD,CAAChC,KACA0B,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,sCAAuC3B,IAA4B,KAAlB,eAAoB;AAAA,IAAA;AAAA,IAEhF2B,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAW,0CAA0C7B,IAAe,yCAAyC,EAAE;AAAA,QAC/G,SAAS,MACPG,KAAsBA,EAAmB,CAACH,CAAY;AAAA,QAExD,UAAUI;AAAA,MAAA;AAAA,MAEVqB,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAI;AAAA,UACJ,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF,GAGH,CAAC3B,KAAWQ,qCACV,OAAA,MACCmB,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAASvB,EAAU;AAAA,MACnB,UAAUR;AAAA,IAAA;AAAA,IAETQ,EAAU;AAAA,EAAA,CAEf,CAEJ;AAEJ;"}

package/dist/index.es58.js

@@ -1,48 +1,75 @@
-import { Table as o, TableHeader as N, TableRow as n, TableCell as s, TableBody as i } from "./index.es59.js";
-import * as e from "react";
-import { Typography as r } from "./index.es17.js";
-function y({
-  tableData: a
+import * as r from "react";
+import { ChevronRight as s, ChevronLeft as i } from "lucide-react";
+import { DayPicker as c } from "react-day-picker";
+import { cn as e } from "./index.es89.js";
+import { ButtonVariants as m } from "./index.es75.js";
+function g({
+  className: n,
+  classNames: o,
+  showOutsideDays: l = !1,
+  ...d
 }) {
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    o,
+  return /* @__PURE__ */ r.createElement(
+    c,
     {
-      className: a?.tableContainerClassName ?? "",
-      id: a?.id
-    },
-    /* @__PURE__ */ e.createElement(N, { className: a?.tableHeaderClassName ?? "" }, /* @__PURE__ */ e.createElement(n, null, a.headers.map((l, m) => /* @__PURE__ */ e.createElement(
-      s,
-      {
-        key: m,
-        className: l?.className + " " + (a?.tableCellClassName ?? "")
+      className: e("p-3 bg-white rounded-lg", n),
+      showOutsideDays: l,
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: e(
+          m({ variant: "secondary" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 "
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground test-md w-8 font-normal text-[0.8rem] w-full",
+        // row: 'flex w-full mt-2 ',
+        row: "grid grid-cols-7 ",
+        // cell: cn(
+        //   ' relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:test-r-md',
+        //   props.mode === 'range'
+        //     ? '[&:has(>.day-range-end)]:test-r-md [&:has(>.day-range-start)]:test-l-md first:[&:has([aria-selected])]:test-l-md last:[&:has([aria-selected])]:test-r-md'
+        //     : '[&:has([aria-selected])]:test-md'
+        // ),
+        // day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1  hover:rounded-lg  ',
+        // day_range_start: 'day-range-start !bg-rest-p1 rounded-l-lg rounded-r-none hover:rounded-r-none',
+        // day_range_end: 'day-range-end rounded-r-lg hover:rounded-l-none',
+        // day_selected: cn(
+        //   ' text-white bg-rest-p1 hover:bg-rest-p1  w-10  '
+        // ),
+        day_today: "bg-primary-1  rounded-lg",
+        day_outside: "text-light-4  ",
+        day_disabled: "text-light-4 opacity-50",
+        day_range_middle: "aria-selected:bg-primary-2 aria-selected:text-light-2 hover:rounded-none",
+        day_hidden: "invisible",
+        cell: e(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          "[&:has([aria-selected])]:bg-accent",
+          "[&:has([aria-selected].day-outside)]:bg-accent/50",
+          d.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-lg"
+        ),
+        day: "h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 hover:rounded-lg",
+        day_range_start: "day-range-start !bg-rest-p1 rounded-l-lg hover:rounded-l-lg rounded-r-none [&:has([aria-selected].day-range-end)]::rounded-r-lg ",
+        day_range_end: "day-range-end rounded-r-lg hover:rounded-r-lg hover:rounded-l-none",
+        day_selected: e("text-white bg-rest-p1 hover:bg-rest-p1 w-10"),
+        ...o
       },
-      typeof l?.name == "string" ? /* @__PURE__ */ e.createElement(r, { className: "text-light-2", variant: "body4" }, l.name) : /* @__PURE__ */ e.createElement(e.Fragment, null, l.name)
-    )))),
-    /* @__PURE__ */ e.createElement(i, { className: a?.tableBodyClassName ?? "" }, a.rows.map((l, m) => /* @__PURE__ */ e.createElement(
-      n,
-      {
-        className: a?.tableRowClassName ?? "",
-        key: m
+      components: {
+        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r.createElement(i, { className: e("h-4 w-4", a), ...t }),
+        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r.createElement(s, { className: e("h-4 w-4", a), ...t })
       },
-      l.cells.map((t, c) => /* @__PURE__ */ e.createElement(
-        s,
-        {
-          className: a?.tableCellClassName ?? "",
-          key: c
-        },
-        typeof t?.content == "string" ? /* @__PURE__ */ e.createElement(
-          r,
-          {
-            className: "text-light-2  " + (t?.className ?? ""),
-            variant: "body4"
-          },
-          t.content
-        ) : /* @__PURE__ */ e.createElement(e.Fragment, null, t?.content)
-      ))
-    )))
-  ));
+      ...d
+    }
+  );
 }
+g.displayName = "Calendar";
 export {
-  y as default
+  g as Calendar
 };
 //# sourceMappingURL=index.es58.js.map

package/dist/index.es58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es58.js","sources":["../src/components/unstyled/table/table.tsx"],"sourcesContent":["import {\n  Table,\n  TableRow,\n  TableBody,\n  TableHeader,\n  TableCell,\n} from './table-components'\nimport * as React from 'react'\nimport { TableData } from './table.types'\nimport { Typography } from '@/components/atoms/typography'\nexport default function TableComponent({\n  tableData,\n}: {\n  tableData: TableData\n}) {\n  return (\n    <>\n      <Table\n        className={tableData?.tableContainerClassName ?? ''}\n        id={tableData?.id}\n      >\n        <TableHeader className={tableData?.tableHeaderClassName ?? ''}>\n          <TableRow>\n            {tableData.headers.map((header, index) => (\n              <TableCell\n                key={index}\n                className={\n                  header?.className +\n                  ' ' +\n                  (tableData?.tableCellClassName ?? '')\n                }\n              >\n                {typeof header?.name === 'string' ? (\n                  <Typography className=\"text-light-2\" variant={'body4'}>\n                    {header.name}\n                  </Typography>\n                ) : (\n                  <>{header.name}</>\n                )}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody className={tableData?.tableBodyClassName ?? ''}>\n          {tableData.rows.map((row, rowIndex) => (\n            <TableRow\n              className={tableData?.tableRowClassName ?? ''}\n              key={rowIndex}\n            >\n              {row.cells.map((cell, cellIndex) => (\n                <TableCell\n                  className={tableData?.tableCellClassName ?? ''}\n                  key={cellIndex}\n                >\n                  {typeof cell?.content === 'string' ? (\n                    <Typography\n                      className={\n                        'text-light-2 ' + ' ' + (cell?.className ?? '')\n                      }\n                      variant={'body4'}\n                    >\n                      {cell.content}\n                    </Typography>\n                  ) : (\n                    <>{cell?.content}</>\n                  )}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </>\n  )\n}\n"],"names":["TableComponent","tableData","React","Table","TableHeader","TableRow","header","index","TableCell","Typography","TableBody","row","rowIndex","cell","cellIndex"],"mappings":";;;AAUA,SAAwBA,EAAe;AAAA,EACrC,WAAAC;AACF,GAEG;AACD,SACE,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,GAAW,2BAA2B;AAAA,MACjD,IAAIA,GAAW;AAAA,IAAA;AAAA,IAEf,gBAAAC,EAAA,cAACE,GAAA,EAAY,WAAWH,GAAW,wBAAwB,GAAA,GACzD,gBAAAC,EAAA,cAACG,GAAA,MACEJ,EAAU,QAAQ,IAAI,CAACK,GAAQC,MAC9B,gBAAAL,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WACED,GAAQ,YACR,OACCL,GAAW,sBAAsB;AAAA,MAAA;AAAA,MAGnC,OAAOK,GAAQ,QAAS,2CACtBG,GAAA,EAAW,WAAU,gBAAe,SAAS,WAC3CH,EAAO,IACV,IAEA,gBAAAJ,EAAA,cAAAA,EAAA,UAAA,MAAGI,EAAO,IAAK;AAAA,IAAA,CAGpB,CACH,CACF;AAAA,IACA,gBAAAJ,EAAA,cAACQ,GAAA,EAAU,WAAWT,GAAW,sBAAsB,GAAA,GACpDA,EAAU,KAAK,IAAI,CAACU,GAAKC,MACxB,gBAAAV,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWJ,GAAW,qBAAqB;AAAA,QAC3C,KAAKW;AAAA,MAAA;AAAA,MAEJD,EAAI,MAAM,IAAI,CAACE,GAAMC,MACpB,gBAAAZ,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAWP,GAAW,sBAAsB;AAAA,UAC5C,KAAKa;AAAA,QAAA;AAAA,QAEJ,OAAOD,GAAM,WAAY,WACxB,gBAAAX,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,WACE,oBAAyBI,GAAM,aAAa;AAAA,YAE9C,SAAS;AAAA,UAAA;AAAA,UAERA,EAAK;AAAA,QAAA,IAGR,gBAAAX,EAAA,cAAAA,EAAA,UAAA,MAAGW,GAAM,OAAQ;AAAA,MAAA,CAGtB;AAAA,IAAA,CAEJ,CACH;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es58.js","sources":["../src/components/unstyled/calendar/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { DayPicker } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { ButtonVariants } from '@/components/atoms/button'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = false,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      className={cn('p-3 bg-white rounded-lg', className)}\n      showOutsideDays={showOutsideDays} // Hides extra days\n      classNames={{\n        months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n        month: 'space-y-4',\n        caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium',\n        nav: 'space-x-1 flex items-center',\n        nav_button: cn(\n          ButtonVariants({ variant: 'secondary' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 '\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-y-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground test-md w-8 font-normal text-[0.8rem] w-full',\n        // row: 'flex w-full mt-2 ',\n        row: 'grid grid-cols-7 ',\n\n        // cell: cn(\n        //   ' relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:test-r-md',\n        //   props.mode === 'range'\n        //     ? '[&:has(>.day-range-end)]:test-r-md [&:has(>.day-range-start)]:test-l-md first:[&:has([aria-selected])]:test-l-md last:[&:has([aria-selected])]:test-r-md'\n        //     : '[&:has([aria-selected])]:test-md'\n        // ),\n        // day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1  hover:rounded-lg  ',\n        // day_range_start: 'day-range-start !bg-rest-p1 rounded-l-lg rounded-r-none hover:rounded-r-none',\n        // day_range_end: 'day-range-end rounded-r-lg hover:rounded-l-none',\n        // day_selected: cn(\n        //   ' text-white bg-rest-p1 hover:bg-rest-p1  w-10  '\n        // ),\n        day_today: 'bg-primary-1  rounded-lg',\n        day_outside: 'text-light-4  ',\n        day_disabled: 'text-light-4 opacity-50',\n        day_range_middle:\n          'aria-selected:bg-primary-2 aria-selected:text-light-2 hover:rounded-none',\n        day_hidden: 'invisible',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20',\n          '[&:has([aria-selected])]:bg-accent',\n          '[&:has([aria-selected].day-outside)]:bg-accent/50',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-lg'\n        ),\n        day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 hover:rounded-lg',\n        day_range_start:\n          'day-range-start !bg-rest-p1 rounded-l-lg hover:rounded-l-lg rounded-r-none [&:has([aria-selected].day-range-end)]::rounded-r-lg ',\n        day_range_end:\n          'day-range-end rounded-r-lg hover:rounded-r-lg hover:rounded-l-none',\n        day_selected: cn('text-white bg-rest-p1 hover:bg-rest-p1 w-10'),\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('h-4 w-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","React","DayPicker","cn","ButtonVariants","ChevronLeft","ChevronRight"],"mappings":";;;;;AASA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,2BAA2BN,CAAS;AAAA,MAClD,iBAAAE;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYI;AAAA,UACVC,EAAe,EAAE,SAAS,aAAa;AAAA,UACvC;AAAA,QAAA;AAAA,QAEF,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WACE;AAAA;AAAA,QAEF,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAcL,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,MAAMD;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACAH,EAAM,SAAS,UACX,yKACA;AAAA,QAAA;AAAA,QAEN,KAAK;AAAA,QACL,iBACE;AAAA,QACF,eACE;AAAA,QACF,cAAcG,EAAG,6CAA6C;AAAA,QAC9D,GAAGL;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,UAAU,CAAC,EAAE,WAAAD,GAAW,GAAGG,EAAAA,MACzB,gBAAAC,EAAA,cAACI,GAAA,EAAY,WAAWF,EAAG,WAAWN,CAAS,GAAI,GAAGG,GAAO;AAAA,QAE/D,WAAW,CAAC,EAAE,WAAAH,GAAW,GAAGG,EAAAA,MAC1B,gBAAAC,EAAA,cAACK,GAAA,EAAa,WAAWH,EAAG,WAAWN,CAAS,GAAI,GAAGG,EAAAA,CAAO;AAAA,MAAA;AAAA,MAGjE,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}

package/dist/index.es59.js

@@ -1,90 +1,26 @@
-import * as e from "react";
-import { cn as r } from "./index.es81.js";
-const o = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("div", { className: `relative w-full overflow-auto  ${a}` }, /* @__PURE__ */ e.createElement(
-  "table",
+import t from "react";
+import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index.es125.js";
+const i = (e) => /* @__PURE__ */ t.createElement(
+  m,
   {
-    ref: l,
-    className: r("w-full caption-bottom text-sm"),
-    ...t
-  }
-)));
-o.displayName = "Table";
-const d = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement("thead", { ref: l, className: r("[&_tr]:border-b", a), ...t }));
-d.displayName = "TableHeader";
-const s = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "tbody",
-  {
-    ref: l,
-    className: r("[&_tr:last-child]:border-0", a),
-    ...t
-  }
-));
-s.displayName = "TableBody";
-const m = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "tfoot",
-  {
-    ref: l,
-    className: r(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      a
-    ),
-    ...t
-  }
-));
-m.displayName = "TableFooter";
-const c = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "tr",
-  {
-    ref: l,
-    className: r(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      a
-    ),
-    ...t
-  }
-));
-c.displayName = "TableRow";
-const b = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "th",
-  {
-    ref: l,
-    className: r(
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [ & has([role=checkbox])]:pr-0 [ & [role=checkbox]]:translate-y-[2px]",
-      a
-    ),
-    ...t
-  }
-));
-b.displayName = "TableHead";
-const n = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "td",
-  {
-    ref: l,
-    className: r(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      a
-    ),
-    ...t
-  }
-));
-n.displayName = "TableCell";
-const f = e.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ e.createElement(
-  "caption",
-  {
-    ref: l,
-    className: r("mt-4 text-sm text-muted-foreground", a),
-    ...t
-  }
-));
-f.displayName = "TableCaption";
+    className: `flex items-center justify-center ${e.className} `,
+    id: e.id,
+    opts: {
+      loop: e.loop || !1
+    },
+    ...e
+  },
+  /* @__PURE__ */ t.createElement(n, { className: `${e.contentClassName}` }, e.items.map((l, a) => /* @__PURE__ */ t.createElement(
+    r,
+    {
+      key: a,
+      className: `flex items-center justify-center ${e.itemsClassName}`
+    },
+    l
+  ))),
+  e.hideArrows ? null : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(s, null), /* @__PURE__ */ t.createElement(c, null))
+);
 export {
-  o as Table,
-  s as TableBody,
-  f as TableCaption,
-  n as TableCell,
-  m as TableFooter,
-  b as TableHead,
-  d as TableHeader,
-  c as TableRow
+  i as _Carousel
 };
 //# sourceMappingURL=index.es59.js.map