@oztix/roadie-components 2.0.1 → 2.1.0

package/dist/_chunks/chunk-XRFHVFJ5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/RadioGroup/index.tsx"],"names":["RadioGroupContext","createContext","radioGroupVariants","cva","radioGroupItemVariants","RadioGroupRoot","className","direction","emphasis","invalid","required","props","fieldContext","useFieldContext","resolvedInvalid","resolvedRequired","inField","jsx","RadioGroupPrimitive","cn","RadioGroupItem","label","description","children","use","radio","Radio","jsxs","Fragment","RadioGroupLabel","showIndicator","RequiredIndicator","OptionalIndicator","RadioGroupHelperText","RadioGroupErrorText","RadioGroup"],"mappings":"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","file":"chunk-XRFHVFJ5.js","sourcesContent":["'use client'\n\nimport { type ComponentProps, createContext, use } from 'react'\n\nimport { Radio } from '@base-ui/react/radio'\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Types ─── */\n\ntype RadioGroupEmphasis = 'subtler' | 'normal'\n\n/* ─── Context ─── */\n\ntype RadioGroupDirection = 'vertical' | 'horizontal'\n\ninterface RadioGroupContextValue {\n  emphasis: RadioGroupEmphasis\n  direction: RadioGroupDirection\n  invalid?: boolean\n  required?: boolean\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  emphasis: 'subtler',\n  direction: 'vertical'\n})\n\n/* ─── Root variants ─── */\n\nexport const radioGroupVariants = cva('flex flex-wrap', {\n  variants: {\n    direction: {\n      vertical: 'flex-col gap-2',\n      horizontal: 'flex-row gap-4'\n    }\n  },\n  defaultVariants: {\n    direction: 'vertical'\n  }\n})\n\n/* ─── Item variants ─── */\n\nexport const radioGroupItemVariants = cva(\n  'flex cursor-pointer select-none items-center',\n  {\n    variants: {\n      emphasis: {\n        subtler: 'gap-2 rounded-lg px-1.5 py-1 emphasis-subtler is-interactive',\n        normal:\n          'justify-between gap-3 rounded-xl p-4 emphasis-normal is-interactive has-[:checked]:bg-[var(--color-accent-2)] has-[:checked]:border-[var(--color-accent-9)] has-[:focus-visible]:outline has-[:focus-visible]:outline-[length:var(--focus-ring-width)] has-[:focus-visible]:outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] has-[:focus-visible]:outline-offset-0'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'subtler'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type RadioGroupRootProps = RadioGroupPrimitive.Props &\n  VariantProps<typeof radioGroupVariants> & {\n    emphasis?: RadioGroupEmphasis\n    invalid?: boolean\n    required?: boolean\n  }\n\nfunction RadioGroupRoot({\n  className,\n  direction = 'vertical',\n  emphasis = 'subtler',\n  invalid,\n  required,\n  ...props\n}: RadioGroupRootProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <RadioGroupContext\n      value={{\n        emphasis,\n        direction: direction ?? 'vertical',\n        invalid: resolvedInvalid,\n        required: resolvedRequired\n      }}\n    >\n      <RadioGroupPrimitive\n        className={cn(radioGroupVariants({ direction, className }))}\n        {...(inField && {\n          'aria-labelledby': fieldContext.labelId || undefined,\n          'aria-describedby': resolvedInvalid\n            ? fieldContext.errorTextId || undefined\n            : fieldContext.helperTextId || undefined\n        })}\n        {...props}\n      />\n    </RadioGroupContext>\n  )\n}\n\nRadioGroupRoot.displayName = 'RadioGroup'\n\n/* ─── Item ─── */\n\nexport type RadioGroupItemProps = Radio.Root.Props & {\n  label?: string\n  description?: string\n}\n\nfunction RadioGroupItem({\n  className,\n  label,\n  description,\n  children,\n  ...props\n}: RadioGroupItemProps) {\n  const { emphasis, direction } = use(RadioGroupContext)\n\n  const radio = (\n    <Radio.Root\n      className={cn(\n        'duration-moderate flex size-6 shrink-0 items-center justify-center rounded-full border border-subtle emphasis-sunken outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-[background-color,border-color,outline-width,outline-color] data-[checked]:border-[var(--color-accent-9)] data-[checked]:bg-[var(--color-accent-3)]',\n        emphasis !== 'normal' &&\n          'focus-visible:outline-[length:var(--focus-ring-width)]'\n      )}\n      {...props}\n    >\n      <Radio.Indicator className='size-2.5 rounded-full bg-[var(--color-accent-9)]' />\n    </Radio.Root>\n  )\n\n  return (\n    <label\n      className={cn(\n        radioGroupItemVariants({ emphasis, className }),\n        direction === 'horizontal' && emphasis === 'normal' && 'flex-1'\n      )}\n    >\n      {emphasis === 'normal' ? (\n        <>\n          <div className='grid gap-0.5'>\n            <span className='flex items-center gap-2'>\n              {children}\n              {label && (\n                <span className='text-base font-medium text-normal'>\n                  {label}\n                </span>\n              )}\n            </span>\n            {description && (\n              <span className='text-sm text-subtle'>{description}</span>\n            )}\n          </div>\n          {radio}\n        </>\n      ) : (\n        <>\n          {radio}\n          {children}\n          {label && <span className='text-sm text-normal'>{label}</span>}\n        </>\n      )}\n    </label>\n  )\n}\n\nRadioGroupItem.displayName = 'RadioGroup.Item'\n\n/* ─── Label ─── */\n\nexport interface RadioGroupLabelProps extends ComponentProps<'label'> {\n  showIndicator?: boolean\n}\n\nfunction RadioGroupLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: RadioGroupLabelProps) {\n  const { required } = use(RadioGroupContext)\n  return (\n    <label\n      className={cn(\n        'flex w-full items-center gap-1 text-sm font-medium text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </label>\n  )\n}\n\nRadioGroupLabel.displayName = 'RadioGroup.Label'\n\n/* ─── Helper text ─── */\n\nexport interface RadioGroupHelperTextProps extends ComponentProps<'p'> {}\n\nfunction RadioGroupHelperText({\n  className,\n  ...props\n}: RadioGroupHelperTextProps) {\n  return (\n    <p className={cn('w-full text-sm text-subtle', className)} {...props} />\n  )\n}\n\nRadioGroupHelperText.displayName = 'RadioGroup.HelperText'\n\n/* ─── Error text ─── */\n\nexport interface RadioGroupErrorTextProps extends ComponentProps<'p'> {}\n\nfunction RadioGroupErrorText({\n  className,\n  ...props\n}: RadioGroupErrorTextProps) {\n  const { invalid } = use(RadioGroupContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('w-full text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nRadioGroupErrorText.displayName = 'RadioGroup.ErrorText'\n\n/* ─── Compound export ─── */\n\nexport const RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n  Label: RadioGroupLabel,\n  HelperText: RadioGroupHelperText,\n  ErrorText: RadioGroupErrorText\n})\n\nexport type RadioGroupProps = RadioGroupRootProps\n"]}

package/dist/_chunks/chunk-ZXR32FYA.js

@@ -1,2 +0,0 @@
-import {cva}from'class-variance-authority';import {cn}from'@oztix/roadie-core/utils';import {jsx}from'react/jsx-runtime';var p=cva(["text-prose text-normal","[&_a]:underline [&_a]:underline-offset-2","[&_ul]:list-disc [&_ul]:pl-6","[&_ol]:list-decimal [&_ol]:pl-6","[&_blockquote]:border-l-[3px] [&_blockquote]:border-normal [&_blockquote]:pl-4 [&_blockquote]:text-subtle","[&_:not(pre)>code]:bg-subtler [&_:not(pre)>code]:rounded-md [&_:not(pre)>code]:px-1.5 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:text-[0.9em] [&_:not(pre)>code]:font-mono","[&_pre]:bg-sunken [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_pre]:font-mono","[&_img]:rounded-lg","[&_table]:w-full","[&_th]:text-left [&_th]:font-semibold [&_th]:border-b [&_th]:border-subtle","[&_td]:border-b [&_td]:border-subtler","[&_strong]:font-semibold [&_strong]:text-strong"],{variants:{size:{sm:["text-sm","[&>*+*]:mt-2","[&_h1]:text-display-ui-2 [&_h1]:text-strong [&_h1]:mt-4","[&_h2]:text-display-ui-3 [&_h2]:text-strong [&_h2]:mt-4","[&_h3]:text-display-ui-4 [&_h3]:text-strong [&_h3]:mt-3","[&_h4]:text-display-ui-5 [&_h4]:text-strong [&_h4]:mt-3","[&_h5]:text-display-ui-6 [&_h5]:text-strong [&_h5]:mt-2","[&_h6]:text-display-ui-6 [&_h6]:text-strong [&_h6]:mt-2","[&_ul>li+li]:mt-0.5 [&_ol>li+li]:mt-0.5","[&_pre]:p-3 [&_pre]:text-xs","[&_th]:py-1.5 [&_th]:pr-3 [&_td]:py-1.5 [&_td]:pr-3","[&_hr]:my-4"],md:["[&>*+*]:mt-4","[&_h1]:text-display-prose-1 [&_h1]:text-strong [&_h1]:mt-8","[&_h2]:text-display-prose-2 [&_h2]:text-strong [&_h2]:mt-8","[&_h3]:text-display-prose-3 [&_h3]:text-strong [&_h3]:mt-6","[&_h4]:text-display-prose-4 [&_h4]:text-strong [&_h4]:mt-6","[&_h5]:text-display-prose-5 [&_h5]:text-strong [&_h5]:mt-4","[&_h6]:text-display-prose-6 [&_h6]:text-strong [&_h6]:mt-4","[&_ul>li+li]:mt-1 [&_ol>li+li]:mt-1","[&_pre]:p-4 [&_pre]:text-sm","[&_th]:py-2 [&_th]:pr-4 [&_td]:py-2 [&_td]:pr-4","[&_hr]:my-8"],lg:["text-lg","[&>*+*]:mt-6","[&_h1]:text-display-prose-1 [&_h1]:text-strong [&_h1]:mt-12","[&_h2]:text-display-prose-2 [&_h2]:text-strong [&_h2]:mt-10","[&_h3]:text-display-prose-3 [&_h3]:text-strong [&_h3]:mt-8","[&_h4]:text-display-prose-4 [&_h4]:text-strong [&_h4]:mt-6","[&_h5]:text-display-prose-5 [&_h5]:text-strong [&_h5]:mt-6","[&_h6]:text-display-prose-6 [&_h6]:text-strong [&_h6]:mt-4","[&_ul>li+li]:mt-2 [&_ol>li+li]:mt-2","[&_pre]:p-6 [&_pre]:text-sm","[&_th]:py-3 [&_th]:pr-4 [&_td]:py-3 [&_td]:pr-4","[&_hr]:my-12"]}},defaultVariants:{size:"md"}});function l({as:t,className:e,size:o,..._}){return jsx(t||"div",{className:cn(p({size:o,className:e})),..._})}l.displayName="Prose";export{p as a,l as b};//# sourceMappingURL=chunk-ZXR32FYA.js.map
-//# sourceMappingURL=chunk-ZXR32FYA.js.map

package/dist/_chunks/chunk-ZXR32FYA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Prose/index.tsx"],"names":["proseVariants","cva","Prose","as","className","size","props","jsx","cn"],"mappings":"yHAMO,IAAMA,CAAAA,CAAgBC,GAAAA,CAC3B,CACE,wBAAA,CAEA,0CAAA,CAEA,8BAAA,CACA,iCAAA,CAEA,2GAAA,CAEA,8KAAA,CAEA,gFAAA,CAEA,oBAAA,CAEA,kBAAA,CACA,4EAAA,CACA,uCAAA,CAEA,iDACF,CAAA,CACA,CACE,SAAU,CACR,IAAA,CAAM,CACJ,EAAA,CAAI,CACF,SAAA,CACA,cAAA,CACA,yDAAA,CACA,yDAAA,CACA,yDAAA,CACA,yDAAA,CACA,yDAAA,CACA,yDAAA,CACA,yCAAA,CACA,6BAAA,CACA,qDAAA,CACA,aACF,CAAA,CACA,EAAA,CAAI,CACF,cAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,qCAAA,CACA,6BAAA,CACA,iDAAA,CACA,aACF,CAAA,CACA,EAAA,CAAI,CACF,SAAA,CACA,cAAA,CACA,6DAAA,CACA,6DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,4DAAA,CACA,qCAAA,CACA,6BAAA,CACA,iDAAA,CACA,cACF,CACF,CACF,CAAA,CACA,eAAA,CAAiB,CACf,IAAA,CAAM,IACR,CACF,CACF,EAYO,SAASC,CAAAA,CAAqC,CACnD,EAAA,CAAAC,CAAAA,CACA,UAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAkB,CAEhB,OACEC,GAAAA,CAFgBJ,CAAAA,EAAM,KAAA,CAErB,CAAU,SAAA,CAAWK,EAAAA,CAAGR,CAAAA,CAAc,CAAE,IAAA,CAAAK,CAAAA,CAAM,SAAA,CAAAD,CAAU,CAAC,CAAC,CAAA,CAAI,GAAGE,CAAAA,CAAO,CAE7E,CAEAJ,CAAAA,CAAM,WAAA,CAAc,OAAA","file":"chunk-ZXR32FYA.js","sourcesContent":["import type { ComponentProps, ElementType } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nexport const proseVariants = cva(\n  [\n    'text-prose text-normal',\n    // Links\n    '[&_a]:underline [&_a]:underline-offset-2',\n    // Lists\n    '[&_ul]:list-disc [&_ul]:pl-6',\n    '[&_ol]:list-decimal [&_ol]:pl-6',\n    // Blockquote\n    '[&_blockquote]:border-l-[3px] [&_blockquote]:border-normal [&_blockquote]:pl-4 [&_blockquote]:text-subtle',\n    // Code\n    '[&_:not(pre)>code]:bg-subtler [&_:not(pre)>code]:rounded-md [&_:not(pre)>code]:px-1.5 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:text-[0.9em] [&_:not(pre)>code]:font-mono',\n    // Pre\n    '[&_pre]:bg-sunken [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_pre]:font-mono',\n    // Images\n    '[&_img]:rounded-lg',\n    // Tables\n    '[&_table]:w-full',\n    '[&_th]:text-left [&_th]:font-semibold [&_th]:border-b [&_th]:border-subtle',\n    '[&_td]:border-b [&_td]:border-subtler',\n    // Strong/em\n    '[&_strong]:font-semibold [&_strong]:text-strong'\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'text-sm',\n          '[&>*+*]:mt-2',\n          '[&_h1]:text-display-ui-2 [&_h1]:text-strong [&_h1]:mt-4',\n          '[&_h2]:text-display-ui-3 [&_h2]:text-strong [&_h2]:mt-4',\n          '[&_h3]:text-display-ui-4 [&_h3]:text-strong [&_h3]:mt-3',\n          '[&_h4]:text-display-ui-5 [&_h4]:text-strong [&_h4]:mt-3',\n          '[&_h5]:text-display-ui-6 [&_h5]:text-strong [&_h5]:mt-2',\n          '[&_h6]:text-display-ui-6 [&_h6]:text-strong [&_h6]:mt-2',\n          '[&_ul>li+li]:mt-0.5 [&_ol>li+li]:mt-0.5',\n          '[&_pre]:p-3 [&_pre]:text-xs',\n          '[&_th]:py-1.5 [&_th]:pr-3 [&_td]:py-1.5 [&_td]:pr-3',\n          '[&_hr]:my-4'\n        ],\n        md: [\n          '[&>*+*]:mt-4',\n          '[&_h1]:text-display-prose-1 [&_h1]:text-strong [&_h1]:mt-8',\n          '[&_h2]:text-display-prose-2 [&_h2]:text-strong [&_h2]:mt-8',\n          '[&_h3]:text-display-prose-3 [&_h3]:text-strong [&_h3]:mt-6',\n          '[&_h4]:text-display-prose-4 [&_h4]:text-strong [&_h4]:mt-6',\n          '[&_h5]:text-display-prose-5 [&_h5]:text-strong [&_h5]:mt-4',\n          '[&_h6]:text-display-prose-6 [&_h6]:text-strong [&_h6]:mt-4',\n          '[&_ul>li+li]:mt-1 [&_ol>li+li]:mt-1',\n          '[&_pre]:p-4 [&_pre]:text-sm',\n          '[&_th]:py-2 [&_th]:pr-4 [&_td]:py-2 [&_td]:pr-4',\n          '[&_hr]:my-8'\n        ],\n        lg: [\n          'text-lg',\n          '[&>*+*]:mt-6',\n          '[&_h1]:text-display-prose-1 [&_h1]:text-strong [&_h1]:mt-12',\n          '[&_h2]:text-display-prose-2 [&_h2]:text-strong [&_h2]:mt-10',\n          '[&_h3]:text-display-prose-3 [&_h3]:text-strong [&_h3]:mt-8',\n          '[&_h4]:text-display-prose-4 [&_h4]:text-strong [&_h4]:mt-6',\n          '[&_h5]:text-display-prose-5 [&_h5]:text-strong [&_h5]:mt-6',\n          '[&_h6]:text-display-prose-6 [&_h6]:text-strong [&_h6]:mt-4',\n          '[&_ul>li+li]:mt-2 [&_ol>li+li]:mt-2',\n          '[&_pre]:p-6 [&_pre]:text-sm',\n          '[&_th]:py-3 [&_th]:pr-4 [&_td]:py-3 [&_td]:pr-4',\n          '[&_hr]:my-12'\n        ]\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\nexport type ProseProps<T extends ElementType = 'div'> = {\n  as?: T\n  className?: string\n} & VariantProps<typeof proseVariants> &\n  Omit<ComponentProps<T>, 'as' | 'className' | 'size'>\n\n/**\n * Prose container for long-form/rich content (CMS output, markdown, user HTML).\n * Applies semantic typography styles to nested HTML elements.\n */\nexport function Prose<T extends ElementType = 'div'>({\n  as,\n  className,\n  size,\n  ...props\n}: ProseProps<T>) {\n  const Component = as || 'div'\n  return (\n    <Component className={cn(proseVariants({ size, className }))} {...props} />\n  )\n}\n\nProse.displayName = 'Prose'\n"]}