@james_sww/metaform-asset-distribution 0.1.4 → 0.1.5

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0cbe7c0b8bb0a8ae5e9fbc58b5e305a3.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0cbe7c0b8bb0a8ae5e9fbc58b5e305a3","files":[{"content":"// Tremor Drawer [v1.0.0]\n\nimport * as React from \"react\"\nimport * as DrawerPrimitives from \"@radix-ui/react-dialog\"\nimport { RiCloseLine } from \"@remixicon/react\"\n\nimport { cx } from \"../../utils/cx\"\nimport { focusRing } from \"../../utils/focusRing\"\nimport { Button } from \"../Button/Button\"\n\nconst Drawer = (\n  props: React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Root>,\n) => {\n  return <DrawerPrimitives.Root tremor-id=\"tremor-raw\" {...props} />\n}\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Trigger>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPrimitives.Trigger ref={ref} className={cx(className)} {...props} />\n  )\n})\nDrawerTrigger.displayName = \"Drawer.Trigger\"\n\nconst DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Close>\n>(({ className, ...props }, ref) => {\n  return (\n    <DrawerPrimitives.Close ref={ref} className={cx(className)} {...props} />\n  )\n})\nDrawerClose.displayName = \"Drawer.Close\"\n\nconst DrawerPortal = DrawerPrimitives.Portal\n\nDrawerPortal.displayName = \"DrawerPortal\"\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Overlay>\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DrawerPrimitives.Overlay\n      ref={forwardedRef}\n      className={cx(\n        // base\n        \"fixed inset-0 z-50 overflow-y-auto\",\n        // background color\n        \"bg-black/30\",\n        // transition\n        \"data-[state=closed]:animate-hide data-[state=open]:animate-dialog-overlay-show\",\n        className,\n      )}\n      {...props}\n      style={{\n        animationDuration: \"400ms\",\n        animationFillMode: \"backwards\",\n      }}\n    />\n  )\n})\n\nDrawerOverlay.displayName = \"DrawerOverlay\"\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Content>\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DrawerPortal>\n      <DrawerOverlay>\n        <DrawerPrimitives.Content\n          ref={forwardedRef}\n          className={cx(\n            // base\n            \"fixed inset-y-2 z-50 mx-auto flex w-[95vw] flex-1 flex-col overflow-y-auto rounded-md border p-4 shadow-lg focus:outline-hidden max-sm:inset-x-2 sm:inset-y-2 sm:right-2 sm:max-w-lg sm:p-6\",\n            // border color\n            \"border-gray-200 dark:border-gray-900\",\n            // background color\n            \"bg-white dark:bg-[#090E1A]\",\n            // transition\n            \"data-[state=closed]:animate-drawer-slide-right-and-fade data-[state=open]:animate-drawer-slide-left-and-fade\",\n            focusRing,\n            className,\n          )}\n          {...props}\n        />\n      </DrawerOverlay>\n    </DrawerPortal>\n  )\n})\n\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className=\"flex items-start justify-between gap-x-4 border-b border-gray-200 pb-4 dark:border-gray-900\"\n      {...props}\n    >\n      <div className={cx(\"mt-1 flex flex-col gap-y-1\", className)}>\n        {children}\n      </div>\n      <DrawerPrimitives.Close asChild>\n        <Button\n          variant=\"ghost\"\n          className=\"aspect-square p-1 hover:bg-gray-100 dark:hover:bg-gray-400/10\"\n        >\n          <RiCloseLine className=\"size-6\" aria-hidden=\"true\" />\n        </Button>\n      </DrawerPrimitives.Close>\n    </div>\n  )\n})\n\nDrawerHeader.displayName = \"Drawer.Header\"\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Title>\n>(({ className, ...props }, forwardedRef) => (\n  <DrawerPrimitives.Title\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"text-base font-semibold\",\n      // text color\n      \"text-gray-900 dark:text-gray-50\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nDrawerTitle.displayName = \"DrawerTitle\"\n\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={cx(\"flex-1 py-4\", className)} {...props} />\n})\nDrawerBody.displayName = \"Drawer.Body\"\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitives.Description>\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DrawerPrimitives.Description\n      ref={forwardedRef}\n      className={cx(\"text-gray-500 dark:text-gray-500\", className)}\n      {...props}\n    />\n  )\n})\n\nDrawerDescription.displayName = \"DrawerDescription\"\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cx(\n        \"flex flex-col-reverse border-t border-gray-200 pt-4 sm:flex-row sm:justify-end sm:space-x-2 dark:border-gray-900\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n}\n","path":"src/components/vendor/tremor/components/Drawer/Drawer.tsx","target":"~/src/components/vendor/tremor/components/Drawer/Drawer.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0cbe7c0b8bb0a8ae5e9fbc58b5e305a3","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Drawer/Drawer.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0cbe7c0b8bb0a8ae5e9fbc58b5e305a3","registryDependencies":[],"title":"resource.file.0cbe7c0b8bb0a8ae5e9fbc58b5e305a3","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0d09ea83af37be20d289013e66c9a7af.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0d09ea83af37be20d289013e66c9a7af","files":[{"content":"import * as React from 'react';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'h-9 w-full min-w-0 rounded-md border border-input bg-card px-3 py-1 text-sm text-foreground shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:border-foreground/30 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/25 read-only:bg-muted/50 read-only:text-muted-foreground read-only:border-border/60 read-only:cursor-default disabled:bg-muted/50 disabled:text-muted-foreground disabled:border-border/60 disabled:cursor-not-allowed disabled:opacity-100',\n        'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","path":"references/metaform/vendor/design-system/src/components/ui/input.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/input.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0d09ea83af37be20d289013e66c9a7af","contractRef":"vendor/design-system/src/components/ui/input.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0d09ea83af37be20d289013e66c9a7af","registryDependencies":[],"title":"resource.file.0d09ea83af37be20d289013e66c9a7af","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0d31920a13fd8133a2c5344545be2c54.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0d31920a13fd8133a2c5344545be2c54","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Area, AreaChart, CartesianGrid, XAxis, YAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"An area chart with axes\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartAreaAxes() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Area Chart - Axes</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <AreaChart\n            accessibilityLayer\n            data={chartData}\n            margin={{\n              left: -20,\n              right: 12,\n            }}\n          >\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"month\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={(value) => value.slice(0, 3)}\n            />\n            <YAxis\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickCount={3}\n            />\n            <ChartTooltip cursor={false} content={<ChartTooltipContent />} />\n            <Area\n              dataKey=\"mobile\"\n              type=\"natural\"\n              fill=\"var(--color-mobile)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-mobile)\"\n              stackId=\"a\"\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter>\n        <div className=\"flex w-full items-start gap-2 text-sm\">\n          <div className=\"grid gap-2\">\n            <div className=\"flex items-center gap-2 leading-none font-medium\">\n              Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n            </div>\n            <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n              January - June 2024\n            </div>\n          </div>\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-area-axes.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-area-axes.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0d31920a13fd8133a2c5344545be2c54","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-area-axes.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0d31920a13fd8133a2c5344545be2c54","registryDependencies":[],"title":"resource.file.0d31920a13fd8133a2c5344545be2c54","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0e23f15fd250f0456d35a75ccb3b27b1.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0e23f15fd250f0456d35a75ccb3b27b1","files":[{"content":"// Tremor focusInput [v0.0.2]\n\nexport const focusInput = [\n  // base\n  \"focus:ring-2\",\n  // ring color\n  \"focus:ring-blue-200 dark:focus:ring-blue-700/30\",\n  // border color\n  \"focus:border-blue-500 dark:focus:border-blue-700\",\n]\n","path":"src/components/vendor/tremor/utils/focusInput.ts","target":"~/src/components/vendor/tremor/utils/focusInput.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.0e23f15fd250f0456d35a75ccb3b27b1","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/utils/focusInput.ts","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0e23f15fd250f0456d35a75ccb3b27b1","registryDependencies":[],"title":"resource.file.0e23f15fd250f0456d35a75ccb3b27b1","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0e43b049179074ae830c244f325310b1.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0e43b049179074ae830c244f325310b1","files":[{"content":"import * as React from 'react';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-card px-3 py-2 text-sm text-foreground shadow-xs transition-colors outline-none placeholder:text-muted-foreground hover:border-border/80 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/25 read-only:bg-muted/50 read-only:text-muted-foreground read-only:border-border/60 read-only:cursor-default disabled:bg-muted/50 disabled:text-muted-foreground disabled:border-border/60 disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","path":"references/metaform/vendor/design-system/src/components/ui/textarea.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/textarea.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0e43b049179074ae830c244f325310b1","contractRef":"vendor/design-system/src/components/ui/textarea.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0e43b049179074ae830c244f325310b1","registryDependencies":[],"title":"resource.file.0e43b049179074ae830c244f325310b1","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0e64be393a9d884967b30ad28758071b.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0e64be393a9d884967b30ad28758071b","files":[{"content":"\nimport { ChevronDownIcon as __MetaformChevronDownIcon } from \"lucide-react\";\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\n\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"cn-native-select-wrapper group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"cn-native-select outline-none disabled:pointer-events-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n      <__MetaformChevronDownIcon\n        \n        \n        \n        \n        \n        className=\"cn-native-select-icon pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n","path":"src/components/vendor/shadcn/aria/ui/native-select.tsx","target":"~/src/components/vendor/shadcn/aria/ui/native-select.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0e64be393a9d884967b30ad28758071b","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/native-select.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0e64be393a9d884967b30ad28758071b","registryDependencies":[],"title":"resource.file.0e64be393a9d884967b30ad28758071b","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0f02a59d40323f651a14364eec0b3baf.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0f02a59d40323f651a14364eec0b3baf","files":[{"content":"import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"cn-button group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-button-variant-default\",\n        outline: \"cn-button-variant-outline\",\n        secondary: \"cn-button-variant-secondary\",\n        ghost: \"cn-button-variant-ghost\",\n        destructive: \"cn-button-variant-destructive\",\n        link: \"cn-button-variant-link\",\n      },\n      size: {\n        default: \"cn-button-size-default\",\n        xs: \"cn-button-size-xs\",\n        sm: \"cn-button-size-sm\",\n        lg: \"cn-button-size-lg\",\n        icon: \"cn-button-size-icon\",\n        \"icon-xs\": \"cn-button-size-icon-xs\",\n        \"icon-sm\": \"cn-button-size-icon-sm\",\n        \"icon-lg\": \"cn-button-size-icon-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","path":"src/components/vendor/shadcn/base/ui/button.tsx","target":"~/src/components/vendor/shadcn/base/ui/button.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0f02a59d40323f651a14364eec0b3baf","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/button.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0f02a59d40323f651a14364eec0b3baf","registryDependencies":[],"title":"resource.file.0f02a59d40323f651a14364eec0b3baf","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-0f98ecb78bce41a67dea5ab9f0de1ebf.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.0f98ecb78bce41a67dea5ab9f0de1ebf","files":[{"content":"import type { ComponentProps } from 'react';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('animate-pulse rounded-md bg-muted/60', className)}\n      {...props}\n    />\n  );\n}\n","path":"references/metaform/vendor/design-system/src/components/ui/skeleton.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/skeleton.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.0f98ecb78bce41a67dea5ab9f0de1ebf","contractRef":"vendor/design-system/src/components/ui/skeleton.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-0f98ecb78bce41a67dea5ab9f0de1ebf","registryDependencies":[],"title":"resource.file.0f98ecb78bce41a67dea5ab9f0de1ebf","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-109c3f38f0954dc1aad9bd36caf2ab75.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.109c3f38f0954dc1aad9bd36caf2ab75","files":[{"content":"// Tremor Date Picker [v2.0.0]\n\n\"use client\"\n\nimport * as React from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport * as PopoverPrimitives from \"@radix-ui/react-popover\"\nimport {\n  useDateSegment,\n  useTimeField,\n  type AriaTimeFieldProps,\n  type TimeValue,\n} from \"@react-aria/datepicker\"\nimport {\n  useTimeFieldState,\n  type DateFieldState,\n  type DateSegment,\n} from \"@react-stately/datepicker\"\nimport { RiCalendar2Fill, RiSubtractFill } from \"@remixicon/react\"\nimport { format, type Locale } from \"date-fns\"\nimport { enUS } from \"date-fns/locale\"\nimport { tv, type VariantProps } from \"tailwind-variants\"\n\nimport { cx } from \"../../utils/cx\"\nimport { focusInput } from \"../../utils/focusInput\"\nimport { focusRing } from \"../../utils/focusRing\"\nimport { hasErrorInput } from \"../../utils/hasErrorInput\"\nimport { Button } from \"../Button/Button\"\nimport {\n  Calendar as CalendarPrimitive,\n  type Matcher,\n} from \"../Calendar/Calendar\"\n\n//#region TimeInput\n// ============================================================================\n\nconst isBrowserLocaleClockType24h = () => {\n  const language =\n    typeof window !== \"undefined\" ? window.navigator.language : \"en-US\"\n\n  const hr = new Intl.DateTimeFormat(language, {\n    hour: \"numeric\",\n  }).format()\n\n  return Number.isInteger(Number(hr))\n}\n\ntype TimeSegmentProps = {\n  segment: DateSegment\n  state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  // Skip rendering for any non-editable segments except colon\n  if (\n    !segment.isEditable &&\n    segment.type === \"literal\" &&\n    segment.text !== \":\"\n  ) {\n    return null\n  }\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={cx(\n        // base\n        \"relative block w-full appearance-none rounded-md border px-2.5 py-1.5 text-left uppercase tabular-nums shadow-xs outline-hidden transition sm:text-sm\",\n        // border color\n        \"border-gray-300 dark:border-gray-800\",\n        // text color\n        \"text-gray-900 dark:text-gray-50\",\n        // background color\n        \"bg-white dark:bg-gray-950\",\n        // focus\n        focusInput,\n        // invalid (optional)\n        \"group-aria-invalid/time-input:border-red-500 group-aria-invalid/time-input:ring-2 group-aria-invalid/time-input:ring-red-200 invalid:border-red-500 invalid:ring-2 invalid:ring-red-200 dark:group-aria-invalid/time-input:ring-red-400/20\",\n        {\n          \"w-fit! border-none bg-transparent px-0 text-gray-400 shadow-none\":\n            segment.type === \"literal\",\n          \"border-gray-300 bg-gray-100 text-gray-400 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-500\":\n            state.isDisabled && segment.text !== \":\",\n        },\n      )}\n    >\n      {segment.isPlaceholder ? segment.placeholder : segment.text}\n    </div>\n  )\n}\n\ntype TimeInputProps = Omit<\n  AriaTimeFieldProps<TimeValue>,\n  \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n  ({ hourCycle, ...props }: TimeInputProps, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      ref,\n      () => innerRef?.current,\n    )\n\n    const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n    const state = useTimeFieldState({\n      hourCycle: hourCycle,\n      locale: locale,\n      shouldForceLeadingZeros: true,\n      autoFocus: true,\n      ...props,\n    })\n\n    const { fieldProps } = useTimeField(\n      {\n        ...props,\n        hourCycle: hourCycle,\n        shouldForceLeadingZeros: true,\n      },\n      state,\n      innerRef,\n    )\n\n    return (\n      <div\n        {...fieldProps}\n        ref={innerRef}\n        className=\"group/time-input inline-flex w-full gap-x-2\"\n      >\n        {state.segments.map((segment, i) => (\n          <TimeSegment key={i} segment={segment} state={state} />\n        ))}\n      </div>\n    )\n  },\n)\nTimeInput.displayName = \"TimeInput\"\n\n//#region Trigger\n// ============================================================================\n\nconst triggerStyles = tv({\n  base: [\n    // base\n    \"peer flex w-full cursor-pointer appearance-none items-center gap-x-2 truncate rounded-md border px-3 py-2 shadow-xs outline-hidden transition-all sm:text-sm\",\n    // background color\n    \"bg-white dark:bg-gray-950\",\n    // border color\n    \"border-gray-300 dark:border-gray-800\",\n    // text color\n    \"text-gray-900 dark:text-gray-50\",\n    // placeholder color\n    \"placeholder-gray-400 dark:placeholder-gray-500\",\n    // hover\n    \"hover:bg-gray-50 dark:hover:bg-gray-950/50\",\n    // disabled\n    \"disabled:pointer-events-none\",\n    \"disabled:bg-gray-100 disabled:text-gray-400\",\n    \"dark:disabled:border-gray-800 dark:disabled:bg-gray-800 dark:disabled:text-gray-500\",\n    // focus\n    focusInput,\n    // invalid (optional)\n    // \"dark:aria-invalid:ring-red-400/20 aria-invalid:ring-2 aria-invalid:ring-red-200 aria-invalid:border-red-500 invalid:ring-2 invalid:ring-red-200 invalid:border-red-500\"\n  ],\n  variants: {\n    hasError: {\n      true: hasErrorInput,\n    },\n  },\n})\n\ninterface TriggerProps\n  extends React.ComponentProps<\"button\">,\n    VariantProps<typeof triggerStyles> {\n  placeholder?: string\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  (\n    { className, children, placeholder, hasError, ...props }: TriggerProps,\n    forwardedRef,\n  ) => {\n    return (\n      <PopoverPrimitives.Trigger asChild>\n        <button\n          ref={forwardedRef}\n          className={cx(triggerStyles({ hasError }), className)}\n          {...props}\n        >\n          <RiCalendar2Fill className=\"size-5 shrink-0 text-gray-400 dark:text-gray-600\" />\n          <span className=\"flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-gray-900 dark:text-gray-50\">\n            {children ? (\n              children\n            ) : placeholder ? (\n              <span className=\"text-gray-400 dark:text-gray-600\">\n                {placeholder}\n              </span>\n            ) : null}\n          </span>\n        </button>\n      </PopoverPrimitives.Trigger>\n    )\n  },\n)\n\nTrigger.displayName = \"DatePicker.Trigger\"\n\n//#region Popover\n// ============================================================================\n\nconst CalendarPopover = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitives.Content>,\n  React.ComponentProps<typeof PopoverPrimitives.Content>\n>(({ align, className, children, ...props }, forwardedRef) => {\n  return (\n    <PopoverPrimitives.Portal>\n      <PopoverPrimitives.Content\n        ref={forwardedRef}\n        sideOffset={10}\n        side=\"bottom\"\n        align={align}\n        avoidCollisions\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        className={cx(\n          // base\n          \"relative z-50 w-fit rounded-md border text-sm shadow-xl shadow-black/[2.5%]\",\n          // widths\n          \"max-w-[95vw] min-w-[calc(var(--radix-select-trigger-width)-2px)]\",\n          // border color\n          \"border-gray-200 dark:border-gray-800\",\n          // background color\n          \"bg-white dark:bg-gray-950\",\n          // transition\n          \"will-change-[transform,opacity]\",\n          \"data-[state=closed]:animate-hide\",\n          \"data-[state=open]:data-[side=bottom]:animate-slide-down-and-fade data-[state=open]:data-[side=left]:animate-slide-left-and-fade data-[state=open]:data-[side=right]:animate-slide-right-and-fade data-[state=open]:data-[side=top]:animate-slide-up-and-fade\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </PopoverPrimitives.Content>\n    </PopoverPrimitives.Portal>\n  )\n})\n\nCalendarPopover.displayName = \"DatePicker.CalendarPopover\"\n\n//#region Preset\n// ============================================================================\n\ntype DateRange = {\n  from: Date | undefined\n  to?: Date | undefined\n}\n\ninterface Preset {\n  label: string\n}\n\ninterface DatePreset extends Preset {\n  date: Date\n}\n\ninterface DateRangePreset extends Preset {\n  dateRange: DateRange\n}\n\ntype PresetContainerProps<TPreset extends Preset, TValue> = {\n  presets: TPreset[]\n  onSelect: (value: TValue) => void\n  currentValue?: TValue\n}\n\nconst PresetContainer = <TPreset extends Preset, TValue>({\n  // Available preset configurations\n  presets,\n  // Event handler when a preset is selected\n  onSelect,\n  // Currently selected preset\n  currentValue,\n}: PresetContainerProps<TPreset, TValue>) => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const isDateRangePresets = (preset: any): preset is DateRangePreset => {\n    return \"dateRange\" in preset\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const isDatePresets = (preset: any): preset is DatePreset => {\n    return \"date\" in preset\n  }\n\n  const handleClick = (preset: TPreset) => {\n    if (isDateRangePresets(preset)) {\n      onSelect(preset.dateRange as TValue)\n    } else if (isDatePresets(preset)) {\n      onSelect(preset.date as TValue)\n    }\n  }\n\n  const compareDates = (date1: Date, date2: Date) => {\n    return (\n      date1.getDate() === date2.getDate() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getFullYear() === date2.getFullYear()\n    )\n  }\n\n  const compareRanges = (range1: DateRange, range2: DateRange) => {\n    const from1 = range1.from\n    const from2 = range2.from\n\n    let equalFrom = false\n\n    if (from1 && from2) {\n      const sameFrom = compareDates(from1, from2)\n\n      if (sameFrom) {\n        equalFrom = true\n      }\n    }\n\n    const to1 = range1.to\n    const to2 = range2.to\n\n    let equalTo = false\n\n    if (to1 && to2) {\n      const sameTo = compareDates(to1, to2)\n\n      if (sameTo) {\n        equalTo = true\n      }\n    }\n\n    return equalFrom && equalTo\n  }\n\n  const matchesCurrent = (preset: TPreset) => {\n    if (isDateRangePresets(preset)) {\n      const value = currentValue as DateRange | undefined\n\n      return value && compareRanges(value, preset.dateRange)\n    }\n    if (isDatePresets(preset)) {\n      const value = currentValue as Date | undefined\n\n      return value && compareDates(value, preset.date)\n    }\n\n    return false\n  }\n\n  return (\n    <ul className=\"flex items-start gap-x-2 sm:flex-col\">\n      {presets.map((preset) => {\n        return (\n          <li key={`preset-${preset.label}`} className=\"sm:w-full sm:py-px\">\n            <button\n              type=\"button\"\n              title={preset.label}\n              className={cx(\n                // base\n                \"relative w-full overflow-hidden rounded-sm border px-2.5 py-1.5 text-left text-base text-ellipsis whitespace-nowrap shadow-xs outline-hidden transition-all sm:border-none sm:py-2 sm:text-sm sm:shadow-none\",\n                // text color\n                \"text-gray-700 dark:text-gray-300\",\n                // border color\n                \"border-gray-200 dark:border-gray-800\",\n                // focus\n                focusRing,\n                // background color\n                \"focus-visible:bg-gray-100 dark:focus-visible:bg-gray-900\",\n                \"hover:bg-gray-100 dark:hover:bg-gray-900\",\n                {\n                  \"bg-gray-100 dark:bg-gray-900\": matchesCurrent(preset),\n                },\n              )}\n              onClick={() => handleClick(preset)}\n              aria-label={`Select ${preset.label}`}\n            >\n              <span>{preset.label}</span>\n            </button>\n          </li>\n        )\n      })}\n    </ul>\n  )\n}\n\nPresetContainer.displayName = \"DatePicker.PresetContainer\"\n\n//#region Date Picker Shared\n// ============================================================================\n\nconst formatDate = (\n  date: Date,\n  locale: Locale,\n  includeTime?: boolean,\n): string => {\n  const usesAmPm = !isBrowserLocaleClockType24h()\n  let dateString: string\n\n  if (includeTime) {\n    dateString = usesAmPm\n      ? format(date, \"dd MMM, yyyy h:mm a\", { locale })\n      : format(date, \"dd MMM, yyyy HH:mm\", { locale })\n  } else {\n    dateString = format(date, \"dd MMM, yyyy\", { locale })\n  }\n\n  return dateString\n}\n\ntype CalendarProps = {\n  fromYear?: number\n  toYear?: number\n  fromMonth?: Date\n  toMonth?: Date\n  fromDay?: Date\n  toDay?: Date\n  fromDate?: Date\n  toDate?: Date\n  locale?: Locale\n}\n\ntype Translations = {\n  cancel?: string\n  apply?: string\n  start?: string\n  end?: string\n  range?: string\n}\n\ninterface PickerProps extends CalendarProps {\n  className?: string\n  disabled?: boolean\n  disabledDays?: Matcher | Matcher[] | undefined\n  required?: boolean\n  showTimePicker?: boolean\n  placeholder?: string\n  enableYearNavigation?: boolean\n  disableNavigation?: boolean\n  hasError?: boolean\n  id?: string\n  // Customize the date picker for different languages.\n  translations?: Translations\n  align?: \"center\" | \"end\" | \"start\"\n  \"aria-invalid\"?: boolean\n  \"aria-label\"?: string\n  \"aria-labelledby\"?: string\n  \"aria-required\"?: boolean\n}\n\n//#region Single Date Picker\n// ============================================================================\n\ninterface SingleProps extends Omit<PickerProps, \"translations\"> {\n  presets?: DatePreset[]\n  defaultValue?: Date\n  value?: Date\n  onChange?: (date: Date | undefined) => void\n  translations?: Omit<Translations, \"range\">\n}\n\nconst SingleDatePicker = ({\n  defaultValue,\n  value,\n  onChange,\n  presets,\n  disabled,\n  disabledDays,\n  disableNavigation,\n  className,\n  showTimePicker,\n  placeholder = \"Select date\",\n  hasError,\n  translations,\n  enableYearNavigation = false,\n  locale = enUS,\n  align = \"center\",\n  ...props\n}: SingleProps) => {\n  const [open, setOpen] = React.useState(false)\n  const [date, setDate] = React.useState<Date | undefined>(\n    value ?? defaultValue ?? undefined,\n  )\n  const [month, setMonth] = React.useState<Date | undefined>(date)\n\n  const [time, setTime] = React.useState<TimeValue | null>(\n    value\n      ? new Time(value.getHours(), value.getMinutes())\n      : defaultValue\n        ? new Time(defaultValue.getHours(), defaultValue.getMinutes())\n        : new Time(0, 0),\n  )\n\n  const initialDate = React.useMemo(() => {\n    return date\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  React.useEffect(() => {\n    setDate(value ?? defaultValue ?? undefined)\n  }, [value, defaultValue])\n\n  React.useEffect(() => {\n    if (date) {\n      setMonth(date)\n    }\n  }, [date])\n\n  React.useEffect(() => {\n    if (!open) {\n      setMonth(date)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const onCancel = () => {\n    setDate(initialDate)\n    setTime(\n      initialDate\n        ? new Time(initialDate.getHours(), initialDate.getMinutes())\n        : new Time(0, 0),\n    )\n    setOpen(false)\n  }\n\n  const onOpenChange = (open: boolean) => {\n    if (!open) {\n      onCancel()\n    }\n\n    setOpen(open)\n  }\n\n  const onDateChange = (date: Date | undefined) => {\n    const newDate = date\n    if (showTimePicker) {\n      if (newDate && !time) {\n        setTime(new Time(0, 0))\n      }\n      if (newDate && time) {\n        newDate.setHours(time.hour)\n        newDate.setMinutes(time.minute)\n      }\n    }\n    setDate(newDate)\n  }\n\n  const onTimeChange = (time: TimeValue | null) => {\n    setTime(time)\n\n    if (!date) {\n      return\n    }\n\n    const newDate = new Date(date.getTime())\n\n    if (!time) {\n      newDate.setHours(0)\n      newDate.setMinutes(0)\n    } else {\n      newDate.setHours(time.hour)\n      newDate.setMinutes(time.minute)\n    }\n\n    setDate(newDate)\n  }\n\n  const formattedDate = React.useMemo(() => {\n    if (!date) {\n      return null\n    }\n\n    return formatDate(date, locale, showTimePicker)\n  }, [date, locale, showTimePicker])\n\n  const onApply = () => {\n    setOpen(false)\n    onChange?.(date)\n  }\n\n  React.useEffect(() => {\n    setDate(value ?? defaultValue ?? undefined)\n    setTime(\n      value\n        ? new Time(value.getHours(), value.getMinutes())\n        : defaultValue\n          ? new Time(defaultValue.getHours(), defaultValue.getMinutes())\n          : new Time(0, 0),\n    )\n  }, [value, defaultValue])\n\n  return (\n    <PopoverPrimitives.Root\n      tremor-id=\"tremor-raw\"\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Trigger\n        placeholder={placeholder}\n        disabled={disabled}\n        className={className}\n        hasError={hasError}\n        aria-required={props.required || props[\"aria-required\"]}\n        aria-invalid={props[\"aria-invalid\"]}\n        aria-label={props[\"aria-label\"]}\n        aria-labelledby={props[\"aria-labelledby\"]}\n      >\n        {formattedDate}\n      </Trigger>\n      <CalendarPopover align={align}>\n        <div className=\"flex\">\n          <div className=\"flex flex-col sm:flex-row sm:items-start\">\n            {presets && presets.length > 0 && (\n              <div\n                className={cx(\n                  \"relative flex h-14 w-full items-center sm:h-full sm:w-40\",\n                  \"border-b border-gray-200 sm:border-r sm:border-b-0 dark:border-gray-800\",\n                  \"overflow-auto\",\n                )}\n              >\n                <div className=\"absolute px-2 pr-2 sm:inset-0 sm:left-0 sm:py-2\">\n                  <PresetContainer\n                    currentValue={date}\n                    presets={presets}\n                    onSelect={onDateChange}\n                  />\n                </div>\n              </div>\n            )}\n            <div>\n              <CalendarPrimitive\n                mode=\"single\"\n                month={month}\n                onMonthChange={setMonth}\n                selected={date}\n                onSelect={onDateChange}\n                disabled={disabledDays}\n                locale={locale}\n                enableYearNavigation={enableYearNavigation}\n                disableNavigation={disableNavigation}\n                initialFocus\n                {...props}\n              />\n              {showTimePicker && (\n                <div className=\"border-t border-gray-200 p-3 dark:border-gray-800\">\n                  <TimeInput\n                    aria-label=\"Time\"\n                    onChange={onTimeChange}\n                    isDisabled={!date}\n                    value={time}\n                    isRequired={props.required}\n                  />\n                </div>\n              )}\n              <div className=\"flex items-center gap-x-2 border-t border-gray-200 p-3 dark:border-gray-800\">\n                <Button\n                  variant=\"secondary\"\n                  className=\"h-8 w-full\"\n                  type=\"button\"\n                  onClick={onCancel}\n                >\n                  {translations?.cancel ?? \"Cancel\"}\n                </Button>\n                <Button\n                  variant=\"primary\"\n                  className=\"h-8 w-full\"\n                  type=\"button\"\n                  onClick={onApply}\n                >\n                  {translations?.apply ?? \"Apply\"}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </CalendarPopover>\n    </PopoverPrimitives.Root>\n  )\n}\n\n//#region Range Date Picker\n// ============================================================================\n\ninterface RangeProps extends PickerProps {\n  presets?: DateRangePreset[]\n  defaultValue?: DateRange\n  value?: DateRange\n  onChange?: (dateRange: DateRange | undefined) => void\n}\n\nconst RangeDatePicker = ({\n  defaultValue,\n  value,\n  onChange,\n  presets,\n  disabled,\n  disableNavigation,\n  disabledDays,\n  enableYearNavigation = false,\n  locale = enUS,\n  showTimePicker,\n  placeholder = \"Select date range\",\n  hasError,\n  translations,\n  align = \"center\",\n  className,\n  ...props\n}: RangeProps) => {\n  const [open, setOpen] = React.useState(false)\n  const [range, setRange] = React.useState<DateRange | undefined>(\n    value ?? defaultValue ?? undefined,\n  )\n  const [month, setMonth] = React.useState<Date | undefined>(range?.from)\n\n  const [startTime, setStartTime] = React.useState<TimeValue | null>(\n    value?.from\n      ? new Time(value.from.getHours(), value.from.getMinutes())\n      : defaultValue?.from\n        ? new Time(defaultValue.from.getHours(), defaultValue.from.getMinutes())\n        : new Time(0, 0),\n  )\n  const [endTime, setEndTime] = React.useState<TimeValue | null>(\n    value?.to\n      ? new Time(value.to.getHours(), value.to.getMinutes())\n      : defaultValue?.to\n        ? new Time(defaultValue.to.getHours(), defaultValue.to.getMinutes())\n        : new Time(0, 0),\n  )\n\n  const initialRange = React.useMemo(() => {\n    return range\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  React.useEffect(() => {\n    setRange(value ?? defaultValue ?? undefined)\n  }, [value, defaultValue])\n\n  React.useEffect(() => {\n    if (range) {\n      setMonth(range.from)\n    }\n  }, [range])\n\n  React.useEffect(() => {\n    if (!open) {\n      setMonth(range?.from)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const onRangeChange = (range: DateRange | undefined) => {\n    const newRange = range\n    if (showTimePicker) {\n      if (newRange?.from && !startTime) {\n        setStartTime(new Time(0, 0))\n      }\n\n      if (newRange?.to && !endTime) {\n        setEndTime(new Time(0, 0))\n      }\n\n      if (newRange?.from && startTime) {\n        newRange.from.setHours(startTime.hour)\n        newRange.from.setMinutes(startTime.minute)\n      }\n\n      if (newRange?.to && endTime) {\n        newRange.to.setHours(endTime.hour)\n        newRange.to.setMinutes(endTime.minute)\n      }\n    }\n\n    setRange(newRange)\n  }\n\n  const onCancel = () => {\n    setRange(initialRange)\n    setStartTime(\n      initialRange?.from\n        ? new Time(initialRange.from.getHours(), initialRange.from.getMinutes())\n        : new Time(0, 0),\n    )\n    setEndTime(\n      initialRange?.to\n        ? new Time(initialRange.to.getHours(), initialRange.to.getMinutes())\n        : new Time(0, 0),\n    )\n    setOpen(false)\n  }\n\n  const onOpenChange = (open: boolean) => {\n    if (!open) {\n      onCancel()\n    }\n\n    setOpen(open)\n  }\n\n  const onTimeChange = (time: TimeValue | null, pos: \"start\" | \"end\") => {\n    switch (pos) {\n      case \"start\":\n        setStartTime(time)\n        break\n      case \"end\":\n        setEndTime(time)\n        break\n    }\n\n    if (!range) {\n      return\n    }\n\n    if (pos === \"start\") {\n      if (!range.from) {\n        return\n      }\n\n      const newDate = new Date(range.from.getTime())\n\n      if (!time) {\n        newDate.setHours(0)\n        newDate.setMinutes(0)\n      } else {\n        newDate.setHours(time.hour)\n        newDate.setMinutes(time.minute)\n      }\n\n      setRange({\n        ...range,\n        from: newDate,\n      })\n    }\n\n    if (pos === \"end\") {\n      if (!range.to) {\n        return\n      }\n\n      const newDate = new Date(range.to.getTime())\n\n      if (!time) {\n        newDate.setHours(0)\n        newDate.setMinutes(0)\n      } else {\n        newDate.setHours(time.hour)\n        newDate.setMinutes(time.minute)\n      }\n\n      setRange({\n        ...range,\n        to: newDate,\n      })\n    }\n  }\n\n  React.useEffect(() => {\n    setRange(value ?? defaultValue ?? undefined)\n\n    setStartTime(\n      value?.from\n        ? new Time(value.from.getHours(), value.from.getMinutes())\n        : defaultValue?.from\n          ? new Time(\n              defaultValue.from.getHours(),\n              defaultValue.from.getMinutes(),\n            )\n          : new Time(0, 0),\n    )\n    setEndTime(\n      value?.to\n        ? new Time(value.to.getHours(), value.to.getMinutes())\n        : defaultValue?.to\n          ? new Time(defaultValue.to.getHours(), defaultValue.to.getMinutes())\n          : new Time(0, 0),\n    )\n  }, [value, defaultValue])\n\n  const displayRange = React.useMemo(() => {\n    if (!range) {\n      return null\n    }\n\n    return `${range.from ? formatDate(range.from, locale, showTimePicker) : \"\"} - ${\n      range.to ? formatDate(range.to, locale, showTimePicker) : \"\"\n    }`\n  }, [range, locale, showTimePicker])\n\n  const onApply = () => {\n    setOpen(false)\n    onChange?.(range)\n  }\n\n  return (\n    <PopoverPrimitives.Root\n      tremor-id=\"tremor-raw\"\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Trigger\n        placeholder={placeholder}\n        disabled={disabled}\n        className={className}\n        hasError={hasError}\n        aria-required={props.required || props[\"aria-required\"]}\n        aria-invalid={props[\"aria-invalid\"]}\n        aria-label={props[\"aria-label\"]}\n        aria-labelledby={props[\"aria-labelledby\"]}\n      >\n        {displayRange}\n      </Trigger>\n      <CalendarPopover align={align}>\n        <div className=\"flex\">\n          <div className=\"flex flex-col overflow-x-auto sm:flex-row sm:items-start\">\n            {presets && presets.length > 0 && (\n              <div\n                className={cx(\n                  \"relative flex h-16 w-full items-center sm:h-full sm:w-40\",\n                  \"border-b border-gray-200 sm:border-r sm:border-b-0 dark:border-gray-800\",\n                  \"overflow-auto\",\n                )}\n              >\n                <div className=\"absolute px-3 sm:inset-0 sm:left-0 sm:p-2\">\n                  <PresetContainer\n                    currentValue={range}\n                    presets={presets}\n                    onSelect={onRangeChange}\n                  />\n                </div>\n              </div>\n            )}\n            <div className=\"overflow-x-auto\">\n              <CalendarPrimitive\n                mode=\"range\"\n                selected={range}\n                onSelect={onRangeChange}\n                month={month}\n                onMonthChange={setMonth}\n                numberOfMonths={2}\n                disabled={disabledDays}\n                disableNavigation={disableNavigation}\n                enableYearNavigation={enableYearNavigation}\n                locale={locale}\n                initialFocus\n                classNames={{\n                  months:\n                    \"flex flex-row divide-x divide-gray-200 dark:divide-gray-800 overflow-x-auto\",\n                }}\n                {...props}\n              />\n              {showTimePicker && (\n                <div className=\"flex items-center justify-evenly gap-x-3 border-t border-gray-200 p-3 dark:border-gray-800\">\n                  <div className=\"flex flex-1 items-center gap-x-2\">\n                    <span className=\"dark:text-gray-30 text-gray-700\">\n                      {translations?.start ?? \"Start\"}:\n                    </span>\n                    <TimeInput\n                      value={startTime}\n                      onChange={(v) => onTimeChange(v, \"start\")}\n                      aria-label=\"Start date time\"\n                      isDisabled={!range?.from}\n                      isRequired={props.required}\n                    />\n                  </div>\n                  <RiSubtractFill className=\"size-4 shrink-0 text-gray-400\" />\n                  <div className=\"flex flex-1 items-center gap-x-2\">\n                    <span className=\"dark:text-gray-30 text-gray-700\">\n                      {translations?.end ?? \"End\"}:\n                    </span>\n                    <TimeInput\n                      value={endTime}\n                      onChange={(v) => onTimeChange(v, \"end\")}\n                      aria-label=\"End date time\"\n                      isDisabled={!range?.to}\n                      isRequired={props.required}\n                    />\n                  </div>\n                </div>\n              )}\n              <div className=\"border-t border-gray-200 p-3 sm:flex sm:items-center sm:justify-between dark:border-gray-800\">\n                <p className=\"text-gray-900 tabular-nums dark:text-gray-50\">\n                  <span className=\"text-gray-700 dark:text-gray-300\">\n                    {translations?.range ?? \"Range\"}:\n                  </span>{\" \"}\n                  <span className=\"font-medium\">{displayRange}</span>\n                </p>\n                <div className=\"mt-2 flex items-center gap-x-2 sm:mt-0\">\n                  <Button\n                    variant=\"secondary\"\n                    className=\"h-8 w-full sm:w-fit\"\n                    type=\"button\"\n                    onClick={onCancel}\n                  >\n                    {translations?.cancel ?? \"Cancel\"}\n                  </Button>\n                  <Button\n                    variant=\"primary\"\n                    className=\"h-8 w-full sm:w-fit\"\n                    type=\"button\"\n                    onClick={onApply}\n                  >\n                    {translations?.apply ?? \"Apply\"}\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </CalendarPopover>\n    </PopoverPrimitives.Root>\n  )\n}\n\n//#region Preset Validation\n// ============================================================================\n\nconst validatePresets = (\n  presets: DateRangePreset[] | DatePreset[],\n  rules: PickerProps,\n) => {\n  const { toYear, fromYear, fromMonth, toMonth, fromDay, toDay } = rules\n\n  if (presets && presets.length > 0) {\n    const fromYearToUse = fromYear\n    const toYearToUse = toYear\n\n    for (const preset of presets) {\n      if (\"date\" in preset) {\n        const presetYear = preset.date.getFullYear()\n\n        if (fromYear && presetYear < fromYear) {\n          throw new Error(\n            `Preset ${preset.label} is before fromYear ${fromYearToUse}.`,\n          )\n        }\n\n        if (toYear && presetYear > toYear) {\n          throw new Error(\n            `Preset ${preset.label} is after toYear ${toYearToUse}.`,\n          )\n        }\n\n        if (fromMonth) {\n          const presetMonth = preset.date.getMonth()\n\n          if (presetMonth < fromMonth.getMonth()) {\n            throw new Error(\n              `Preset ${preset.label} is before fromMonth ${fromMonth}.`,\n            )\n          }\n        }\n\n        if (toMonth) {\n          const presetMonth = preset.date.getMonth()\n\n          if (presetMonth > toMonth.getMonth()) {\n            throw new Error(\n              `Preset ${preset.label} is after toMonth ${toMonth}.`,\n            )\n          }\n        }\n\n        if (fromDay) {\n          const presetDay = preset.date.getDate()\n\n          if (presetDay < fromDay.getDate()) {\n            throw new Error(\n              `Preset ${preset.label} is before fromDay ${fromDay}.`,\n            )\n          }\n        }\n\n        if (toDay) {\n          const presetDay = preset.date.getDate()\n\n          if (presetDay > toDay.getDate()) {\n            throw new Error(\n              `Preset ${preset.label} is after toDay ${format(\n                toDay,\n                \"MMM dd, yyyy\",\n              )}.`,\n            )\n          }\n        }\n      }\n\n      if (\"dateRange\" in preset) {\n        const presetFromYear = preset.dateRange.from?.getFullYear()\n        const presetToYear = preset.dateRange.to?.getFullYear()\n\n        if (presetFromYear && fromYear && presetFromYear < fromYear) {\n          throw new Error(\n            `Preset ${preset.label}'s 'from' is before fromYear ${fromYearToUse}.`,\n          )\n        }\n\n        if (presetToYear && toYear && presetToYear > toYear) {\n          throw new Error(\n            `Preset ${preset.label}'s 'to' is after toYear ${toYearToUse}.`,\n          )\n        }\n\n        if (fromMonth) {\n          const presetMonth = preset.dateRange.from?.getMonth()\n\n          if (presetMonth && presetMonth < fromMonth.getMonth()) {\n            throw new Error(\n              `Preset ${preset.label}'s 'from' is before fromMonth ${format(\n                fromMonth,\n                \"MMM, yyyy\",\n              )}.`,\n            )\n          }\n        }\n\n        if (toMonth) {\n          const presetMonth = preset.dateRange.to?.getMonth()\n\n          if (presetMonth && presetMonth > toMonth.getMonth()) {\n            throw new Error(\n              `Preset ${preset.label}'s 'to' is after toMonth ${format(\n                toMonth,\n                \"MMM, yyyy\",\n              )}.`,\n            )\n          }\n        }\n\n        if (fromDay) {\n          const presetDay = preset.dateRange.from?.getDate()\n\n          if (presetDay && presetDay < fromDay.getDate()) {\n            throw new Error(\n              `Preset ${\n                preset.dateRange.from\n              }'s 'from' is before fromDay ${format(fromDay, \"MMM dd, yyyy\")}.`,\n            )\n          }\n        }\n\n        if (toDay) {\n          const presetDay = preset.dateRange.to?.getDate()\n\n          if (presetDay && presetDay > toDay.getDate()) {\n            throw new Error(\n              `Preset ${preset.label}'s 'to' is after toDay ${format(\n                toDay,\n                \"MMM dd, yyyy\",\n              )}.`,\n            )\n          }\n        }\n      }\n    }\n  }\n}\n\n//#region Types & Exports\n// ============================================================================\n\ntype SingleDatePickerProps = {\n  presets?: DatePreset[]\n  defaultValue?: Date\n  value?: Date\n  onChange?: (date: Date | undefined) => void\n} & PickerProps\n\nconst DatePicker = ({ presets, ...props }: SingleDatePickerProps) => {\n  if (presets) {\n    validatePresets(presets, props)\n  }\n\n  return <SingleDatePicker presets={presets} {...(props as SingleProps)} />\n}\n\nDatePicker.displayName = \"DatePicker\"\n\ntype RangeDatePickerProps = {\n  presets?: DateRangePreset[]\n  defaultValue?: DateRange\n  value?: DateRange\n  onChange?: (dateRange: DateRange | undefined) => void\n} & PickerProps\n\nconst DateRangePicker = ({ presets, ...props }: RangeDatePickerProps) => {\n  if (presets) {\n    validatePresets(presets, props)\n  }\n\n  return <RangeDatePicker presets={presets} {...(props as RangeProps)} />\n}\n\nDateRangePicker.displayName = \"DateRangePicker\"\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  type DatePreset,\n  type DateRangePreset,\n  type DateRange,\n}\n","path":"src/components/vendor/tremor/components/DatePicker/DatePicker.tsx","target":"~/src/components/vendor/tremor/components/DatePicker/DatePicker.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.109c3f38f0954dc1aad9bd36caf2ab75","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/DatePicker/DatePicker.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-109c3f38f0954dc1aad9bd36caf2ab75","registryDependencies":[],"title":"resource.file.109c3f38f0954dc1aad9bd36caf2ab75","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-11396a7b8f9c55ff8fc4bcfec197a7aa.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.11396a7b8f9c55ff8fc4bcfec197a7aa","files":[{"content":"// Tremor Tooltip [v1.0.0]\n\nimport React from \"react\"\nimport * as TooltipPrimitives from \"@radix-ui/react-tooltip\"\n\nimport { cx } from \"../../utils/cx\"\n\ninterface TooltipProps\n  extends Omit<TooltipPrimitives.TooltipContentProps, \"content\" | \"onClick\">,\n  Pick<\n    TooltipPrimitives.TooltipProps,\n    \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n  > {\n  content: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n  side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n  showArrow?: boolean\n}\n\nconst Tooltip = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitives.Content>,\n  TooltipProps\n>(\n  (\n    {\n      children,\n      className,\n      content,\n      delayDuration,\n      defaultOpen,\n      open,\n      onClick,\n      onOpenChange,\n      showArrow = true,\n      side,\n      sideOffset = 10,\n      asChild,\n      ...props\n    }: TooltipProps,\n    forwardedRef,\n  ) => {\n    return (\n      <TooltipPrimitives.Provider delayDuration={150}>\n        <TooltipPrimitives.Root\n          open={open}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          delayDuration={delayDuration}\n          tremor-id=\"tremor-raw\"\n        >\n          <TooltipPrimitives.Trigger onClick={onClick} asChild={asChild}>\n            {children}\n          </TooltipPrimitives.Trigger>\n          <TooltipPrimitives.Portal>\n            <TooltipPrimitives.Content\n              ref={forwardedRef}\n              side={side}\n              sideOffset={sideOffset}\n              align=\"center\"\n              className={cx(\n                // base\n                \"max-w-60 select-none rounded-md px-2.5 py-1.5 text-sm leading-5 shadow-md\",\n                // text color\n                \"text-gray-50 dark:text-gray-900\",\n                // background color\n                \"bg-gray-900 dark:bg-gray-50\",\n                // transition\n                \"will-change-[transform,opacity]\",\n                \"data-[side=bottom]:animate-slide-down-and-fade data-[side=left]:animate-slide-left-and-fade data-[side=right]:animate-slide-right-and-fade data-[side=top]:animate-slide-up-and-fade data-[state=closed]:animate-hide\",\n                className,\n              )}\n              {...props}\n            >\n              {content}\n              {showArrow ? (\n                <TooltipPrimitives.Arrow\n                  className=\"border-none fill-gray-900 dark:fill-gray-50\"\n                  width={12}\n                  height={7}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n            </TooltipPrimitives.Content>\n          </TooltipPrimitives.Portal>\n        </TooltipPrimitives.Root>\n      </TooltipPrimitives.Provider>\n    )\n  },\n)\n\nTooltip.displayName = \"Tooltip\"\n\nexport { Tooltip, type TooltipProps }\n","path":"src/components/vendor/tremor/components/Tooltip/Tooltip.tsx","target":"~/src/components/vendor/tremor/components/Tooltip/Tooltip.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.11396a7b8f9c55ff8fc4bcfec197a7aa","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Tooltip/Tooltip.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-11396a7b8f9c55ff8fc4bcfec197a7aa","registryDependencies":[],"title":"resource.file.11396a7b8f9c55ff8fc4bcfec197a7aa","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-11a56b7ca0a7ecf3ef172f92a5f46d8c.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.11a56b7ca0a7ecf3ef172f92a5f46d8c","files":[{"content":"\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport {\n  ToggleButton as TogglePrimitive,\n  type ToggleButtonProps,\n} from \"react-aria-components\"\n\nconst toggleVariants = cva(\n  \"cn-toggle cn-toggle-aria group/toggle inline-flex items-center justify-center whitespace-nowrap outline-none hover:bg-muted focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-toggle-variant-default\",\n        outline: \"cn-toggle-variant-outline\",\n      },\n      size: {\n        default: \"cn-toggle-size-default\",\n        sm: \"cn-toggle-size-sm\",\n        lg: \"cn-toggle-size-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ToggleButtonProps & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n","path":"src/components/vendor/shadcn/aria/ui/toggle.tsx","target":"~/src/components/vendor/shadcn/aria/ui/toggle.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.11a56b7ca0a7ecf3ef172f92a5f46d8c","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/toggle.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-11a56b7ca0a7ecf3ef172f92a5f46d8c","registryDependencies":[],"title":"resource.file.11a56b7ca0a7ecf3ef172f92a5f46d8c","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-125cb4552052855d911977bc013fbe91.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.125cb4552052855d911977bc013fbe91","files":[{"content":"\"use client\"\nimport { ArrowDownIcon as __MetaformArrowDownIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport {\n  MessageScroller as MessageScrollerPrimitive,\n  useMessageScroller,\n  useMessageScrollerScrollable,\n  useMessageScrollerVisibility,\n} from \"@shadcn/react/message-scroller\"\nimport { cn } from \"../../lib/utils\"\n\nimport { Button } from \"./button\"\n\n\nfunction MessageScrollerProvider(\n  props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>\n) {\n  return <MessageScrollerPrimitive.Provider {...props} />\n}\n\nfunction MessageScroller({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Root>) {\n  return (\n    <MessageScrollerPrimitive.Root\n      data-slot=\"message-scroller\"\n      className={cn(\n        \"cn-message-scroller group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>) {\n  return (\n    <MessageScrollerPrimitive.Viewport\n      data-slot=\"message-scroller-viewport\"\n      className={cn(\n        \"cn-message-scroller-viewport size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Content>) {\n  return (\n    <MessageScrollerPrimitive.Content\n      data-slot=\"message-scroller-content\"\n      className={cn(\n        \"cn-message-scroller-content flex h-max min-h-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerItem({\n  className,\n  scrollAnchor = false,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Item>) {\n  return (\n    <MessageScrollerPrimitive.Item\n      data-slot=\"message-scroller-item\"\n      scrollAnchor={scrollAnchor}\n      className={cn(\n        \"cn-message-scroller-item min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerButton({\n  direction = \"end\",\n  className,\n  children,\n  render,\n  variant = \"secondary\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Button> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <MessageScrollerPrimitive.Button\n      data-slot=\"message-scroller-button\"\n      data-direction={direction}\n      data-variant={variant}\n      data-size={size}\n      direction={direction}\n      className={cn(\n        \"cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180\",\n        className\n      )}\n      render={render ?? <Button variant={variant} size={size} />}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <__MetaformArrowDownIcon\n            \n            \n            \n            \n            \n          />\n          <span className=\"sr-only\">\n            {direction === \"end\" ? \"Scroll to end\" : \"Scroll to start\"}\n          </span>\n        </>\n      )}\n    </MessageScrollerPrimitive.Button>\n  )\n}\n\nexport {\n  MessageScrollerProvider,\n  MessageScroller,\n  MessageScrollerViewport,\n  MessageScrollerContent,\n  MessageScrollerItem,\n  MessageScrollerButton,\n  useMessageScroller,\n  useMessageScrollerScrollable,\n  useMessageScrollerVisibility,\n}\n","path":"src/components/vendor/shadcn/base/ui/message-scroller.tsx","target":"~/src/components/vendor/shadcn/base/ui/message-scroller.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.125cb4552052855d911977bc013fbe91","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/message-scroller.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-125cb4552052855d911977bc013fbe91","registryDependencies":[],"title":"resource.file.125cb4552052855d911977bc013fbe91","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-126b2a04acd9fef96a5d4b1b3c7c13a8.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.126b2a04acd9fef96a5d4b1b3c7c13a8","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"An area chart with gradient fill\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartAreaGradient() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Area Chart - Gradient</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <AreaChart\n            accessibilityLayer\n            data={chartData}\n            margin={{\n              left: 12,\n              right: 12,\n            }}\n          >\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"month\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={(value) => value.slice(0, 3)}\n            />\n            <ChartTooltip cursor={false} content={<ChartTooltipContent />} />\n            <defs>\n              <linearGradient id=\"fillDesktop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n              <linearGradient id=\"fillMobile\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n            </defs>\n            <Area\n              dataKey=\"mobile\"\n              type=\"natural\"\n              fill=\"url(#fillMobile)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-mobile)\"\n              stackId=\"a\"\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"url(#fillDesktop)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter>\n        <div className=\"flex w-full items-start gap-2 text-sm\">\n          <div className=\"grid gap-2\">\n            <div className=\"flex items-center gap-2 leading-none font-medium\">\n              Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n            </div>\n            <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n              January - June 2024\n            </div>\n          </div>\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-area-gradient.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-area-gradient.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.126b2a04acd9fef96a5d4b1b3c7c13a8","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-area-gradient.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-126b2a04acd9fef96a5d4b1b3c7c13a8","registryDependencies":[],"title":"resource.file.126b2a04acd9fef96a5d4b1b3c7c13a8","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-126db03a23494d9dba9e4de867425450.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.126db03a23494d9dba9e4de867425450","files":[{"content":"import { useMemo } from 'react';\n\nimport { Filter, Info, X } from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { cn } from '@metaform/design-system/lib/utils';\n\nimport type { CtqItem, DefectClass } from './quality-standard-ctq-types';\n\nconst levelLabel = { critical: '关键', major: '主要', normal: '一般' } as const;\nconst levelVariant = { critical: 'danger', major: 'warning', normal: 'neutral' } as const;\n\nexport interface DefectCatalogProps {\n  defects: DefectClass[];\n  ctqs?: CtqItem[];\n  selectedId?: string;\n  selectedCtqId?: string;\n  media?: (defect: DefectClass) => React.ReactNode;\n  onSelect?: (id: string) => void;\n  onOpenCtq: (ctqId: string, defectId: string) => void;\n  onClearFilter?: () => void;\n}\n\nexport function DefectSvgIllustration({ name, type }: { name: string; type?: string }) {\n  const defectType = type || name;\n  let mark: React.ReactNode = null;\n\n  if (defectType.includes('异物')) {\n    mark = (\n      <>\n        <circle cx=\"98\" cy=\"26\" r=\"3.2\" fill=\"var(--semantic-danger)\" />\n        <circle\n          cx=\"98\"\n          cy=\"26\"\n          r=\"6.5\"\n          fill=\"none\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"0.9\"\n          strokeDasharray=\"1.5 1.5\"\n        />\n      </>\n    );\n  } else if (defectType.includes('芯体') || defectType.includes('偏移')) {\n    mark = (\n      <>\n        <line\n          x1=\"68\"\n          y1=\"12\"\n          x2=\"68\"\n          y2=\"72\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"1.1\"\n          strokeDasharray=\"3 2\"\n        />\n        <text x=\"71\" y=\"44\" fontSize=\"6.5\" fill=\"var(--semantic-danger)\" fontWeight=\"700\">\n          偏移\n        </text>\n      </>\n    );\n  } else if (defectType.includes('封边') || defectType.includes('起翘')) {\n    mark = (\n      <>\n        <path\n          d=\"M 8 78 Q 22 69 36 76\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"1.6\"\n          fill=\"none\"\n        />\n        <text x=\"10\" y=\"88\" fontSize=\"6.5\" fill=\"var(--semantic-danger)\" fontWeight=\"700\">\n          起翘\n        </text>\n      </>\n    );\n  } else if (defectType.includes('污点') || defectType.includes('黑点')) {\n    mark = (\n      <>\n        <circle cx=\"42\" cy=\"50\" r=\"2.6\" fill=\"var(--foreground)\" />\n        <circle\n          cx=\"42\"\n          cy=\"50\"\n          r=\"5\"\n          fill=\"none\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"0.7\"\n          strokeDasharray=\"1 1\"\n        />\n      </>\n    );\n  } else if (defectType.includes('褶皱')) {\n    mark = (\n      <>\n        <path\n          d=\"M 28 40 Q 54 31 80 41 T 122 36\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"1.1\"\n          fill=\"none\"\n        />\n        <path\n          d=\"M 28 53 Q 54 46 80 54\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"0.8\"\n          fill=\"none\"\n          strokeDasharray=\"2 1.5\"\n        />\n      </>\n    );\n  } else {\n    // 尺寸异常\n    mark = (\n      <>\n        <line\n          x1=\"4\"\n          y1=\"8\"\n          x2=\"4\"\n          y2=\"76\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"1.5\"\n          strokeDasharray=\"2 2\"\n        />\n        <line\n          x1=\"128\"\n          y1=\"8\"\n          x2=\"128\"\n          y2=\"76\"\n          stroke=\"var(--semantic-danger)\"\n          strokeWidth=\"1.5\"\n          strokeDasharray=\"2 2\"\n        />\n        <text\n          x=\"66\"\n          y=\"88\"\n          textAnchor=\"middle\"\n          fontSize=\"7\"\n          fill=\"var(--semantic-danger)\"\n          fontWeight=\"700\"\n        >\n          ↔ 超差\n        </text>\n      </>\n    );\n  }\n\n  const cleanKey = name.replace(/[^a-zA-Z0-9]/g, '');\n\n  return (\n    <svg\n      width=\"100%\"\n      height=\"88\"\n      viewBox=\"0 0 132 92\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      className=\"select-none overflow-visible\"\n    >\n      <defs>\n        <linearGradient id={`defect-grad-${cleanKey}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stopColor=\"var(--card)\" />\n          <stop offset=\"100%\" stopColor=\"var(--muted)\" />\n        </linearGradient>\n      </defs>\n      <ellipse\n        cx=\"66\"\n        cy=\"42\"\n        rx=\"60\"\n        ry=\"29\"\n        fill={`url(#defect-grad-${cleanKey})`}\n        stroke=\"var(--border)\"\n        strokeWidth=\"1\"\n      />\n      <line\n        x1=\"26\"\n        y1=\"42\"\n        x2=\"106\"\n        y2=\"42\"\n        stroke=\"var(--brand-support)\"\n        strokeWidth=\"4\"\n        opacity=\"0.45\"\n        strokeLinecap=\"round\"\n      />\n      {mark}\n    </svg>\n  );\n}\n\nexport function DefectCatalog({\n  defects,\n  ctqs,\n  selectedId,\n  selectedCtqId,\n  media,\n  onSelect,\n  onOpenCtq,\n  onClearFilter,\n}: DefectCatalogProps) {\n  const ctqsById = useMemo(\n    () => (ctqs ? Object.fromEntries(ctqs.map((item) => [item.id, item])) : {}),\n    [ctqs],\n  );\n\n  const selectedCtq = selectedCtqId ? ctqsById[selectedCtqId] : undefined;\n\n  // If a CTQ is selected, filter defects that relate to that CTQ (if any)\n  const filteredDefects = useMemo(() => {\n    if (!selectedCtqId) return defects;\n    const matching = defects.filter(\n      (defect) =>\n        defect.relatedCtqIds.includes(selectedCtqId) || (selectedId && defect.id === selectedId),\n    );\n    return matching.length > 0 ? matching : defects;\n  }, [defects, selectedCtqId, selectedId]);\n\n  const activeFilterLabel = selectedCtq?.name;\n\n  return (\n    <div className=\"space-y-3\" data-asset=\"quality.defect-catalog\">\n      {/* 筛选关联条 */}\n      {activeFilterLabel && (\n        <div className=\"flex items-center justify-between rounded-lg border border-brand/20 bg-brand-soft/40 px-3.5 py-2 text-xs text-brand\">\n          <div className=\"flex items-center gap-2\">\n            <Filter className=\"size-3.5 text-brand\" />\n            <span>\n              已从「<strong className=\"font-semibold\">{activeFilterLabel}</strong>」关联筛选\n            </span>\n          </div>\n          {onClearFilter && (\n            <button\n              type=\"button\"\n              onClick={onClearFilter}\n              className=\"flex items-center gap-1 rounded px-2 py-0.5 font-medium hover:bg-brand-soft hover:underline\"\n            >\n              <X className=\"size-3\" />\n              <span>清除筛选</span>\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* 缺陷卡片网格 */}\n      <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n        {filteredDefects.map((defect) => {\n          const isSelected = selectedId === defect.id;\n          return (\n            <div\n              key={defect.id}\n              onClick={() => onSelect?.(defect.id)}\n              className={cn(\n                'group relative flex flex-col justify-between rounded-lg border p-3 transition-all cursor-pointer',\n                isSelected\n                  ? 'border-brand bg-brand-soft/20 ring-2 ring-brand/20 shadow-xs'\n                  : 'border-border bg-card hover:border-brand/40 hover:shadow-xs',\n              )}\n            >\n              {/* 顶部 SVG 示例图 */}\n              <div className=\"flex h-[92px] w-full items-center justify-center rounded-md border border-border/60 bg-muted/30 p-1.5 transition-colors group-hover:bg-muted/50\">\n                {media ? media(defect) : <DefectSvgIllustration name={defect.name} />}\n              </div>\n\n              {/* 缺陷信息 */}\n              <div className=\"mt-2.5 flex flex-1 flex-col justify-between\">\n                <div>\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <span className=\"truncate text-xs font-semibold text-foreground\">\n                      {defect.name}\n                    </span>\n                    <Badge\n                      variant={levelVariant[defect.severity]}\n                      className=\"shrink-0 text-[10px] px-1.5 py-0\"\n                    >\n                      {levelLabel[defect.severity]}\n                    </Badge>\n                  </div>\n                  <p className=\"mt-1 line-clamp-2 text-[11px] leading-relaxed text-muted-foreground\">\n                    {defect.description}\n                  </p>\n                </div>\n\n                {/* 关联 CTQ 指标 */}\n                {defect.relatedCtqIds && defect.relatedCtqIds.length > 0 && (\n                  <div className=\"mt-2.5 flex flex-wrap items-center gap-1 border-t border-border/50 pt-2 text-[11px] text-muted-foreground\">\n                    <span className=\"shrink-0 text-muted-foreground/80\">关联指标：</span>\n                    {defect.relatedCtqIds.map((ctqId, idx) => {\n                      const ctqName = ctqsById[ctqId]?.name ?? ctqId;\n                      return (\n                        <button\n                          key={ctqId}\n                          type=\"button\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            onOpenCtq(ctqId, defect.id);\n                          }}\n                          className=\"inline-flex items-center font-medium text-brand hover:underline hover:text-brand/80\"\n                        >\n                          {ctqName}\n                          {idx < defect.relatedCtqIds.length - 1 && (\n                            <span className=\"ml-0.5 text-muted-foreground/40\">、</span>\n                          )}\n                        </button>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* 底部业务说明 */}\n      <div className=\"flex items-center gap-2 rounded-md bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        <Info className=\"size-3.5 shrink-0 text-muted-foreground\" />\n        <span>典型缺陷图与指标项关联，用于统一缺陷名称、等级和现场判定口径。</span>\n      </div>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/defect-catalog.tsx","target":"~/references/metaform/components/business/quality/src/defect-catalog.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.126db03a23494d9dba9e4de867425450","contractRef":"components/business/quality/src/defect-catalog.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-126db03a23494d9dba9e4de867425450","registryDependencies":[],"title":"resource.file.126db03a23494d9dba9e4de867425450","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-12c1889085d2348299bae2345c09029d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.12c1889085d2348299bae2345c09029d","files":[{"content":"import type { ReactNode } from 'react';\n\nexport interface StandardBinding {\n  standardId: string;\n  version: string;\n  ctqCount: number;\n}\n\nexport interface ShiftSamplingAllocation {\n  id: string;\n  name: string;\n  timeRange: string;\n  quantity: number;\n  sampleSize: number;\n  pointCount: number;\n  perPoint: number[];\n}\n\nexport interface BatchSamplingPlan {\n  id: string;\n  batchSampleSize: number;\n  acceptanceNumber: number;\n  rejectionNumber: number;\n  passRateThreshold: number;\n  criticalAcceptanceNumber: number;\n  pointDistribution: { front: number; middle: number; tail: number };\n  shifts: ShiftSamplingAllocation[];\n}\n\nexport interface ProductionBatch {\n  id: string;\n  skuId: string;\n  skuName: string;\n  scheduledAt: string;\n  quantity: number;\n  firstBatch: boolean;\n  standard: StandardBinding;\n  inspectionItems: string[];\n  scheduleStatus: 'scheduled' | 'waiting';\n  samplingPlan: BatchSamplingPlan;\n}\n\nexport interface InspectionPlanAggregate {\n  id: string;\n  version: number;\n  period: string;\n  batches: ProductionBatch[];\n}\n\nexport interface InspectionPlanWorkspaceSlots {\n  headerExtra?: ReactNode | ((aggregate: InspectionPlanAggregate) => ReactNode);\n  summaryExtra?: ReactNode;\n  tableColumns?: readonly {\n    id: string;\n    header: ReactNode;\n    render(batch: ProductionBatch): ReactNode;\n  }[];\n  footerActions?: ReactNode;\n}\n\nexport interface InspectionPlanWorkspaceProps {\n  aggregate: InspectionPlanAggregate;\n  activeView: 'plan' | 'standards';\n  expandedBatchId?: string;\n  pendingBatchId?: string;\n  commandFailure?: { batchId: string; message: string };\n  slots?: InspectionPlanWorkspaceSlots;\n  onViewChange: (view: 'plan' | 'standards') => void;\n  onToggleSampling: (batchId: string) => void;\n  onOpenStandard: (standardId: string, version: string) => void;\n  onScheduleBatch: (batchId: string) => void;\n  onRetrySchedule: () => void;\n  onDismissFailure: () => void;\n}\n\nexport interface PlanTaskItem {\n  id: string;\n  type: string;\n  kind: 'pre' | 'first' | 'patrol' | 'lab' | 'end' | 'outgoing';\n  batchId: string;\n  skuName: string;\n  skuKey?: string;\n  orderId?: string;\n  line?: string;\n  shift?: string;\n  trigger: string;\n  frequency: string;\n  sampleRule: string;\n  recordTemplate?: string;\n  recordDescription?: string;\n  dueAt: string;\n  status: 'done' | 'doing' | 'todo';\n  assignee: string;\n  scopeRequirement?: string;\n  decisionRequirement?: string;\n  ctqStandardCount: number;\n}\n","path":"references/metaform/components/business/quality/src/inspection-plan-types.ts","target":"~/references/metaform/components/business/quality/src/inspection-plan-types.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.12c1889085d2348299bae2345c09029d","contractRef":"components/business/quality/src/inspection-plan-types.ts","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-12c1889085d2348299bae2345c09029d","registryDependencies":[],"title":"resource.file.12c1889085d2348299bae2345c09029d","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-130d3fba5483cf6c9c20201c4e143a9a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.130d3fba5483cf6c9c20201c4e143a9a","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { CartesianGrid, Dot, Line, LineChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A line chart with dots and colors\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 275, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 187, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 90, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n    color: \"var(--chart-2)\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartLineDotsColors() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Line Chart - Dots Colors</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <LineChart\n            accessibilityLayer\n            data={chartData}\n            margin={{\n              top: 24,\n              left: 24,\n              right: 24,\n            }}\n          >\n            <CartesianGrid vertical={false} />\n            <ChartTooltip\n              cursor={false}\n              content={\n                <ChartTooltipContent\n                  indicator=\"line\"\n                  nameKey=\"visitors\"\n                  hideLabel\n                />\n              }\n            />\n            <Line\n              dataKey=\"visitors\"\n              type=\"natural\"\n              stroke=\"var(--color-visitors)\"\n              strokeWidth={2}\n              dot={({ payload, ...props }) => {\n                return (\n                  <Dot\n                    key={payload.browser}\n                    r={5}\n                    cx={props.cx}\n                    cy={props.cy}\n                    fill={payload.fill}\n                    stroke={payload.fill}\n                  />\n                )\n              }}\n            />\n          </LineChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col items-start gap-2 text-sm\">\n        <div className=\"flex gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"leading-none text-muted-foreground\">\n          Showing total visitors for the last 6 months\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-line-dots-colors.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-line-dots-colors.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.130d3fba5483cf6c9c20201c4e143a9a","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-line-dots-colors.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-130d3fba5483cf6c9c20201c4e143a9a","registryDependencies":[],"title":"resource.file.130d3fba5483cf6c9c20201c4e143a9a","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-138715fa9cfa10866589be59de922731.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.138715fa9cfa10866589be59de922731","files":[{"content":"import { useState } from 'react';\n\nimport { FileWarning, ListChecks, RotateCcw, ShieldX } from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport { Card, CardHeader, CardTitle } from '@metaform/design-system/components/ui/card';\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '@metaform/design-system/components/ui/empty';\nimport { Skeleton } from '@metaform/design-system/components/ui/skeleton';\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@metaform/design-system/components/ui/tabs';\n\nimport { CtqStandardTable } from './ctq-standard-table';\nimport { DefectCatalog } from './defect-catalog';\nimport type { QualityStandardCtqWorkspaceAssemblyProps } from './quality-standard-ctq-asset-contract';\nimport {\n  clearRelationFocus,\n  emptyRelationFocus,\n  focusCtq,\n  focusDefect,\n  projectQualityRelations,\n} from './quality-standard-ctq-model';\nimport type { QualityStandardCtqWorkspaceProps } from './quality-standard-ctq-types';\nimport { RelationFocus } from './relation-focus';\nimport { SkuStandardSelector } from './sku-standard-selector';\nimport { StandardRecommendations } from './standard-recommendations';\nimport { StandardSummary } from './standard-summary';\n\ntype QualityStandardCtqWorkspaceAssemblyOrLegacyProps =\n  QualityStandardCtqWorkspaceProps | QualityStandardCtqWorkspaceAssemblyProps;\n\nfunction WorkspaceLoading() {\n  return (\n    <div className=\"space-y-3\" aria-label=\"质量标准加载中\">\n      <Skeleton className=\"h-24 w-full\" />\n      <div className=\"grid grid-cols-3 gap-3\">\n        <Skeleton className=\"h-20\" />\n        <Skeleton className=\"h-20\" />\n        <Skeleton className=\"h-20\" />\n      </div>\n      <Skeleton className=\"h-80 w-full\" />\n    </div>\n  );\n}\n\nfunction WorkspaceEmpty({ message, onRetry }: { message: string; onRetry?: () => void }) {\n  return (\n    <Empty className=\"min-h-96 border border-border bg-background\">\n      <EmptyHeader>\n        <EmptyMedia variant=\"icon\">\n          <FileWarning />\n        </EmptyMedia>\n        <EmptyTitle>暂无质量标准</EmptyTitle>\n        <EmptyDescription>{message}</EmptyDescription>\n      </EmptyHeader>\n      {onRetry && (\n        <EmptyContent>\n          <Button onClick={onRetry}>\n            <RotateCcw className=\"size-4\" aria-hidden=\"true\" />\n            重试\n          </Button>\n        </EmptyContent>\n      )}\n    </Empty>\n  );\n}\n\nexport function QualityStandardCtqWorkspace({\n  ...props\n}: QualityStandardCtqWorkspaceAssemblyOrLegacyProps) {\n  const resolved: QualityStandardCtqWorkspaceProps =\n    'model' in props\n      ? {\n          ...props.model,\n          slots: props.slots,\n          onSelectSku: props.commands.selectSku,\n          onAcceptRecommendation: props.commands.acceptRecommendation,\n          onRequestRevision: props.commands.requestRevision,\n          onRetry: props.commands.retry,\n        }\n      : props;\n  const {\n    busyRecommendationId,\n    busySkuId,\n    errorMessage,\n    onAcceptRecommendation,\n    onRequestRevision,\n    onRetry,\n    onSelectSku,\n    selectedSkuId,\n    slots = {},\n    snapshots,\n    state = 'ready',\n  } = resolved;\n  const [focus, setFocus] = useState(emptyRelationFocus);\n  const selected = snapshots.find((snapshot) => snapshot.skuId === selectedSkuId) ?? snapshots[0];\n  const defectsById = new Map((selected?.defects ?? []).map((defect) => [defect.id, defect]));\n\n  if (state === 'loading') return <WorkspaceLoading />;\n  if (state === 'error') {\n    return <WorkspaceEmpty message={errorMessage ?? '加载失败，请稍后重试。'} onRetry={onRetry} />;\n  }\n  if (state === 'forbidden') {\n    return (\n      <Empty className=\"min-h-96 border border-border bg-background\">\n        <EmptyHeader>\n          <EmptyMedia variant=\"icon\">\n            <ShieldX />\n          </EmptyMedia>\n          <EmptyTitle>无权访问质量标准</EmptyTitle>\n          <EmptyDescription>当前角色没有查看质量标准与 CTQ 的权限。</EmptyDescription>\n        </EmptyHeader>\n      </Empty>\n    );\n  }\n  if (state === 'empty' || !selected) {\n    return <WorkspaceEmpty message=\"当前没有可用的 SKU 标准快照。\" />;\n  }\n\n  const pendingCount = selected.recommendations.filter((item) => item.status === 'pending').length;\n  const projection = projectQualityRelations(selected, focus);\n  const focusedDefect = focus.relationDefectId\n    ? defectsById.get(focus.relationDefectId)\n    : undefined;\n  const focusedCtq = focus.relationCtqId\n    ? selected.ctqs.find((item) => item.id === focus.relationCtqId)\n    : undefined;\n  const headerExtra =\n    typeof slots.headerExtra === 'function' ? slots.headerExtra(selected) : slots.headerExtra;\n\n  return (\n    <div className=\"space-y-3\" data-scene=\"quality-standard-ctq-workspace\">\n      <SkuStandardSelector\n        snapshots={snapshots}\n        selectedSkuId={selected.skuId}\n        busySkuId={busySkuId}\n        headerExtra={headerExtra}\n        onSelect={onSelectSku}\n      />\n\n      <StandardSummary snapshot={selected} />\n      {slots.skuMetadataExtra}\n      {slots.summaryExtra}\n\n      <Card className=\"overflow-hidden shadow-none\">\n        <CardHeader className=\"border-b border-border py-3\">\n          <div className=\"flex items-center gap-2\">\n            <ListChecks className=\"size-4 text-foreground/70\" aria-hidden=\"true\" />\n            <CardTitle>{selected.skuName} · 质量标准明细</CardTitle>\n          </div>\n          {pendingCount > 0 && <Badge variant=\"warning\">{pendingCount} 项待标定</Badge>}\n        </CardHeader>\n        <Tabs\n          value={focus.detailTab}\n          onValueChange={(detailTab) =>\n            setFocus((current) => ({ ...current, detailTab: detailTab as 'ctq' | 'defects' }))\n          }\n          className=\"gap-0\"\n        >\n          <div className=\"px-4\">\n            <TabsList variant=\"line\" className=\"h-12\">\n              <TabsTrigger value=\"ctq\">核心 CTQ 指标（{selected.ctqs.length} 项）</TabsTrigger>\n              <TabsTrigger value=\"defects\">典型缺陷库（{selected.defects.length} 类）</TabsTrigger>\n              {slots.detailExtraTab}\n            </TabsList>\n          </div>\n          <TabsContent value=\"ctq\">\n            {focusedDefect && (\n              <RelationFocus\n                label={`正在查看“${focusedDefect.name}”关联的 ${projection.ctqs.length} 项 CTQ`}\n                onClear={() => setFocus(clearRelationFocus())}\n              />\n            )}\n            <CtqStandardTable\n              items={projection.ctqs}\n              defectsById={defectsById}\n              selectedCtqId={focus.selectedCtqId}\n              onOpenDefect={(defectId, ctqId) => setFocus(focusDefect(defectId, ctqId))}\n              extraColumn={slots.ctqExtraColumns}\n            />\n          </TabsContent>\n          <TabsContent value=\"defects\">\n            {focusedCtq && (\n              <RelationFocus\n                label={`正在查看“${focusedCtq.name}”关联的 ${projection.defects.length} 类缺陷`}\n                onClear={() => setFocus(clearRelationFocus())}\n              />\n            )}\n            <DefectCatalog\n              defects={projection.defects}\n              selectedId={focus.selectedDefectId}\n              onSelect={(selectedDefectId) =>\n                setFocus((current) => ({ ...current, selectedDefectId }))\n              }\n              onOpenCtq={(ctqId, defectId) => setFocus(focusCtq(ctqId, defectId))}\n              media={slots.defectMedia}\n            />\n          </TabsContent>\n        </Tabs>\n        <StandardRecommendations\n          items={selected.recommendations}\n          busyId={busyRecommendationId}\n          onAccept={onAcceptRecommendation}\n          onRequestRevision={onRequestRevision}\n          actions={slots.recommendationActions}\n        />\n        {slots.footerExtra}\n      </Card>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/quality-standard-ctq-workspace.tsx","target":"~/references/metaform/components/business/quality/src/quality-standard-ctq-workspace.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.138715fa9cfa10866589be59de922731","contractRef":"components/business/quality/src/quality-standard-ctq-workspace.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-138715fa9cfa10866589be59de922731","registryDependencies":[],"title":"resource.file.138715fa9cfa10866589be59de922731","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1393bf1d36ad11b0bf95b66f5d609e34.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1393bf1d36ad11b0bf95b66f5d609e34","files":[{"content":"import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"cn-input w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","path":"src/components/vendor/shadcn/base/ui/input.tsx","target":"~/src/components/vendor/shadcn/base/ui/input.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1393bf1d36ad11b0bf95b66f5d609e34","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/input.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1393bf1d36ad11b0bf95b66f5d609e34","registryDependencies":[],"title":"resource.file.1393bf1d36ad11b0bf95b66f5d609e34","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-13f7111a8116ea71e215ef995d5a8a32.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.13f7111a8116ea71e215ef995d5a8a32","files":[{"content":"\nimport { Loader2Icon as __MetaformLoader2Icon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\"\n\n\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <__MetaformLoader2Icon\n      \n      \n      \n      \n      \n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner }\n","path":"src/components/vendor/shadcn/aria/ui/spinner.tsx","target":"~/src/components/vendor/shadcn/aria/ui/spinner.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.13f7111a8116ea71e215ef995d5a8a32","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/spinner.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-13f7111a8116ea71e215ef995d5a8a32","registryDependencies":[],"title":"resource.file.13f7111a8116ea71e215ef995d5a8a32","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-14873999bfce9c9a559fe496719de5b6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.14873999bfce9c9a559fe496719de5b6","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nimport { Button } from \"./button\"\n\nconst attachmentVariants = cva(\n  \"cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed\",\n  {\n    variants: {\n      size: {\n        default: \"cn-attachment-size-default\",\n        sm: \"cn-attachment-size-sm\",\n        xs: \"cn-attachment-size-xs\",\n      },\n      orientation: {\n        horizontal: \"cn-attachment-orientation-horizontal items-center\",\n        vertical: \"cn-attachment-orientation-vertical flex-col\",\n      },\n    },\n  }\n)\n\nfunction Attachment({\n  className,\n  state = \"done\",\n  size = \"default\",\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof attachmentVariants> & {\n    state?: \"idle\" | \"uploading\" | \"processing\" | \"error\" | \"done\"\n  }) {\n  const resolvedOrientation = orientation ?? \"horizontal\"\n\n  return (\n    <div\n      data-slot=\"attachment\"\n      data-state={state}\n      data-size={size}\n      data-orientation={resolvedOrientation}\n      className={cn(attachmentVariants({ size, orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nconst attachmentMediaVariants = cva(\n  \"cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        icon: \"cn-attachment-media-variant-icon\",\n        image:\n          \"cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"icon\",\n    },\n  }\n)\n\nfunction AttachmentMedia({\n  className,\n  variant = \"icon\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof attachmentMediaVariants>) {\n  return (\n    <div\n      data-slot=\"attachment-media\"\n      data-variant={variant}\n      className={cn(attachmentMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-content\"\n      className={cn(\n        \"cn-attachment-content max-w-full min-w-0 flex-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTitle({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-title\"\n      className={cn(\n        \"cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-description\"\n      className={cn(\n        \"cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80\",\n        \"max-w-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentActions({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-actions\"\n      className={cn(\n        \"cn-attachment-actions flex shrink-0 items-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentAction({\n  className,\n  variant,\n  size = \"icon-xs\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"attachment-action\"\n      variant={variant ?? \"ghost\"}\n      size={size}\n      className={cn(\"cn-attachment-action\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTrigger({\n  className,\n  render,\n  type,\n  children,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  render?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactNode\n}) {\n  if (render) {\n    const renderProps = {\n      ...props,\n      \"data-slot\": \"attachment-trigger\",\n      className: cn(\n        \"cn-attachment-trigger absolute inset-0 z-10 outline-none\",\n        className\n      ),\n      children,\n    }\n\n    return render(renderProps)\n  }\n\n  return (\n    <button\n      {...props}\n      type={type ?? \"button\"}\n      data-slot=\"attachment-trigger\"\n      className={cn(\n        \"cn-attachment-trigger absolute inset-0 z-10 outline-none\",\n        className\n      )}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction AttachmentGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-group\"\n      className={cn(\n        \"cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Attachment,\n  AttachmentGroup,\n  AttachmentMedia,\n  AttachmentContent,\n  AttachmentTitle,\n  AttachmentDescription,\n  AttachmentActions,\n  AttachmentAction,\n  AttachmentTrigger,\n}\n","path":"src/components/vendor/shadcn/aria/ui/attachment.tsx","target":"~/src/components/vendor/shadcn/aria/ui/attachment.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.14873999bfce9c9a559fe496719de5b6","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/attachment.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-14873999bfce9c9a559fe496719de5b6","registryDependencies":[],"title":"resource.file.14873999bfce9c9a559fe496719de5b6","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-15d54f45e4fa36818b8c9595039dd476.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.15d54f45e4fa36818b8c9595039dd476","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"cn-switch peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"cn-switch-thumb pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","path":"src/components/vendor/shadcn/radix/ui/switch.tsx","target":"~/src/components/vendor/shadcn/radix/ui/switch.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.15d54f45e4fa36818b8c9595039dd476","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/switch.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-15d54f45e4fa36818b8c9595039dd476","registryDependencies":[],"title":"resource.file.15d54f45e4fa36818b8c9595039dd476","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-162c4d081e85d330daa56b4a9d5a7a8d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.162c4d081e85d330daa56b4a9d5a7a8d","files":[{"content":"\"use client\"\n\nimport { Bar, BarChart, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A stacked bar chart with a legend\"\n\nconst chartData = [\n  { date: \"2024-07-15\", running: 450, swimming: 300 },\n  { date: \"2024-07-16\", running: 380, swimming: 420 },\n  { date: \"2024-07-17\", running: 520, swimming: 120 },\n  { date: \"2024-07-18\", running: 140, swimming: 550 },\n  { date: \"2024-07-19\", running: 600, swimming: 350 },\n  { date: \"2024-07-20\", running: 480, swimming: 400 },\n]\n\nconst chartConfig = {\n  running: {\n    label: \"Running\",\n    color: \"var(--chart-1)\",\n  },\n  swimming: {\n    label: \"Swimming\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartTooltipLabelNone() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Tooltip - No Label</CardTitle>\n        <CardDescription>Tooltip with no label.</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <BarChart accessibilityLayer data={chartData}>\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              tickMargin={10}\n              axisLine={false}\n              tickFormatter={(value) => {\n                return new Date(value).toLocaleDateString(\"en-US\", {\n                  weekday: \"short\",\n                })\n              }}\n            />\n            <Bar\n              dataKey=\"running\"\n              stackId=\"a\"\n              fill=\"var(--color-running)\"\n              radius={[0, 0, 4, 4]}\n            />\n            <Bar\n              dataKey=\"swimming\"\n              stackId=\"a\"\n              fill=\"var(--color-swimming)\"\n              radius={[4, 4, 0, 0]}\n            />\n            <ChartTooltip\n              content={<ChartTooltipContent hideIndicator hideLabel />}\n              cursor={false}\n              defaultIndex={1}\n            />\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-label-none.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-label-none.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.162c4d081e85d330daa56b4a9d5a7a8d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-tooltip-label-none.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-162c4d081e85d330daa56b4a9d5a7a8d","registryDependencies":[],"title":"resource.file.162c4d081e85d330daa56b4a9d5a7a8d","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-16fc76b021d2e39ea9eea3b8b98108be.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.16fc76b021d2e39ea9eea3b8b98108be","files":[{"content":"{\n  \"title\": \"异常事项优先建议展示：源码 reference 场景与交互\",\n  \"originalScenario\": \"展示宿主选定的一条异常事项及处理目的，展开建议依据，并请求进入该异常事项。\",\n  \"usageBoundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/quality/src/work-items/priority-advice.tsx\",\n    \"provenanceStatus\": \"以当前维护源码为核对依据；未另行认定原型来源或完整还原程度\",\n    \"scope\": \"展示宿主选定的一条异常事项及处理目的，展开建议依据，并请求进入该异常事项。\",\n    \"evidence\": [\n      {\n        \"path\": \"components/business/quality/src/work-items/priority-advice.tsx\",\n        \"symbols\": [\n          \"PriorityAdviceRegion\",\n          \"onToggleBasis\",\n          \"onOpenItem\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/work-items/types.ts\",\n        \"symbols\": [\n          \"WorkItem\"\n        ]\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-role-work.tsx\",\n    \"status\": \"example\",\n    \"description\": \"本地预览使用示例状态和回调，只用于理解界面；不构成当前业务映射或真实设备、服务验证。\"\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体的对象、属性、关系、状态、单位与操作为依据；源码本身作为 reference，不能从组件数据模型反推目标本体。\",\n    \"applicability\": \"以下角色仅解释原参考场景，不是待创建的对象清单。按当前本体映射，可拆分、组合、改写或不采用。\",\n    \"objects\": [\n      {\n        \"role\": \"workItem\",\n        \"meaning\": \"一条待优先处理的异常运行事项\"\n      },\n      {\n        \"role\": \"basis\",\n        \"meaning\": \"宿主提供的建议依据\"\n      }\n    ],\n    \"relations\": [\n      \"建议指向运行事项\"\n    ],\n    \"mappingRequired\": [\n      \"核对当前对象、属性及实例的稳定标识与采用版本\",\n      \"核对属性类型、单位、枚举和空值含义\",\n      \"核对关系标识、方向、基数、查询范围和关联键\",\n      \"核对本体操作的输入输出、权限、失败、并发与重复请求语义\",\n      \"确定受控展示状态与真实业务状态的转换，保留未确定部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"未闭环异常、进入异常闭环等措辞固定，不能直接当作任意业务推荐器\",\n      \"没有自动识别异常、建议生成、认领或闭环提交服务\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"异常事项优先建议展示\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"有建议和无建议分支\",\n      \"受控建议依据展开\",\n      \"onOpenItem 携带事项与焦点来源\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"查看优先事项\",\n        \"effect\": \"model.advice 由宿主选择；组件展示标题、目的和业务标识。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"展开建议依据\",\n        \"effect\": \"onToggleBasis 改变 basisExpanded；basisText 未提供时显示待提供提示。\"\n      },\n      {\n        \"id\": \"step-3\",\n        \"support\": \"existing\",\n        \"intent\": \"进入异常事项\",\n        \"effect\": \"onOpenItem(advice, advice-open) 由宿主处理跳转与返回焦点。\"\n      },\n      {\n        \"id\": \"step-4\",\n        \"support\": \"host-extension\",\n        \"intent\": \"自动计算 AI 优先级\",\n        \"effect\": \"源码不调用 AI 或排序规则；优先级、依据真实性及范围由应用提供。\"\n      }\n    ],\n    \"states\": [\n      \"advice 为 null\",\n      \"basisExpanded\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"当前查询或操作未绑定时的待接入状态\",\n      \"真实授权、失败恢复与上下文失效处理\",\n      \"目标本体要求而原实现缺少的状态和门禁\"\n    ]\n  },\n  \"adaptation\": {\n    \"preserve\": [\n      \"业务对象语义\",\n      \"原始数据、判定与业务操作的边界\",\n      \"关键交互及其真实源码依据\"\n    ],\n    \"variable\": [\n      \"当前本体映射\",\n      \"属性与关联投影\",\n      \"布局、区域拆合与视觉细节\",\n      \"宿主回调绑定和补充状态\"\n    ],\n    \"exampleOnly\": [\n      \"预览中的实例、计数和固定业务值\",\n      \"演示适配器和本地操作结果\",\n      \"未经当前本体确认的原组件命名和默认文案\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"readingGuide\": \"先结合当前应用本体阅读业务目的、ASCII 布局和对象角色，判断整体、局部或组合参考价值；再按 sourceReadingOrder 直接读取源码。界面相似不是采用充分条件，没有近乎同名的组件也允许参考其中一部分。\",\n    \"business\": {\n      \"actor\": \"办理异常的岗位人员\",\n      \"trigger\": \"宿主已经选出一条需要优先处理的异常事项\",\n      \"goal\": \"展示宿主选定的一条异常事项及处理目的，展开建议依据，并请求进入该异常事项。\",\n      \"workUnit\": \"一条建议及其关联运行事项\",\n      \"boundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"advice-header / recommended-item / basis-disclosure\",\n      \"desktopAscii\": \"+--------------------------------------------------------------------+\\n| 智能优先建议                        [为什么先做?]                  |\\n| 优先处理: 标题 / 处理目的              [进入异常闭环]              |\\n| 业务对象标签 / 业务编号 / 未闭环异常                               |\\n| 建议依据说明（展开时）                                             |\\n| 无建议时: 说明提示                                                 |\\n+--------------------------------------------------------------------+\",\n      \"zones\": [\n        \"advice-header\",\n        \"recommended-item\",\n        \"basis-disclosure\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------------------------------------+\\n| 建议内容与按钮可换行                                               |\\n| 依据区在卡片下方展开                                               |\\n+--------------------------------------------------------------------+\",\n        \"description\": \"按源码已有规则概括；图中附加建议仍待实现，未做本轮浏览器响应式验收。\"\n      },\n      \"evidencePaths\": [\n        \"components/business/quality/src/work-items/priority-advice.tsx\"\n      ],\n      \"interpretation\": \"ASCII 概括实际分区与信息顺序，不固定尺寸、数据量、字段或页面区域；问号表示可选入口，括号注明条件。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以下是原范式所需的业务信息角色，不是目标本体对象表或必建清单。当前应用本体决定对象、关系、属性、单位、版本及操作；展示聚合可由现有多个对象投影而来。\",\n      \"core\": [\n        {\n          \"role\": \"workItem\",\n          \"meaning\": \"一条待优先处理的异常运行事项\",\n          \"information\": \"运行事项身份、标题、目的和业务关联\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"basis\",\n          \"meaning\": \"宿主提供的建议依据\",\n          \"information\": \"宿主提供的优先处理依据\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        }\n      ],\n      \"supporting\": [],\n      \"relations\": [\n        \"建议指向运行事项\"\n      ],\n      \"presentationOnly\": [\n        \"advice-header\",\n        \"recommended-item\",\n        \"basis-disclosure\"\n      ],\n      \"mappingQuestions\": [\n        \"统计/推荐范围\",\n        \"被推荐事项稳定身份\",\n        \"建议依据与数据时间\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"model.advice、basisExpanded、basisText\"\n      ],\n      \"derived\": [],\n      \"localUiState\": [],\n      \"outputs\": [\n        \"onToggleBasis、onOpenItem(item, focusId)\"\n      ],\n      \"scope\": \"仅解释当前源码的数据流；查询、持久化及授权均须按当前本体操作另行核对，空数组不等于未知业务计数。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"宿主选出建议 -> 展示\\n展开依据 -> 受控状态更新\\n打开异常 -> 宿主导航（组件不选择建议）\",\n      \"existingStates\": [\n        \"advice 为 null\",\n        \"basisExpanded\"\n      ],\n      \"hostResponsibilities\": [\n        \"源码不调用 AI 或排序规则；优先级、依据真实性及范围由应用提供。\"\n      ],\n      \"stateDistinction\": \"界面选择、展开、忙态不自动等于业务状态迁移；回调已触发不证明写入成功。静态展示项没有输出命令。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"推荐结果和解释依据一起展示\",\n        \"保留打开来源的焦点标识\"\n      ],\n      \"with\": [\n        {\n          \"assetId\": \"quality.work-items-table\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"同一宿主提供建议和事项列表；打开回调应定位同一运行事项。\"\n        },\n        {\n          \"assetId\": \"quality.work-summary\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"范围一致时与状态概况并列；计数由宿主提供。\"\n        }\n      ],\n      \"sharedContext\": [\n        \"统计/推荐范围\",\n        \"被推荐事项稳定身份\",\n        \"建议依据与数据时间\"\n      ],\n      \"coordination\": \"source-composed 表示可在实际源码中定位的父子采用关系（可能由对方作为父组件）；adaptation-proposal 是可选组合建议，尚无自动接线。由页面协调器按当前本体传递稳定上下文、数据与动作。\"\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"目标确实是异常优先建议展示，并且宿主已提供可靠建议与依据。\",\n        \"仍须核对真实 Props、必需回调、metadata.selection 的采用/排除条件、版本和依赖；参考价值不代表 CLI 可安装。\"\n      ],\n      \"parts\": [\n        \"推荐结果和解释依据一起展示\",\n        \"保留打开来源的焦点标识\"\n      ],\n      \"adaptWhen\": [\n        \"其他推荐场景可参考解释展开和下钻入口，但必须改写固定异常文案及推荐来源。\"\n      ],\n      \"avoidWhen\": [\n        \"需要 AI 排序引擎或自动闭环时，当前只覆盖呈现与回调。\"\n      ],\n      \"decision\": \"先说明哪些业务语义和信息组织相近，再列采用部分、改写部分、缺口和源码依据；最终可复用/需组合/无匹配由 AI 对照当前合同判断，不由名称或相似度阈值直接决定。\"\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/quality/src/work-items/priority-advice.tsx\",\n        \"symbols\": [],\n        \"purpose\": \"先看真实渲染分区、受控输入和事件出口，与 ASCII 对照；不要从图示推断额外能力。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/work-items/types.ts\",\n        \"symbols\": [\n          \"WorkItem\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/quality/src/work-items/priority-advice.reference.json","target":"~/references/metaform/components/business/quality/src/work-items/priority-advice.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.16fc76b021d2e39ea9eea3b8b98108be","contractRef":"components/business/quality/src/work-items/priority-advice.reference.json","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-16fc76b021d2e39ea9eea3b8b98108be","registryDependencies":[],"title":"resource.file.16fc76b021d2e39ea9eea3b8b98108be","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-191b94675f22b4930760ad50ce023b55.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.191b94675f22b4930760ad50ce023b55","files":[{"content":"\"use client\"\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","path":"src/components/vendor/shadcn/base/ui/separator.tsx","target":"~/src/components/vendor/shadcn/base/ui/separator.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.191b94675f22b4930760ad50ce023b55","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/separator.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-191b94675f22b4930760ad50ce023b55","registryDependencies":[],"title":"resource.file.191b94675f22b4930760ad50ce023b55","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1979455be25f92b075758b44c471c9b9.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1979455be25f92b075758b44c471c9b9","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { PolarAngleAxis, PolarGrid, Radar, RadarChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart with multiple data\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarMultiple() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Multiple</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart data={chartData}>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"line\" />}\n            />\n            <PolarAngleAxis dataKey=\"month\" />\n            <PolarGrid />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n            />\n            <Radar dataKey=\"mobile\" fill=\"var(--color-mobile)\" />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n          January - June 2024\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-radar-multiple.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-multiple.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1979455be25f92b075758b44c471c9b9","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-multiple.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1979455be25f92b075758b44c471c9b9","registryDependencies":[],"title":"resource.file.1979455be25f92b075758b44c471c9b9","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1986d8a6f56623dd9a9b69562f5e01bc.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1986d8a6f56623dd9a9b69562f5e01bc","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { PolarAngleAxis, PolarGrid, Radar, RadarChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart with a custom grid\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 273 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarGridCustom() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Grid Custom</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart data={chartData}>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <PolarGrid radialLines={false} polarRadius={[90]} strokeWidth={1} />\n            <PolarAngleAxis dataKey=\"month\" />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n            />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n          January - June 2024\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-custom.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-custom.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1986d8a6f56623dd9a9b69562f5e01bc","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-grid-custom.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1986d8a6f56623dd9a9b69562f5e01bc","registryDependencies":[],"title":"resource.file.1986d8a6f56623dd9a9b69562f5e01bc","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1a7adfa87c205e52122faa0683198594.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1a7adfa87c205e52122faa0683198594","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"cn-avatar group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"cn-avatar-image aspect-square size-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"cn-avatar-fallback flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"cn-avatar-badge absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"cn-avatar-group group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"cn-avatar-group-count relative flex shrink-0 items-center justify-center ring-2 ring-background\",\n        \"\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n","path":"src/components/vendor/shadcn/base/ui/avatar.tsx","target":"~/src/components/vendor/shadcn/base/ui/avatar.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1a7adfa87c205e52122faa0683198594","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/avatar.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1a7adfa87c205e52122faa0683198594","registryDependencies":[],"title":"resource.file.1a7adfa87c205e52122faa0683198594","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1b294eae05d2546ae0ae330603452eaf.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1b294eae05d2546ae0ae330603452eaf","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Slot } from \"radix-ui\"\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/button.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/button.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1b294eae05d2546ae0ae330603452eaf","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/button.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1b294eae05d2546ae0ae330603452eaf","registryDependencies":[],"title":"resource.file.1b294eae05d2546ae0ae330603452eaf","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1b4aa8f055028ed8d72a5f91e8d685a4.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1b4aa8f055028ed8d72a5f91e8d685a4","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { PolarAngleAxis, PolarGrid, Radar, RadarChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 273 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarDefault() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart data={chartData}>\n            <ChartTooltip cursor={false} content={<ChartTooltipContent />} />\n            <PolarAngleAxis dataKey=\"month\" />\n            <PolarGrid />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n            />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n          January - June 2024\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-radar-default.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-default.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1b4aa8f055028ed8d72a5f91e8d685a4","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-default.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1b4aa8f055028ed8d72a5f91e8d685a4","registryDependencies":[],"title":"resource.file.1b4aa8f055028ed8d72a5f91e8d685a4","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1b78777776d838f8ddadc544bc2db718.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1b78777776d838f8ddadc544bc2db718","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { CartesianGrid, LabelList, Line, LineChart, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A line chart with a label\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartLineLabel() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Line Chart - Label</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <LineChart\n            accessibilityLayer\n            data={chartData}\n            margin={{\n              top: 20,\n              left: 12,\n              right: 12,\n            }}\n          >\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"month\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={(value) => value.slice(0, 3)}\n            />\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"line\" />}\n            />\n            <Line\n              dataKey=\"desktop\"\n              type=\"natural\"\n              stroke=\"var(--color-desktop)\"\n              strokeWidth={2}\n              dot={{\n                fill: \"var(--color-desktop)\",\n              }}\n              activeDot={{\n                r: 6,\n              }}\n            >\n              <LabelList\n                position=\"top\"\n                offset={12}\n                className=\"fill-foreground\"\n                fontSize={12}\n              />\n            </Line>\n          </LineChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col items-start gap-2 text-sm\">\n        <div className=\"flex gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"leading-none text-muted-foreground\">\n          Showing total visitors for the last 6 months\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-line-label.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-line-label.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1b78777776d838f8ddadc544bc2db718","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-line-label.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1b78777776d838f8ddadc544bc2db718","registryDependencies":[],"title":"resource.file.1b78777776d838f8ddadc544bc2db718","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1bc661346366f3586d1cbe51c6237106.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1bc661346366f3586d1cbe51c6237106","files":[{"content":"\"use client\"\nimport { CheckIcon as __MetaformCheckIcon, ChevronRightIcon as __MetaformChevronRightIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport {\n  composeRenderProps,\n  Header as HeaderPrimitive,\n  MenuItem as MenuItemPrimitive,\n  Menu as MenuPrimitive,\n  MenuSection as MenuSectionPrimitive,\n  MenuTrigger as MenuTriggerPrimitive,\n  Popover as PopoverPrimitive,\n  Separator as SeparatorPrimitive,\n  SubmenuTrigger as SubmenuTriggerPrimitive,\n  type MenuItemProps as MenuItemPrimitiveProps,\n  type MenuSectionProps as MenuSectionPrimitiveProps,\n} from \"react-aria-components\"\n\n\n\nfunction ContextMenu({\n  \"data-slot\": dataSlot = \"context-menu-content\",\n  placement = \"bottom start\",\n  offset = 4,\n  crossOffset = 0,\n  className,\n  children,\n  ...props\n}: Omit<\n  React.ComponentProps<typeof MenuPrimitive<object>>,\n  \"children\" | \"className\"\n> &\n  Pick<\n    React.ComponentProps<typeof PopoverPrimitive>,\n    \"placement\" | \"offset\" | \"crossOffset\"\n  > & {\n    \"data-slot\"?: string\n    className?: string\n    children?: React.ReactNode\n  }) {\n  return (\n    <PopoverPrimitive\n      data-slot={dataSlot}\n      placement={placement}\n      offset={offset}\n      crossOffset={crossOffset}\n      className={cn(\n        \"cn-context-menu-content-aria cn-menu-target cn-menu-translucent cn-menu-translucent-aria z-50 w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto outline-none data-exiting:overflow-hidden\",\n        className\n      )}\n    >\n      <MenuPrimitive\n        className=\"max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden\"\n        {...props}\n      >\n        {children}\n      </MenuPrimitive>\n    </PopoverPrimitive>\n  )\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: Omit<React.ComponentProps<typeof MenuTriggerPrimitive>, \"trigger\">) {\n  return (\n    <MenuTriggerPrimitive\n      data-slot=\"context-menu\"\n      trigger=\"contextMenu\"\n      {...props}\n    />\n  )\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: Omit<MenuSectionPrimitiveProps<object>, \"children\"> & {\n  children?: React.ReactNode\n}) {\n  return <MenuSectionPrimitive data-slot=\"context-menu-group\" {...props} />\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof HeaderPrimitive> & {\n  inset?: boolean\n}) {\n  return (\n    <HeaderPrimitive\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\"cn-context-menu-label\", className)}\n      {...props}\n    />\n  )\n}\n\nconst contextMenuItemVariants = cva(\n  \"group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      selectionMode: {\n        none: \"cn-context-menu-item\",\n        single: \"cn-context-menu-radio-item\",\n        multiple: \"cn-context-menu-checkbox-item\",\n      },\n    },\n  }\n)\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  children,\n  ...props\n}: MenuItemPrimitiveProps<object> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <MenuItemPrimitive\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      textValue={typeof children === \"string\" ? children : props.textValue}\n      className={composeRenderProps(className, (className, { selectionMode }) =>\n        cn(contextMenuItemVariants({ selectionMode }), className)\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" ? (\n              <span\n                className=\"cn-context-menu-item-indicator pointer-events-none\"\n                data-slot={\n                  selectionMode === \"single\"\n                    ? \"context-menu-radio-item-indicator\"\n                    : \"context-menu-checkbox-item-indicator\"\n                }\n              >\n                {isSelected ? (\n                  <__MetaformCheckIcon\n                    \n                    \n                    \n                    \n                    \n                  />\n                ) : null}\n              </span>\n            ) : null}\n            {children}\n          </>\n        )\n      )}\n    </MenuItemPrimitive>\n  )\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof SubmenuTriggerPrimitive>) {\n  return <SubmenuTriggerPrimitive data-slot=\"context-menu-sub\" {...props} />\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenuItemPrimitiveProps<object> & {\n  inset?: boolean\n}) {\n  return (\n    <MenuItemPrimitive\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      textValue={typeof children === \"string\" ? children : props.textValue}\n      className={cn(\n        \"cn-context-menu-sub-trigger flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          {children}\n          <__MetaformChevronRightIcon\n            \n            \n            \n            \n            \n            className=\"cn-rtl-flip ml-auto\"\n          />\n        </>\n      ))}\n    </MenuItemPrimitive>\n  )\n}\n\nfunction ContextMenuSubContent({\n  placement = \"end top\",\n  crossOffset = -3,\n  offset = 0,\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenu>) {\n  return (\n    <ContextMenu\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"cn-context-menu-sub-content-aria cn-menu-target cn-menu-translucent w-auto\",\n        className\n      )}\n      placement={placement}\n      crossOffset={crossOffset}\n      offset={offset}\n      {...props}\n    />\n  )\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"context-menu-separator\"\n      className={cn(\"cn-context-menu-separator\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\"cn-context-menu-shortcut\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n}\n","path":"src/components/vendor/shadcn/aria/ui/context-menu.tsx","target":"~/src/components/vendor/shadcn/aria/ui/context-menu.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1bc661346366f3586d1cbe51c6237106","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/context-menu.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1bc661346366f3586d1cbe51c6237106","registryDependencies":[],"title":"resource.file.1bc661346366f3586d1cbe51c6237106","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-1c4dbdf22cf45bc9d607e61edb49e19f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.1c4dbdf22cf45bc9d607e61edb49e19f","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { TrendingUp } from \"lucide-react\"\nimport { Label, Pie, PieChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A donut chart with text\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 275, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 287, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 190, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartPieDonutText() {\n  const totalVisitors = React.useMemo(() => {\n    return chartData.reduce((acc, curr) => acc + curr.visitors, 0)\n  }, [])\n\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart - Donut with Text</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent className=\"flex-1 pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <PieChart>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <Pie\n              data={chartData}\n              dataKey=\"visitors\"\n              nameKey=\"browser\"\n              innerRadius={60}\n              strokeWidth={5}\n            >\n              <Label\n                content={({ viewBox }) => {\n                  if (viewBox && \"cx\" in viewBox && \"cy\" in viewBox) {\n                    return (\n                      <text\n                        x={viewBox.cx}\n                        y={viewBox.cy}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                      >\n                        <tspan\n                          x={viewBox.cx}\n                          y={viewBox.cy}\n                          className=\"fill-foreground text-3xl font-bold\"\n                        >\n                          {totalVisitors.toLocaleString()}\n                        </tspan>\n                        <tspan\n                          x={viewBox.cx}\n                          y={(viewBox.cy || 0) + 24}\n                          className=\"fill-muted-foreground\"\n                        >\n                          Visitors\n                        </tspan>\n                      </text>\n                    )\n                  }\n                }}\n              />\n            </Pie>\n          </PieChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"leading-none text-muted-foreground\">\n          Showing total visitors for the last 6 months\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-pie-donut-text.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-donut-text.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.1c4dbdf22cf45bc9d607e61edb49e19f","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-donut-text.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-1c4dbdf22cf45bc9d607e61edb49e19f","registryDependencies":[],"title":"resource.file.1c4dbdf22cf45bc9d607e61edb49e19f","type":"registry:block"}