npm - @acronis-platform/shadcn-uikit - Versions diffs - 0.34.0 → 0.35.0 - Mend

@acronis-platform/shadcn-uikit 0.34.0 → 0.35.0

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.

Files changed (1439) hide show

package/dist/components/ui/carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from 'react'\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'\nimport { ArrowLeftIcon, ArrowRightIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n opts?: CarouselOptions\n plugins?: CarouselPlugin\n orientation?: 'horizontal' \| 'vertical'\n setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n api: ReturnType<typeof useEmblaCarousel>[1]\n scrollPrev: () => void\n scrollNext: () => void\n canScrollPrev: boolean\n canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps \| null>(null)\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext)\n\n if (!context) {\n throw new Error('useCarousel must be used within a <Carousel />')\n }\n\n return context\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'horizontal' ? 'x' : 'y',\n },\n plugins\n )\n const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) {\n return\n }\n\n setCanScrollPrev(api.canScrollPrev())\n setCanScrollNext(api.canScrollNext())\n }, [])\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev()\n }, [api])\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext()\n }, [api])\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault()\n scrollPrev()\n } else if (event.key === 'ArrowRight') {\n event.preventDefault()\n scrollNext()\n }\n },\n [scrollPrev, scrollNext]\n )\n\n React.useEffect(() => {\n if (!api \|\| !setApi) {\n return\n }\n\n setApi(api)\n }, [api, setApi])\n\n React.useEffect(() => {\n if (!api) {\n return\n }\n\n onSelect(api)\n api.on('reInit', onSelect)\n api.on('select', onSelect)\n\n return () => {\n api?.off('select', onSelect)\n }\n }, [api, onSelect])\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation: orientation \|\| (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n )\n})\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { carouselRef, orientation } = useCarousel()\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className\n )}\n {...props}\n />\n </div>\n )\n }\n)\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { orientation } = useCarousel()\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className\n )}\n {...props}\n />\n )\n }\n)\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n )\n }\n)\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n )\n }\n)\nCarouselNext.displayName = 'CarouselNext'\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeftIcon","CarouselNext","ArrowRightIcon"],"mappings":";;;;;;;AA4BA,MAAMA,IAAkBC,EAAM,cAA2C,IAAI;AAE7E,SAASC,IAAc;AACrB,QAAMC,IAAUF,EAAM,WAAWD,CAAe;AAEhD,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,gDAAgD;AAGlE,SAAOA;AACT;AAEA,MAAMC,IAAWH,EAAM,WAGrB,CAAC,EAAE,aAAAI,IAAc,cAAc,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC/F,QAAM,CAACC,GAAaC,CAAG,IAAIC;AAAA,IACzB;AAAA,MACE,GAAGT;AAAA,MACH,MAAMD,MAAgB,eAAe,MAAM;AAAA,IAAA;AAAA,IAE7CG;AAAA,EAAA,GAEI,CAACQ,GAAeC,CAAgB,IAAIhB,EAAM,SAAS,EAAK,GACxD,CAACiB,GAAeC,CAAgB,IAAIlB,EAAM,SAAS,EAAK,GAExDmB,IAAWnB,EAAM,YAAY,CAACa,MAAqB;AACvD,IAAKA,MAILG,EAAiBH,EAAI,eAAe,GACpCK,EAAiBL,EAAI,eAAe;AAAA,EACtC,GAAG,CAAA,CAAE,GAECO,IAAapB,EAAM,YAAY,MAAM;AACzC,IAAAa,KAAA,QAAAA,EAAK;AAAA,EACP,GAAG,CAACA,CAAG,CAAC,GAEFQ,IAAarB,EAAM,YAAY,MAAM;AACzC,IAAAa,KAAA,QAAAA,EAAK;AAAA,EACP,GAAG,CAACA,CAAG,CAAC,GAEFS,IAAgBtB,EAAM;AAAA,IAC1B,CAACuB,MAA+C;AAC9C,MAAIA,EAAM,QAAQ,eAChBA,EAAM,eAAA,GACNH,EAAA,KACSG,EAAM,QAAQ,iBACvBA,EAAM,eAAA,GACNF,EAAA;AAAA,IAEJ;AAAA,IACA,CAACD,GAAYC,CAAU;AAAA,EAAA;AAGzB,SAAArB,EAAM,UAAU,MAAM;AACpB,IAAI,CAACa,KAAO,CAACP,KAIbA,EAAOO,CAAG;AAAA,EACZ,GAAG,CAACA,GAAKP,CAAM,CAAC,GAEhBN,EAAM,UAAU,MAAM;AACpB,QAAKa;AAIL,aAAAM,EAASN,CAAG,GACZA,EAAI,GAAG,UAAUM,CAAQ,GACzBN,EAAI,GAAG,UAAUM,CAAQ,GAElB,MAAM;AACX,QAAAN,KAAA,QAAAA,EAAK,IAAI,UAAUM;AAAA,MACrB;AAAA,EACF,GAAG,CAACN,GAAKM,CAAQ,CAAC,GAGhB,gBAAAK;AAAA,IAACzB,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL,aAAAa;AAAA,QACA,KAAAC;AAAA,QACA,MAAAR;AAAA,QACA,aAAaD,OAAgBC,KAAA,gBAAAA,EAAM,UAAS,MAAM,aAAa;AAAA,QAC/D,YAAAe;AAAA,QACA,YAAAC;AAAA,QACA,eAAAN;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAb;AAAA,UACA,kBAAkBW;AAAA,UAClB,WAAWG,EAAG,YAAYjB,CAAS;AAAA,UACnC,MAAK;AAAA,UACL,wBAAqB;AAAA,UACpB,GAAGE;AAAA,UAEH,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;AACDN,EAAS,cAAc;AAEvB,MAAMuB,IAAkB1B,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAQ,GAAW,GAAGE,EAAA,GAASC,MAAQ;AAChC,UAAM,EAAE,aAAAC,GAAa,aAAAR,EAAA,IAAgBH,EAAA;AAErC,WACE,gBAAAuB,EAAC,OAAA,EAAI,KAAKZ,GAAa,WAAU,mBAC/B,UAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,WAAWc;AAAA,UACT;AAAA,UACArB,MAAgB,eAAe,UAAU;AAAA,UACzCI;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,EAEJ;AACF;AACAgB,EAAgB,cAAc;AAE9B,MAAMC,IAAe3B,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAQ,GAAW,GAAGE,EAAA,GAASC,MAAQ;AAChC,UAAM,EAAE,aAAAP,EAAA,IAAgBH,EAAA;AAExB,WACE,gBAAAuB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,MAAK;AAAA,QACL,wBAAqB;AAAA,QACrB,WAAWc;AAAA,UACT;AAAA,UACArB,MAAgB,eAAe,SAAS;AAAA,UACxCI;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAiB,EAAa,cAAc;AAE3B,MAAMC,IAAmB5B,EAAM;AAAA,EAC7B,CAAC,EAAE,WAAAQ,GAAW,SAAAqB,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGpB,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,aAAAP,GAAa,YAAAgB,GAAY,eAAAL,EAAA,IAAkBd,EAAA;AAEnD,WACE,gBAAA8B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAArB;AAAA,QACA,SAAAkB;AAAA,QACA,MAAAC;AAAA,QACA,WAAWL;AAAA,UACT;AAAA,UACArB,MAAgB,eACZ,sCACA;AAAA,UACJI;AAAA,QAAA;AAAA,QAEF,UAAU,CAACO;AAAA,QACX,SAASK;AAAA,QACR,GAAGV;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAc,EAACS,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,UACnC,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,iBAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9C;AACF;AACAI,EAAiB,cAAc;AAE/B,MAAMM,IAAelC,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAQ,GAAW,SAAAqB,IAAU,WAAW,MAAAC,IAAO,QAAQ,GAAGpB,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,aAAAP,GAAa,YAAAiB,GAAY,eAAAJ,EAAA,IAAkBhB,EAAA;AAEnD,WACE,gBAAA8B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAArB;AAAA,QACA,SAAAkB;AAAA,QACA,MAAAC;AAAA,QACA,WAAWL;AAAA,UACT;AAAA,UACArB,MAAgB,eACZ,uCACA;AAAA,UACJI;AAAA,QAAA;AAAA,QAEF,UAAU,CAACS;AAAA,QACX,SAASI;AAAA,QACR,GAAGX;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAc,EAACW,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,UACpC,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1C;AACF;AACAU,EAAa,cAAc;"}
1	+ {"version":3,"file":"carousel.js","sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from 'react'\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'\nimport { ArrowLeftIcon, ArrowRightIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\nexport type CarouselProps = {\n opts?: CarouselOptions\n plugins?: CarouselPlugin\n orientation?: 'horizontal' \| 'vertical'\n setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n api: ReturnType<typeof useEmblaCarousel>[1]\n scrollPrev: () => void\n scrollNext: () => void\n canScrollPrev: boolean\n canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps \| null>(null)\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext)\n\n if (!context) {\n throw new Error('useCarousel must be used within a <Carousel />')\n }\n\n return context\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'horizontal' ? 'x' : 'y',\n },\n plugins\n )\n const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) {\n return\n }\n\n setCanScrollPrev(api.canScrollPrev())\n setCanScrollNext(api.canScrollNext())\n }, [])\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev()\n }, [api])\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext()\n }, [api])\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault()\n scrollPrev()\n } else if (event.key === 'ArrowRight') {\n event.preventDefault()\n scrollNext()\n }\n },\n [scrollPrev, scrollNext]\n )\n\n React.useEffect(() => {\n if (!api \|\| !setApi) {\n return\n }\n\n setApi(api)\n }, [api, setApi])\n\n React.useEffect(() => {\n if (!api) {\n return\n }\n\n onSelect(api)\n api.on('reInit', onSelect)\n api.on('select', onSelect)\n\n return () => {\n api?.off('select', onSelect)\n }\n }, [api, onSelect])\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation: orientation \|\| (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n )\n})\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { carouselRef, orientation } = useCarousel()\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className\n )}\n {...props}\n />\n </div>\n )\n }\n)\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n const { orientation } = useCarousel()\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className\n )}\n {...props}\n />\n )\n }\n)\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n )\n }\n)\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {\n const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute h-8 w-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n )\n }\n)\nCarouselNext.displayName = 'CarouselNext'\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeftIcon","CarouselNext","ArrowRightIcon"],"mappings":"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"}

package/dist/components/ui/chart.d.ts CHANGED Viewed

@@ -20,7 +20,7 @@ export type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
-export type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {
+export type CustomTooltipProps = Partial<TooltipContentProps<ValueType, NameType>> & {
     className?: string;
     hideLabel?: boolean;
     hideIndicator?: boolean;

package/dist/components/ui/chart.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as g, Fragment as I } from "react/jsx-runtime";
 import * as b from "react";
 import { cn as u } from "../../lib/utils.js";
-import { Tooltip as P } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/Tooltip.js";
-import { Legend as S } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/Legend.js";
-import { ResponsiveContainer as E } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Tooltip as P } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@19.2.14_react-dom@19.2.4_react@19.2.4__react-is@19.2.3_react@19.2.4_redux@5.0.1/node_modules/recharts/es6/component/Tooltip.js";
+import { Legend as S } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@19.2.14_react-dom@19.2.4_react@19.2.4__react-is@19.2.3_react@19.2.4_redux@5.0.1/node_modules/recharts/es6/component/Legend.js";
+import { ResponsiveContainer as E } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@19.2.14_react-dom@19.2.4_react@19.2.4__react-is@19.2.3_react@19.2.4_redux@5.0.1/node_modules/recharts/es6/component/ResponsiveContainer.js";
 const K = { light: "", dark: ".dark" }, j = b.createContext(null);
 function $() {
   const c = b.useContext(j);

package/dist/components/ui/chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chart.js","sources":["../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\nimport type { LegendPayload } from \"recharts/types/component/DefaultLegendContent\"\nimport {\n NameType,\n Payload,\n ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\"\nimport type { Props as LegendProps } from \"recharts/types/component/Legend\"\nimport { TooltipContentProps } from \"recharts/types/component/Tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n} & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n}\n\nexport type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {\n className?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: \"line\" \| \"dot\" \| \"dashed\"\n nameKey?: string\n labelKey?: string\n labelFormatter?: (\n label: TooltipContentProps<number, string>[\"label\"],\n payload: TooltipContentProps<number, string>[\"payload\"]\n ) => React.ReactNode\n formatter?: (\n value: number \| string,\n name: string,\n item: Payload<number \| string, string>,\n index: number,\n payload: ReadonlyArray<Payload<number \| string, string>>\n ) => React.ReactNode\n labelClassName?: string\n color?: string\n}\n\nexport type ChartLegendContentProps = {\n className?: string\n hideIcon?: boolean\n verticalAlign?: LegendProps[\"verticalAlign\"]\n payload?: LegendPayload[]\n nameKey?: string\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n\n if (!context) {\n throw new Error(\"useChart must be used within a <ChartContainer />\")\n }\n\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n ...props\n }: React.ComponentProps<\"div\"> & {\n config: ChartConfig\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >[\"children\"]\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, \"\")}`\n\n return (\n <ChartContext.Provider value={{ config }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n className={cn(\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n if (!colorConfig.length) {\n return null\n }\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n ${prefix} [data-chart=${id}] {\n ${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join(\"\\n\")}\n }\n `\n )\n .join(\"\\n\"),\n }}\n />\n )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nfunction ChartTooltipContent({\n active,\n payload,\n label,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n labelFormatter,\n formatter,\n labelClassName,\n color,\n nameKey,\n labelKey,\n }: CustomTooltipProps) {\n const { config } = useChart()\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel \|\| !payload?.length) {\n return null\n }\n\n const [item] = payload\n const key = `${labelKey \|\| item?.dataKey \|\| item?.name \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const value = (() => {\n const v =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label ?? label\n : itemConfig?.label\n\n return typeof v === \"string\" \|\| typeof v === \"number\" ? v : undefined\n })()\n\n if (labelFormatter) {\n return (\n <div className={cn(\"font-medium\", labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n return (\n <div\n className={cn(\n \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n className\n )}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| item.payload.fill \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n {\n \"h-2.5 w-2.5\": indicator === \"dot\",\n \"h-4 w-1\": indicator === \"line\",\n \"h-4 w-0 border-[1.5px] border-dashed bg-transparent\":\n indicator === \"dashed\",\n \"my-0.5\": nestLabel && indicator === \"dashed\",\n }\n )}\n style={\n {\n \"--color-bg\": indicatorColor,\n \"--color-border\": indicatorColor,\n } as React.CSSProperties\n }\n />\n )\n )}\n <div\n className={cn(\n \"flex flex-1 justify-between leading-none\",\n nestLabel ? \"items-end\" : \"items-center\"\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-muted-foreground\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"text-foreground font-mono font-medium tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = \"bottom\",\n nameKey,\n }: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n return (\n <div\n className={cn(\n \"flex items-center justify-center gap-4\",\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className={cn(\n \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n {itemConfig?.label}\n </div>\n )\n })}\n </div>\n )\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" \|\| payload === null) {\n return undefined\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined\n\n let configLabelKey: string = key\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config]\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","theme","prefix","key","itemConfig","color","_a","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","label","indicator","hideLabel","hideIndicator","labelFormatter","formatter","labelClassName","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","v","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
1	+ {"version":3,"file":"chart.js","sources":["../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\nimport type { LegendPayload } from \"recharts/types/component/DefaultLegendContent\"\nimport {\n NameType,\n Payload,\n ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\"\nimport type { Props as LegendProps } from \"recharts/types/component/Legend\"\nimport { TooltipContentProps } from \"recharts/types/component/Tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n} & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n}\n\nexport type CustomTooltipProps = Partial<TooltipContentProps<ValueType, NameType>> & {\n className?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: \"line\" \| \"dot\" \| \"dashed\"\n nameKey?: string\n labelKey?: string\n labelFormatter?: (\n label: TooltipContentProps<number, string>[\"label\"],\n payload: TooltipContentProps<number, string>[\"payload\"]\n ) => React.ReactNode\n formatter?: (\n value: number \| string,\n name: string,\n item: Payload<number \| string, string>,\n index: number,\n payload: ReadonlyArray<Payload<number \| string, string>>\n ) => React.ReactNode\n labelClassName?: string\n color?: string\n}\n\nexport type ChartLegendContentProps = {\n className?: string\n hideIcon?: boolean\n verticalAlign?: LegendProps[\"verticalAlign\"]\n payload?: LegendPayload[]\n nameKey?: string\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n\n if (!context) {\n throw new Error(\"useChart must be used within a <ChartContainer />\")\n }\n\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n ...props\n }: React.ComponentProps<\"div\"> & {\n config: ChartConfig\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >[\"children\"]\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, \"\")}`\n\n return (\n <ChartContext.Provider value={{ config }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n className={cn(\n \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n if (!colorConfig.length) {\n return null\n }\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n ${prefix} [data-chart=${id}] {\n ${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join(\"\\n\")}\n }\n `\n )\n .join(\"\\n\"),\n }}\n />\n )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nfunction ChartTooltipContent({\n active,\n payload,\n label,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n labelFormatter,\n formatter,\n labelClassName,\n color,\n nameKey,\n labelKey,\n }: CustomTooltipProps) {\n const { config } = useChart()\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel \|\| !payload?.length) {\n return null\n }\n\n const [item] = payload\n const key = `${labelKey \|\| item?.dataKey \|\| item?.name \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const value = (() => {\n const v =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label ?? label\n : itemConfig?.label\n\n return typeof v === \"string\" \|\| typeof v === \"number\" ? v : undefined\n })()\n\n if (labelFormatter) {\n return (\n <div className={cn(\"font-medium\", labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n return (\n <div\n className={cn(\n \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n className\n )}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| item.payload.fill \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n {\n \"h-2.5 w-2.5\": indicator === \"dot\",\n \"h-4 w-1\": indicator === \"line\",\n \"h-4 w-0 border-[1.5px] border-dashed bg-transparent\":\n indicator === \"dashed\",\n \"my-0.5\": nestLabel && indicator === \"dashed\",\n }\n )}\n style={\n {\n \"--color-bg\": indicatorColor,\n \"--color-border\": indicatorColor,\n } as React.CSSProperties\n }\n />\n )\n )}\n <div\n className={cn(\n \"flex flex-1 justify-between leading-none\",\n nestLabel ? \"items-end\" : \"items-center\"\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-muted-foreground\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"text-foreground font-mono font-medium tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = \"bottom\",\n nameKey,\n }: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n return (\n <div\n className={cn(\n \"flex items-center justify-center gap-4\",\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey \|\| item.dataKey \|\| \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className={cn(\n \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n {itemConfig?.label}\n </div>\n )\n })}\n </div>\n )\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" \|\| payload === null) {\n return undefined\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined\n\n let configLabelKey: string = key\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config]\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","theme","prefix","key","itemConfig","color","_a","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","label","indicator","hideLabel","hideIndicator","labelFormatter","formatter","labelClassName","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","v","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}

package/dist/components/ui/checkbox.d.ts CHANGED Viewed

@@ -1,4 +1,13 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react';
 import * as React from 'react';
+/**
+ * Extends Base UI's Checkbox props to accept `checked="indeterminate"` for
+ * backwards-compatibility with the Radix UI API. Base UI uses a separate boolean
+ * `indeterminate` prop, so we override `checked` here and normalize it internally.
+ */
+export type CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked'> & {
+    checked?: boolean | 'indeterminate';
+};
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref">, "checked"> & {
     checked?: boolean | "indeterminate";
 } & React.RefAttributes<HTMLElement>>;

package/dist/components/ui/checkbox.js CHANGED Viewed

@@ -1,36 +1,36 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { cn as t } from "../../lib/utils.js";
-import "../icons/dynamic-icons.js";
-import { MinusIcon as m, CheckIcon as s } from "../icons/auto-generated.js";
-import { CheckboxRoot as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRoot.js";
-import { CheckboxIndicator as b } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/checkbox/indicator/CheckboxIndicator.js";
-const u = c.forwardRef(
-  ({ className: o, checked: r, indeterminate: n, ...d }, a) => {
-    const i = n ?? r === "indeterminate";
+import { Checkbox as t } from "@base-ui/react";
+import { cn as d } from "../../lib/utils.js";
+const m = c.forwardRef(
+  ({ className: i, checked: a, indeterminate: n, ...o }, s) => {
+    const r = n ?? a === "indeterminate", l = a === "indeterminate" ? void 0 : a;
     return /* @__PURE__ */ e(
-      l,
+      t.Root,
       {
-        ref: a,
-        checked: r === "indeterminate" ? void 0 : r,
-        indeterminate: i,
-        className: t(
-          "peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-sm border bg-background border-input/30 transition-colors",
-          "hover:border-input/50",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          "disabled:cursor-not-allowed disabled:bg-muted/10 disabled:border-muted/10",
+        ref: s,
+        checked: l,
+        indeterminate: r,
+        className: d(
+          "peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-[2px] border bg-background border-primary/30 transition-colors",
+          "hover:border-primary/50",
+          "active:border-primary",
+          "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[hsl(var(--checkbox-focus))]",
           "data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground",
           "data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground",
-          o
+          "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:border-[hsl(var(--av-primary)/0.1)]",
+          "data-[disabled]:data-[checked]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[checked]:border-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[checked]:text-[hsl(var(--av-primary)/0.5)]",
+          "data-[disabled]:data-[indeterminate]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[indeterminate]:border-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[indeterminate]:text-[hsl(var(--av-primary)/0.5)]",
+          i
         ),
-        ...d,
-        children: /* @__PURE__ */ e(b, { keepMounted: !0, className: t("flex items-center justify-center text-current data-[unchecked]:hidden"), children: i ? /* @__PURE__ */ e(m, { className: "h-3 w-3" }) : /* @__PURE__ */ e(s, { className: "h-3 w-3" }) })
+        ...o,
+        children: /* @__PURE__ */ e(t.Indicator, { keepMounted: !0, className: d("flex items-center justify-center text-current data-[unchecked]:opacity-0"), children: r ? /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M2 7h12v2H2z" }) }) : /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M1.7071 8.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l10-10c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L5 11.5858l-3.2929-3.293Z" }) }) })
       }
     );
   }
 );
-u.displayName = "Checkbox";
+m.displayName = "Checkbox";
 export {
-  u as Checkbox
+  m as Checkbox
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/ui/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react'\~~nimport { CheckIcon, MinusIcon } from '@/components/icons'\~~n\nimport { cn } from '@/lib/utils'\n\n/*\n Extends Base UI's Checkbox props to accept `checked=\"indeterminate\"` for\n * backwards-compatibility with the Radix UI API. Base UI uses a separate boolean\n * `indeterminate` prop, so we override `checked` here and normalize it internally.\n /\~~ntype~~ CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked'> & {\n checked?: boolean \| 'indeterminate'\n}\n\nconst Checkbox = React.forwardRef<HTMLElement, CheckboxProps>(\n ({ className, checked, indeterminate, ...props }, ref) => {\n // Derive indeterminate state from either the explicit `indeterminate` prop or\n // the Radix-style `checked=\"indeterminate\"` string. An explicit boolean\n // `indeterminate` prop takes precedence (via `??`).\n const isIndeterminate = indeterminate ?? (checked === 'indeterminate')\n // Normalize checked to boolean for Base UI (which does not accept the string 'indeterminate').\n const normalizedChecked = checked === 'indeterminate' ? undefined : checked\n\n return (\n <CheckboxPrimitive.Root\n ref={ref}\n checked={normalizedChecked}\n indeterminate={isIndeterminate}\n className={cn(\n 'peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-sm border bg-background border-~~input~~/30 transition-colors',\n 'hover:border-~~input~~/50',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-~~ring~~ focus-~~visible~~:~~ring~~-~~offset~~-2',\n 'disabled:cursor-not-allowed disabled:bg-~~muted~~/10 disabled:border-~~muted~~/10',\n 'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary~~-foreground~~',\n 'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary~~-foreground~~',\n className\n )}\n {...props}\n >\n {/ keepMounted ensures the indicator stays in the DOM so we can always render the correct icon */}\n <CheckboxPrimitive.Indicator keepMounted className={cn('flex items-center justify-center text-current data-[unchecked]:~~hidden~~')}>\n {isIndeterminate ? (\n <~~MinusIcon~~ className=\"h-3 w-3\" />\n ) : (\n <~~CheckIcon~~ className=\"h-3 w-3\" />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","isIndeterminate","~~jsx~~","~~CheckboxPrimitive.Root~~","~~cn","~~CheckboxPrimitive~~.Indicator~~","~~MinusIcon~~"~~,"CheckIcon"~~],"mappings":"~~;;;;;;;AAeA~~,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAIxD,UAAMC,IAAkBH,KAAkBD,MAAY;~~AAItD~~,WACE,~~gBAAAK~~;AAAA,MAACC;~~AAAAA~~,~~MAAA~~;AAAA,QACC,~~KAAAH~~;AAAA,QACA,~~SALsBH,MAAY,kBAAkB,SAAYA~~;AAAA,~~QAMhE~~,~~eAAeI~~;AAAA,QACf,~~WAAWG~~;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,~~UACAR~~;AAAA,QAAA;AAAA,QAED,GAAGG;AAAA,QAGJ,UAAA,~~gBAAAG~~,~~EAACG~~,~~GAAA~~,EAA4B,aAAW,IAAC,~~WAAWD~~,EAAG,~~uEAAuE~~,~~GAC3H~~,cACC,gBAAAF,~~EAACI~~,~~GAAA~~,~~EAAU~~,WAAU,~~WAAU~~,~~sBAE9BC~~,~~GAAA~~,~~EAAU~~,~~WAAU~~,WAAU,EAAA,~~CAEnC~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;~~AACAb~~,EAAS,cAAc;"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\n/*\n Extends Base UI's Checkbox props to accept `checked=\"indeterminate\"` for\n * backwards-compatibility with the Radix UI API. Base UI uses a separate boolean\n * `indeterminate` prop, so we override `checked` here and normalize it internally.\n /\nexport type CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked'> & {\n checked?: boolean \| 'indeterminate'\n}\n\nconst Checkbox = React.forwardRef<HTMLElement, CheckboxProps>(\n ({ className, checked, indeterminate, ...props }, ref) => {\n // Derive indeterminate state from either the explicit `indeterminate` prop or\n // the Radix-style `checked=\"indeterminate\"` string. An explicit boolean\n // `indeterminate` prop takes precedence (via `??`).\n const isIndeterminate = indeterminate ?? (checked === 'indeterminate')\n // Normalize checked to boolean for Base UI (which does not accept the string 'indeterminate').\n const normalizedChecked = checked === 'indeterminate' ? undefined : checked\n\n return (\n <CheckboxPrimitive.Root\n ref={ref}\n checked={normalizedChecked}\n indeterminate={isIndeterminate}\n className={cn(\n 'peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-[2px] border bg-background border-primary/30 transition-colors',\n 'hover:border-primary/50',\n 'active:border-primary',\n 'focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[hsl(var(--checkbox-focus))]',\n 'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n 'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n 'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:border-[hsl(var(--av-primary)/0.1)]',\n 'data-[disabled]:data-[checked]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[checked]:border-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[checked]:text-[hsl(var(--av-primary)/0.5)]',\n 'data-[disabled]:data-[indeterminate]:bg-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[indeterminate]:border-[hsl(var(--av-primary)/0.1)] data-[disabled]:data-[indeterminate]:text-[hsl(var(--av-primary)/0.5)]',\n className\n )}\n {...props}\n >\n {/ keepMounted ensures the indicator stays in the DOM so we can always render the correct icon */}\n <CheckboxPrimitive.Indicator keepMounted className={cn('flex items-center justify-center text-current data-[unchecked]:opacity-0')}>\n {isIndeterminate ? (\n <svg className=\"h-2.5 w-2.5\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill=\"currentColor\" d=\"M2 7h12v2H2z\" />\n </svg>\n ) : (\n <svg className=\"h-2.5 w-2.5\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill=\"currentColor\" d=\"M1.7071 8.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l10-10c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L5 11.5858l-3.2929-3.293Z\" />\n </svg>\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","isIndeterminate","normalizedChecked","jsx","CheckboxPrimitive","cn"],"mappings":";;;;AAcA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAIxD,UAAMC,IAAkBH,KAAkBD,MAAY,iBAEhDK,IAAoBL,MAAY,kBAAkB,SAAYA;AAEpE,WACE,gBAAAM;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,KAAAJ;AAAA,QACA,SAASE;AAAA,QACT,eAAeD;AAAA,QACf,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAT;AAAA,QAAA;AAAA,QAED,GAAGG;AAAA,QAGJ,UAAA,gBAAAI,EAACC,EAAkB,WAAlB,EAA4B,aAAW,IAAC,WAAWC,EAAG,0EAA0E,GAC9H,cACC,gBAAAF,EAAC,OAAA,EAAI,WAAU,eAAc,SAAQ,aAAY,MAAK,QAAO,OAAM,8BACjE,UAAA,gBAAAA,EAAC,QAAA,EAAK,MAAK,gBAAe,GAAE,gBAAe,EAAA,CAC7C,sBAEC,OAAA,EAAI,WAAU,eAAc,SAAQ,aAAY,MAAK,QAAO,OAAM,8BACjE,UAAA,gBAAAA,EAAC,QAAA,EAAK,MAAK,gBAAe,GAAE,2NAAA,CAA2N,EAAA,CACzP,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAT,EAAS,cAAc;"}

package/dist/components/ui/collapsible.js CHANGED Viewed

@@ -1,27 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import { Collapsible as o } from "@base-ui/react";
 import { cn as r } from "../../lib/utils.js";
-import { CollapsiblePanel as s } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js";
-import { CollapsibleRoot as n } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js";
-import { CollapsibleTrigger as p } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js";
-const c = n, h = p, m = i.forwardRef(({ className: o, style: l, ...e }, t) => /* @__PURE__ */ a(
-  s,
+const C = o.Root, f = o.Trigger, n = s.forwardRef(({ className: t, style: e, ...l }, a) => /* @__PURE__ */ i(
+  o.Panel,
   {
-    ref: t,
+    ref: a,
     className: r(
       "overflow-hidden",
       "data-[starting-style]:h-0 data-[ending-style]:h-0",
       "transition-[height] duration-200 ease-out",
-      o
+      t
     ),
-    style: l,
-    ...e
+    style: e,
+    ...l
   }
 ));
-m.displayName = "CollapsibleContent";
+n.displayName = "CollapsibleContent";
 export {
-  c as Collapsible,
-  m as CollapsibleContent,
-  h as CollapsibleTrigger
+  C as Collapsible,
+  n as CollapsibleContent,
+  f as CollapsibleTrigger
 };
 //# sourceMappingURL=collapsible.js.map

package/dist/components/ui/collapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collapsible.js","sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst Collapsible = CollapsiblePrimitive.Root\nconst CollapsibleTrigger = CollapsiblePrimitive.Trigger\n// Base UI renamed Content → Panel; re-export under the original name for API compatibility\nconst CollapsibleContent = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Panel>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Panel>\n>(({ className, style, ...props }, ref) => (\n <CollapsiblePrimitive.Panel\n ref={ref}\n className={cn(\n 'overflow-hidden',\n 'data-[starting-style]:h-0 data-[ending-style]:h-0',\n 'transition-[height] duration-200 ease-out',\n className\n )}\n style={style}\n {...props}\n />\n))\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive~~.Root~~","CollapsibleTrigger","~~CollapsiblePrimitive.Trigger","~~CollapsibleContent","React","className","style","props","ref","jsx","~~CollapsiblePrimitive.Panel","~~cn"],"mappings":"~~;;;;;;~~AAOA,MAAMA,IAAcC,~~GACdC~~,~~IAAqBC~~,~~GAErBC~~,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KAASC,MACjC,gBAAAC;AAAA,~~EAACC~~;~~AAAAA~~,~~EAAA~~;AAAA,IACC,~~KAAAF~~;AAAA,IACA,~~WAAWG~~;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,~~MACAN~~;AAAA,IAAA;AAAA,IAEF,OAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDJ,EAAmB,cAAc;"}
1	+ {"version":3,"file":"collapsible.js","sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst Collapsible = CollapsiblePrimitive.Root\nconst CollapsibleTrigger = CollapsiblePrimitive.Trigger\n// Base UI renamed Content → Panel; re-export under the original name for API compatibility\nconst CollapsibleContent = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Panel>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Panel>\n>(({ className, style, ...props }, ref) => (\n <CollapsiblePrimitive.Panel\n ref={ref}\n className={cn(\n 'overflow-hidden',\n 'data-[starting-style]:h-0 data-[ending-style]:h-0',\n 'transition-[height] duration-200 ease-out',\n className\n )}\n style={style}\n {...props}\n />\n))\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent","React","className","style","props","ref","jsx","cn"],"mappings":";;;;AAOA,MAAMA,IAAcC,EAAqB,MACnCC,IAAqBD,EAAqB,SAE1CE,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KAASC,MACjC,gBAAAC;AAAA,EAACR,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IAAA;AAAA,IAEF,OAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDJ,EAAmB,cAAc;"}

package/dist/components/ui/command.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/command.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as r from "react";
-import { Command as o } from "../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@18.3.7_@types_react@18.3.27__@types_react@18.3.27_react-dom_432f7245dc8bab9f07ec6fe8c80615a1/node_modules/cmdk/dist/index.js";
+import { Command as o } from "../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.2.3_@types_react@19.2.14__@types_react@19.2.14_react-dom_774a6dff9510bebce6a2343405a1ca59/node_modules/cmdk/dist/index.js";
 import { cn as m } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
 import { SearchIcon as p } from "../icons/auto-generated.js";

package/dist/components/ui/data-table/data-table-column-header.js CHANGED Viewed

@@ -1,43 +1,44 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { cn as s } from "../../../lib/utils.js";
+import "react";
+import { cn as i } from "../../../lib/utils.js";
 import "../../icons/dynamic-icons.js";
-import { ArrowSortDownIcon as i, ArrowSortUpIcon as d, ChevronUpdownIcon as c, HideIcon as l } from "../../icons/auto-generated.js";
-import { Button as m } from "../button.js";
-import { DropdownMenu as g, DropdownMenuTrigger as h, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuSeparator as w } from "../dropdown-menu.js";
-function C({
+import { ArrowSortDownIcon as s, ArrowSortUpIcon as d, ChevronUpdownIcon as c, HideIcon as m } from "../../icons/auto-generated.js";
+import { Button as l } from "../button.js";
+import { DropdownMenu as g, DropdownMenuTrigger as p, DropdownMenuContent as h, DropdownMenuItem as t, DropdownMenuSeparator as w } from "../dropdown-menu.js";
+function I({
   column: r,
   title: n,
   className: a
 }) {
-  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: s("flex items-center space-x-2", a), children: /* @__PURE__ */ o(g, { children: [
+  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: i("flex items-center space-x-2", a), children: /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ o(
-      h,
+      p,
       {
-        render: /* @__PURE__ */ e(m, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[open]:bg-accent" }),
+        render: /* @__PURE__ */ e(l, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[open]:bg-accent" }),
         children: [
           /* @__PURE__ */ e("span", { children: n }),
-          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(i, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(d, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(c, { className: "ml-2 h-4 w-4" })
+          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(s, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(d, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(c, { className: "ml-2 h-4 w-4" })
         ]
       }
     ),
-    /* @__PURE__ */ o(p, { align: "start", children: [
+    /* @__PURE__ */ o(h, { align: "start", children: [
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!1), children: [
         /* @__PURE__ */ e(d, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Asc"
       ] }),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!0), children: [
-        /* @__PURE__ */ e(i, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(s, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Desc"
       ] }),
       /* @__PURE__ */ e(w, {}),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleVisibility(!1), children: [
-        /* @__PURE__ */ e(l, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(m, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Hide"
       ] })
     ] })
-  ] }) }) : /* @__PURE__ */ e("div", { className: s(a), children: n });
+  ] }) }) : /* @__PURE__ */ e("div", { className: i(a), children: n });
 }
 export {
-  C as DataTableColumnHeader
+  I as DataTableColumnHeader
 };
 //# sourceMappingURL=data-table-column-header.js.map

package/dist/components/ui/data-table/data-table-column-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowSortDownIcon, ArrowSortUpIcon, ChevronUpdownIcon, HideIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: Column<TData, TValue>\n title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n if (!column.getCanSort()) {\n return <div className={cn(className)}>{title}</div>\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger\n render={<Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[open]:bg-accent\" />}\n >\n <span>{title}</span>\n {column.getIsSorted() === 'desc' ? (\n <ArrowSortDownIcon className=\"ml-2 h-4 w-4\" />\n ) : column.getIsSorted() === 'asc' ? (\n <ArrowSortUpIcon className=\"ml-2 h-4 w-4\" />\n ) : (\n <ChevronUpdownIcon className=\"ml-2 h-4 w-4\" />\n )}\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n <ArrowSortUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n <ArrowSortDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n <HideIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowSortDownIcon","ArrowSortUpIcon","ChevronUpdownIcon","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","HideIcon"],"mappings":"~~;;;;;;~~AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC;AAAA,QAEtF,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAkB,WAAU,gBAAe,IAC1CT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAgB,WAAU,gBAAe,IAE1C,gBAAAP,EAACQ,GAAA,EAAkB,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAgB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE3E;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAkB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE7E;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAS,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAEpE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAlCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAoCjD;"}
1	+ {"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowSortDownIcon, ArrowSortUpIcon, ChevronUpdownIcon, HideIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: Column<TData, TValue>\n title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n if (!column.getCanSort()) {\n return <div className={cn(className)}>{title}</div>\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger\n render={<Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[open]:bg-accent\" />}\n >\n <span>{title}</span>\n {column.getIsSorted() === 'desc' ? (\n <ArrowSortDownIcon className=\"ml-2 h-4 w-4\" />\n ) : column.getIsSorted() === 'asc' ? (\n <ArrowSortUpIcon className=\"ml-2 h-4 w-4\" />\n ) : (\n <ChevronUpdownIcon className=\"ml-2 h-4 w-4\" />\n )}\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n <ArrowSortUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n <ArrowSortDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n <HideIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowSortDownIcon","ArrowSortUpIcon","ChevronUpdownIcon","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","HideIcon"],"mappings":";;;;;;;AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC;AAAA,QAEtF,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAkB,WAAU,gBAAe,IAC1CT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAgB,WAAU,gBAAe,IAE1C,gBAAAP,EAACQ,GAAA,EAAkB,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAgB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE3E;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAkB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE7E;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAS,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAEpE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAlCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAoCjD;"}

package/dist/components/ui/data-table/data-table-pagination.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
-import { ChevronBigLeftIcon as i, ChevronLeftIcon as l, ChevronRightIcon as o, ChevronBigRightIcon as c } from "../../icons/auto-generated.js";
-import { Button as t } from "../button.js";
-import { Select as r, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
-function v({ table: e }) {
+import { ChevronBigLeftIcon as i, ChevronLeftIcon as l, ChevronRightIcon as o, ChevronBigRightIcon as r } from "../../icons/auto-generated.js";
+import { Button as s } from "../button.js";
+import { Select as c, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
+function w({ table: e }) {
   return /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2", children: [
     /* @__PURE__ */ n("div", { className: "flex-1 text-sm text-muted-foreground", children: [
       e.getFilteredSelectedRowModel().rows.length,
@@ -16,15 +17,15 @@ function v({ table: e }) {
       /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Rows per page" }),
         /* @__PURE__ */ n(
-          r,
+          c,
           {
             value: `${e.getState().pagination.pageSize}`,
-            onValueChange: (s) => {
-              e.setPageSize(Number(s));
+            onValueChange: (t) => {
+              e.setPageSize(Number(t));
             },
             children: [
               /* @__PURE__ */ a(d, { className: "h-8 w-[70px]", children: /* @__PURE__ */ a(g, { placeholder: e.getState().pagination.pageSize }) }),
-              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((s) => /* @__PURE__ */ a(h, { value: `${s}`, children: s }, s)) })
+              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((t) => /* @__PURE__ */ a(h, { value: `${t}`, children: t }, t)) })
             ]
           }
         )
@@ -37,7 +38,7 @@ function v({ table: e }) {
       ] }),
       /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "hidden h-8 w-8 p-0 lg:flex",
@@ -50,7 +51,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "h-8 w-8 p-0",
@@ -63,7 +64,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "h-8 w-8 p-0",
@@ -76,7 +77,7 @@ function v({ table: e }) {
           }
         ),
         /* @__PURE__ */ n(
-          t,
+          s,
           {
             variant: "outline",
             className: "hidden h-8 w-8 p-0 lg:flex",
@@ -84,7 +85,7 @@ function v({ table: e }) {
             disabled: !e.getCanNextPage(),
             children: [
               /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to last page" }),
-              /* @__PURE__ */ a(c, { className: "h-4 w-4" })
+              /* @__PURE__ */ a(r, { className: "h-4 w-4" })
             ]
           }
         )
@@ -93,6 +94,6 @@ function v({ table: e }) {
   ] });
 }
 export {
-  v as DataTablePagination
+  w as DataTablePagination
 };
 //# sourceMappingURL=data-table-pagination.js.map

package/dist/components/ui/data-table/data-table-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n return (\n <div className=\"flex items-center justify-between px-2\">\n <div className=\"flex-1 text-sm text-muted-foreground\">\n {table.getFilteredSelectedRowModel().rows.length} of{' '}\n {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={`${table.getState().pagination.pageSize}`}\n onValueChange={(value) => {\n table.setPageSize(Number(value))\n }}\n >\n <SelectTrigger className=\"h-8 w-[70px]\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={`${pageSize}`}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n variant=\"outline\"\n className=\"hidden h-8 w-8 p-0 lg:flex\"\n onClick={() => table.setPageIndex(0)}\n disabled={!table.getCanPreviousPage()}\n >\n <span className=\"sr-only\">Go to first page</span>\n <ChevronBigLeftIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-8 w-8 p-0\"\n onClick={() => table.previousPage()}\n disabled={!table.getCanPreviousPage()}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-8 w-8 p-0\"\n onClick={() => table.nextPage()}\n disabled={!table.getCanNextPage()}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"hidden h-8 w-8 p-0 lg:flex\"\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n disabled={!table.getCanNextPage()}\n >\n <span className=\"sr-only\">Go to last page</span>\n <ChevronBigRightIcon className=\"h-4 w-4\" />\n </Button>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"~~;;;;;~~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"}
1	+ {"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n return (\n <div className=\"flex items-center justify-between px-2\">\n <div className=\"flex-1 text-sm text-muted-foreground\">\n {table.getFilteredSelectedRowModel().rows.length} of{' '}\n {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={`${table.getState().pagination.pageSize}`}\n onValueChange={(value) => {\n table.setPageSize(Number(value))\n }}\n >\n <SelectTrigger className=\"h-8 w-[70px]\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={`${pageSize}`}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n variant=\"outline\"\n className=\"hidden h-8 w-8 p-0 lg:flex\"\n onClick={() => table.setPageIndex(0)}\n disabled={!table.getCanPreviousPage()}\n >\n <span className=\"sr-only\">Go to first page</span>\n <ChevronBigLeftIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-8 w-8 p-0\"\n onClick={() => table.previousPage()}\n disabled={!table.getCanPreviousPage()}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-8 w-8 p-0\"\n onClick={() => table.nextPage()}\n disabled={!table.getCanNextPage()}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"h-4 w-4\" />\n </Button>\n <Button\n variant=\"outline\"\n className=\"hidden h-8 w-8 p-0 lg:flex\"\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n disabled={!table.getCanNextPage()}\n >\n <span className=\"sr-only\">Go to last page</span>\n <ChevronBigRightIcon className=\"h-4 w-4\" />\n </Button>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":";;;;;;AAeO,SAASA,EAA2B,EAAE,OAAAC,KAA0C;AACrF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wCACZ,UAAA;AAAA,MAAAD,EAAM,8BAA8B,KAAK;AAAA,MAAO;AAAA,MAAI;AAAA,MACpDA,EAAM,sBAAsB,KAAK;AAAA,MAAO;AAAA,IAAA,GAC3C;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,uBAAsB,UAAA,iBAAa;AAAA,QAChD,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAO,GAAGH,EAAM,SAAA,EAAW,WAAW,QAAQ;AAAA,YAC9C,eAAe,CAACI,MAAU;AACxB,cAAAJ,EAAM,YAAY,OAAOI,CAAK,CAAC;AAAA,YACjC;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAF,EAACG,GAAA,EAAc,WAAU,gBACvB,UAAA,gBAAAH,EAACI,GAAA,EAAY,aAAaN,EAAM,SAAA,EAAW,WAAW,SAAA,CAAU,GAClE;AAAA,cACA,gBAAAE,EAACK,KAAc,MAAK,OACjB,WAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,CAACC,MACzB,gBAAAN,EAACO,GAAA,EAA0B,OAAO,GAAGD,CAAQ,IAC1C,UAAAA,KADcA,CAEjB,CACD,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MACA,gBAAAP,EAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA;AAAA,QAAA;AAAA,QACxED,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,QAAE;AAAA,QAAKA,EAAM,aAAA;AAAA,MAAa,GAC1E;AAAA,MACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAMV,EAAM,aAAa,CAAC;AAAA,YACnC,UAAU,CAACA,EAAM,mBAAA;AAAA,YAEjB,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,oBAAgB;AAAA,cAC1C,gBAAAA,EAACS,GAAA,EAAmB,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1C,gBAAAV;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAMV,EAAM,aAAA;AAAA,YACrB,UAAU,CAACA,EAAM,mBAAA;AAAA,YAEjB,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,uBAAmB;AAAA,cAC7C,gBAAAA,EAACU,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEvC,gBAAAX;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAMV,EAAM,SAAA;AAAA,YACrB,UAAU,CAACA,EAAM,eAAA;AAAA,YAEjB,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,mBAAe;AAAA,cACzC,gBAAAA,EAACW,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAExC,gBAAAZ;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAMV,EAAM,aAAaA,EAAM,aAAA,IAAiB,CAAC;AAAA,YAC1D,UAAU,CAACA,EAAM,eAAA;AAAA,YAEjB,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,mBAAe;AAAA,cACzC,gBAAAA,EAACY,GAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3C,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}