@shapio/cms 0.5.5 → 0.5.7

package/dist/admin/assets/{RadioTile-CJbIIV8t.js.map → RadioTile-CzfxWgHx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioTile-CJbIIV8t.js","names":["useId","RadioGroupPrimitive.Item","__toESM","require_jsx_runtime","IconTile","cva","cn","RadioGroupItem","import_react","require_react","import_jsx_runtime","tileVariants","RadioTile","Icon","id","labelId","descriptionId","description","className","media","variant","label"],"sources":["../../src/components/RadioTile/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { type ReactNode, useId } from 'react';\nimport { cn } from '@/helpers/cn';\nimport { IconTile } from '../IconTile';\n\nconst tileVariants = cva(\n  'group/tile relative flex w-full cursor-pointer text-left transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        /** A selectable card: icon on top, name and one-line description (a few side by side). */\n        card: 'flex-col items-start gap-2.5 rounded-xl border bg-card p-3.5 hover:border-primary/40 hover:bg-muted/40 data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:hover:bg-accent dark:data-[state=checked]:bg-primary/5 dark:data-[state=checked]:hover:bg-primary/5',\n        /** A compact square tile for dense grids: icon over the name, centred; the description is announced only. */\n        tile: 'flex-col items-center justify-center gap-1.5 rounded-lg border bg-card px-2 py-2.5 text-center hover:border-primary/40 hover:bg-muted/40 data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:hover:bg-accent dark:data-[state=checked]:bg-primary/5 dark:data-[state=checked]:hover:bg-primary/5',\n        /** A compact list row with a left accent bar when selected. */\n        row: 'items-center gap-2.5 rounded-md px-3 py-1.5 text-sm text-foreground/85 before:absolute before:inset-y-1.5 before:left-0 before:w-0.5 before:rounded-full before:bg-primary before:opacity-0 hover:bg-muted data-[state=checked]:bg-accent data-[state=checked]:font-medium data-[state=checked]:text-foreground data-[state=checked]:before:opacity-100 dark:data-[state=checked]:bg-primary/10',\n      },\n    },\n    defaultVariants: { variant: 'card' },\n  },\n);\n\ntype RadioTileProps = {\n  value: string;\n  label: string;\n  description?: string;\n  /** Shown above the name (a row shows it before the name). Give `icon` or `media`. */\n  icon?: LucideIcon;\n  /** A picture in place of the icon (a card only): a theme preview, say. Decorative. */\n  media?: ReactNode;\n  /** Rows and tiles show only the name; their description is still announced (aria-describedby). */\n  variant?: 'card' | 'tile' | 'row';\n  /** Not selectable (arrow keys skip it); say why in `description`. */\n  disabled?: boolean;\n  className?: string;\n};\n\n/**\n * One option of a radio group shown as a card or a list row (Radix radio item: arrow keys move between\n * options, Tab enters at the checked one). The label names it; the description describes it.\n */\nexport const RadioTile = ({\n  value,\n  label,\n  description,\n  icon: Icon,\n  media,\n  variant,\n  disabled,\n  className,\n}: RadioTileProps) => {\n  const id = useId();\n  const labelId = `${id}-label`;\n  const descriptionId = description ? `${id}-description` : undefined;\n  return (\n    <RadioGroupPrimitive.Item\n      value={value}\n      disabled={disabled}\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      className={cn(tileVariants({ variant }), className)}\n    >\n      {media ??\n        (Icon && variant === 'row' ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground group-data-[state=checked]/tile:text-primary [&_svg]:size-4\"\n          >\n            <Icon />\n          </span>\n        ) : Icon ? (\n          <IconTile icon={Icon} size=\"sm\" />\n        ) : null)}\n      <span className={cn('min-w-0', variant !== 'tile' && 'space-y-1')}>\n        <span\n          id={labelId}\n          className={cn(\n            'block',\n            variant === 'row' && 'truncate',\n            variant === 'tile' && 'text-xs leading-tight font-medium',\n            (variant === undefined || variant === 'card') && 'text-sm font-semibold',\n          )}\n        >\n          {label}\n        </span>\n        {description ? (\n          <span\n            id={descriptionId}\n            className={cn(\n              'block text-xs leading-snug text-muted-foreground',\n              (variant === 'row' || variant === 'tile') && 'sr-only',\n            )}\n          >\n            {description}\n          </span>\n        ) : null}\n      </span>\n    </RadioGroupPrimitive.Item>\n  );\n};\n"],"mappings":"oUAOMW,EAAeN,EACnB,8LACA,CACE,SAAU,CACR,QAAS,CAEP,KAAM,qSAEN,KAAM,uUAEN,IAAK,iYACP,CACF,EACA,gBAAiB,CAAE,QAAS,MAAO,CACrC,CACF,EAqBaO,GAAa,CACxB,QACA,QACA,cACA,KAAMC,EACN,QACA,UACA,WACA,eACoB,CACpB,IAAMC,GAAA,EAAKd,EAAAA,MAAAA,CAAM,EACXe,EAAU,GAAGD,EAAG,QAChBE,EAAgBC,EAAc,GAAGH,EAAG,cAAgB,IAAA,GAC1D,OACE,EAAAJ,EAAA,KAAA,CAACT,EAAD,CACS,QACG,WACV,kBAAiBc,EACjB,mBAAkBC,EAClB,UAAWV,EAAGK,EAAa,CAAE,SAAQ,CAAC,EAAGO,CAAS,EALpD,SAAA,CAOGC,IACEN,GAAQO,IAAY,OACnB,EAAAV,EAAA,IAAA,CAAC,OAAD,CACE,cAAY,OACZ,UAAU,qIAEV,UAAA,EAAAA,EAAA,IAAA,CAACG,EAAD,CAAO,CAAA,CACH,CAAA,EACJA,GACF,EAAAH,EAAA,IAAA,CAACN,EAAD,CAAU,KAAMS,EAAM,KAAK,IAAM,CAAA,EAC/B,OACN,EAAAH,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWJ,EAAG,UAAWc,IAAY,QAAU,WAAW,EAAhE,SAAA,EACE,EAAAV,EAAA,IAAA,CAAC,OAAD,CACE,GAAIK,EACJ,UAAWT,EACT,QACAc,IAAY,OAAS,WACrBA,IAAY,QAAU,qCACrBA,IAAY,IAAA,IAAaA,IAAY,SAAW,uBACnD,EAEC,SAAAC,CACG,CAAA,EACLJ,GACC,EAAAP,EAAA,IAAA,CAAC,OAAD,CACE,GAAIM,EACJ,UAAWV,EACT,oDACCc,IAAY,OAASA,IAAY,SAAW,SAC/C,EAEC,SAAAH,CACG,CAAA,EACJ,IACA,CACkB,CAAA,CAAA,GAE9B"}
+{"version":3,"file":"RadioTile-CzfxWgHx.js","names":["useId","RadioGroupPrimitive.Item","__toESM","require_jsx_runtime","IconTile","cva","cn","RadioGroupItem","import_react","require_react","import_jsx_runtime","tileVariants","RadioTile","Icon","id","labelId","descriptionId","description","className","media","variant","label"],"sources":["../../src/components/RadioTile/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { type ReactNode, useId } from 'react';\nimport { cn } from '@/helpers/cn';\nimport { IconTile } from '../IconTile';\n\nconst tileVariants = cva(\n  'group/tile relative flex w-full cursor-pointer text-left transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        /** A selectable card: icon on top, name and one-line description (a few side by side). */\n        card: 'flex-col items-start gap-2.5 rounded-xl border bg-card p-3.5 hover:border-primary/40 hover:bg-muted/40 data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:hover:bg-accent dark:data-[state=checked]:bg-primary/5 dark:data-[state=checked]:hover:bg-primary/5',\n        /** A compact square tile for dense grids: icon over the name, centred; the description is announced only. */\n        tile: 'flex-col items-center justify-center gap-1.5 rounded-lg border bg-card px-2 py-2.5 text-center hover:border-primary/40 hover:bg-muted/40 data-[state=checked]:border-primary data-[state=checked]:bg-accent data-[state=checked]:hover:bg-accent dark:data-[state=checked]:bg-primary/5 dark:data-[state=checked]:hover:bg-primary/5',\n        /** A compact list row with a left accent bar when selected. */\n        row: 'items-center gap-2.5 rounded-md px-3 py-1.5 text-sm text-foreground/85 before:absolute before:inset-y-1.5 before:left-0 before:w-0.5 before:rounded-full before:bg-primary before:opacity-0 hover:bg-muted data-[state=checked]:bg-accent data-[state=checked]:font-medium data-[state=checked]:text-foreground data-[state=checked]:before:opacity-100 dark:data-[state=checked]:bg-primary/10',\n      },\n    },\n    defaultVariants: { variant: 'card' },\n  },\n);\n\ntype RadioTileProps = {\n  value: string;\n  label: string;\n  description?: string;\n  /** Shown above the name (a row shows it before the name). Give `icon` or `media`. */\n  icon?: LucideIcon;\n  /** A picture in place of the icon (a card only): a theme preview, say. Decorative. */\n  media?: ReactNode;\n  /** Rows and tiles show only the name; their description is still announced (aria-describedby). */\n  variant?: 'card' | 'tile' | 'row';\n  /** Not selectable (arrow keys skip it); say why in `description`. */\n  disabled?: boolean;\n  className?: string;\n};\n\n/**\n * One option of a radio group shown as a card or a list row (Radix radio item: arrow keys move between\n * options, Tab enters at the checked one). The label names it; the description describes it.\n */\nexport const RadioTile = ({\n  value,\n  label,\n  description,\n  icon: Icon,\n  media,\n  variant,\n  disabled,\n  className,\n}: RadioTileProps) => {\n  const id = useId();\n  const labelId = `${id}-label`;\n  const descriptionId = description ? `${id}-description` : undefined;\n  return (\n    <RadioGroupPrimitive.Item\n      value={value}\n      disabled={disabled}\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      className={cn(tileVariants({ variant }), className)}\n    >\n      {media ??\n        (Icon && variant === 'row' ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground group-data-[state=checked]/tile:text-primary [&_svg]:size-4\"\n          >\n            <Icon />\n          </span>\n        ) : Icon ? (\n          <IconTile icon={Icon} size=\"sm\" />\n        ) : null)}\n      <span className={cn('min-w-0', variant !== 'tile' && 'space-y-1')}>\n        <span\n          id={labelId}\n          className={cn(\n            'block',\n            variant === 'row' && 'truncate',\n            variant === 'tile' && 'text-xs leading-tight font-medium',\n            (variant === undefined || variant === 'card') && 'text-sm font-semibold',\n          )}\n        >\n          {label}\n        </span>\n        {description ? (\n          <span\n            id={descriptionId}\n            className={cn(\n              'block text-xs leading-snug text-muted-foreground',\n              (variant === 'row' || variant === 'tile') && 'sr-only',\n            )}\n          >\n            {description}\n          </span>\n        ) : null}\n      </span>\n    </RadioGroupPrimitive.Item>\n  );\n};\n"],"mappings":"oUAOMW,EAAeN,EACnB,8LACA,CACE,SAAU,CACR,QAAS,CAEP,KAAM,qSAEN,KAAM,uUAEN,IAAK,iYACP,CACF,EACA,gBAAiB,CAAE,QAAS,MAAO,CACrC,CACF,EAqBaO,GAAa,CACxB,QACA,QACA,cACA,KAAMC,EACN,QACA,UACA,WACA,eACoB,CACpB,IAAMC,GAAA,EAAKd,EAAAA,MAAAA,CAAM,EACXe,EAAU,GAAGD,EAAG,QAChBE,EAAgBC,EAAc,GAAGH,EAAG,cAAgB,IAAA,GAC1D,OACE,EAAAJ,EAAA,KAAA,CAACT,EAAD,CACS,QACG,WACV,kBAAiBc,EACjB,mBAAkBC,EAClB,UAAWV,EAAGK,EAAa,CAAE,SAAQ,CAAC,EAAGO,CAAS,EALpD,SAAA,CAOGC,IACEN,GAAQO,IAAY,OACnB,EAAAV,EAAA,IAAA,CAAC,OAAD,CACE,cAAY,OACZ,UAAU,qIAEV,UAAA,EAAAA,EAAA,IAAA,CAACG,EAAD,CAAO,CAAA,CACH,CAAA,EACJA,GACF,EAAAH,EAAA,IAAA,CAACN,EAAD,CAAU,KAAMS,EAAM,KAAK,IAAM,CAAA,EAC/B,OACN,EAAAH,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWJ,EAAG,UAAWc,IAAY,QAAU,WAAW,EAAhE,SAAA,EACE,EAAAV,EAAA,IAAA,CAAC,OAAD,CACE,GAAIK,EACJ,UAAWT,EACT,QACAc,IAAY,OAAS,WACrBA,IAAY,QAAU,qCACrBA,IAAY,IAAA,IAAaA,IAAY,SAAW,uBACnD,EAEC,SAAAC,CACG,CAAA,EACLJ,GACC,EAAAP,EAAA,IAAA,CAAC,OAAD,CACE,GAAIM,EACJ,UAAWV,EACT,oDACCc,IAAY,OAASA,IAAY,SAAW,SAC/C,EAEC,SAAAH,CACG,CAAA,EACJ,IACA,CACkB,CAAA,CAAA,GAE9B"}