@flamingo-stack/openframe-frontend-core 0.0.596-2034.5684.1 → 0.0.596-2034.5686.1

package/dist/{chunk-C2UBAAGD.cjs.map → chunk-N6HNK25A.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-C2UBAAGD.cjs","../src/components/ui/required-mark.tsx","../src/components/ui/field-wrapper.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx"],"names":["jsx","forwardRef","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-C2UBAAGD.cjs","sourcesContent":[null,"/**\n * The design system's required-field mark: an accent asterisk after the label.\n * `aria-hidden` on purpose — the CONTROL carries `required`/`aria-required` for\n * assistive tech; the star is only the visual. ONE owner, used by `Field`,\n * `FieldWrapper` and every form that marks its own labels.\n */\nexport function RequiredMark() {\n  return (\n    <span aria-hidden className=\"text-ods-accent\">\n      *\n    </span>\n  );\n}\n","'use client';\n\nimport { type ReactNode, forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from './label';\nimport { RequiredMark } from './required-mark';\n\nexport interface FieldWrapperProps {\n  /** Label text displayed above the field */\n  label?: string;\n  /**\n   * `id` of the control the label names. Without it the label is decoration:\n   * clicking it focuses nothing and assistive tech reads the field unnamed,\n   * which is why every caller that cared was rendering its own <Label> instead\n   * of using `label` here.\n   */\n  htmlFor?: string;\n  /**\n   * Status message displayed below the field, on ONE line, ellipsized on\n   * overflow (full text via the native `title`).\n   *\n   * It is positioned OUT OF FLOW (absolute, hanging below the wrapper), so it\n   * never changes the field's height when it appears — the same treatment\n   * `CheckboxBlock` uses. The trade is that it overlaps whatever sits directly\n   * below: a form stacking fields needs at least ~20px of vertical gap (e.g.\n   * `gap-[var(--spacing-system-lf)]`) for the message to land in clear space.\n   */\n  error?: string;\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey) */\n  errorVariant?: 'error' | 'warning' | 'success' | 'muted';\n  /**\n   * Label scale. Default is the standard form-label scale (text-h6).\n   * 'large' (text-h4) is for screens whose design specifies body-scale field\n   * titles (e.g. the devices New Device page) — opt in per call site, the\n   * default stays the converged small scale.\n   */\n  labelVariant?: 'default' | 'large';\n  /**\n   * Marks the label with the `RequiredMark` `ContactForm` draws on its\n   * required fields, so a form\n   * mixing both never shows two conventions. Visual only — the CONTROL carries\n   * `required`/`aria-required` for assistive tech; the star is `aria-hidden`.\n   */\n  required?: boolean;\n  /** Additional className for the outer wrapper */\n  className?: string;\n  children: ReactNode;\n}\n\nconst errorVariantClasses = {\n  error: 'text-ods-error',\n  warning: 'text-ods-warning',\n  success: 'text-ods-success',\n  muted: 'text-ods-text-secondary',\n} as const;\n\nconst FieldWrapper = forwardRef<HTMLDivElement, FieldWrapperProps>(\n  (\n    { label, htmlFor, error, errorVariant = 'error', labelVariant = 'default', required = false, className, children },\n    ref,\n  ) => {\n    const hasChrome = label != null || error != null;\n\n    return (\n      <div ref={ref} className={cn(hasChrome ? 'relative flex w-full flex-col' : 'contents', className)}>\n        {label && (\n          // Default is text-h6, NOT text-h4: `Field` (ui/field.tsx) renders its label via\n          // `Label variant=\"small\"` = text-h6, and every form that mixes\n          // Field-wrapped controls with `label=`-prop controls showed two label\n          // sizes side by side — the exact inconsistency the admin editors kept\n          // reporting. One label scale, owned here and in Field together.\n          <Label className=\"mb-1\" htmlFor={htmlFor} variant={labelVariant}>\n            {label}\n            {required && <RequiredMark />}\n          </Label>\n        )}\n        {children}\n        {error && (\n          <p\n            className={cn(\n              'absolute bottom-0 left-0 right-0 translate-y-full truncate text-h6',\n              errorVariantClasses[errorVariant],\n            )}\n            title={error}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\nFieldWrapper.displayName = 'FieldWrapper';\n\nexport { FieldWrapper };\n","'use client';\n\nimport { Loader2 } from 'lucide-react';\nimport { type InputHTMLAttributes, type ReactNode, forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { FieldWrapper } from './field-wrapper';\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** When true, renders error border & ring */\n  invalid?: boolean;\n  /** Element displayed at the start (left) of the input */\n  startAdornment?: ReactNode;\n  /** Element displayed at the end (right) of the input */\n  endAdornment?: ReactNode;\n  /** Label text displayed above the input */\n  label?: string;\n  /** Label scale forwarded to FieldWrapper ('large' = text-h4 for designs with body-scale field titles) */\n  labelVariant?: 'default' | 'large';\n  /** Status message displayed below the input */\n  error?: string;\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey).\n      Only \"error\" and \"warning\" mark the field invalid (colored border). */\n  errorVariant?: 'error' | 'warning' | 'success' | 'muted';\n  /** When true, shows a loading spinner as end adornment */\n  loading?: boolean;\n}\n\nconst invalidBorderClasses = {\n  error: 'border-ods-error hover:border-ods-error has-[:focus]:border-ods-error',\n  warning: '!border-ods-warning hover:!border-ods-warning has-[:focus]:!border-ods-warning',\n} as const;\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      label,\n      labelVariant,\n      error,\n      errorVariant = 'error',\n      loading = false,\n      ...props\n    },\n    ref,\n  ) => {\n    // success/muted are informational — they never paint the invalid border\n    const variantIsInvalid = errorVariant === 'error' || errorVariant === 'warning';\n    const isInvalid = invalid || (!!error && variantIsInvalid);\n\n    // Range inputs get a clean slider rendering — no label wrapper, borders, or adornments\n    if (type === 'range') {\n      const rangeInput = (\n        <input\n          type=\"range\"\n          className={cn(\n            'h-1 w-full cursor-pointer appearance-none rounded-full bg-white/30',\n            // Webkit (Chrome/Safari) thumb\n            '[&::-webkit-slider-thumb]:appearance-none',\n            '[&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3',\n            '[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white',\n            '[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm',\n            // Firefox thumb\n            '[&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:w-3',\n            '[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white',\n            '[&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:border-0',\n            // Firefox track\n            '[&::-moz-range-track]:bg-transparent',\n            // Disabled\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            className,\n          )}\n          ref={ref}\n          {...props}\n        />\n      );\n      return label ? (\n        <FieldWrapper label={label} labelVariant={labelVariant} error={error} errorVariant={errorVariant}>\n          {rangeInput}\n        </FieldWrapper>\n      ) : (\n        rangeInput\n      );\n    }\n\n    const content = (\n      <label\n        data-invalid={isInvalid || undefined}\n        className={cn(\n          // Layout & spacing\n          'flex h-11 w-full cursor-text items-center gap-2 rounded-[6px] border px-3 md:h-12',\n          // Focus-within states\n          'has-[:focus-visible]:outline-none',\n          'group',\n          // Animations & touch UX\n          'transition-colors duration-200',\n          // Theme palette\n          'border-ods-border bg-ods-card has-[:focus]:border-ods-accent',\n          // Hover & active (not disabled)\n          !props.disabled &&\n            'hover:border-ods-border-hover hover:bg-ods-bg-hover active:border-ods-border-active active:bg-ods-bg-active',\n          // Disabled. The adornments (and any icon inside them) carry their own\n          // `text-ods-text-secondary`, so grey them from here — a disabled field\n          // must read as one flat colour, not grey text next to a live icon.\n          // Scoped to the DIRECT span children (the two adornment wrappers): a\n          // descendant rule would also repaint whatever the caller renders INSIDE\n          // an adornment, which is passed verbatim precisely so it can own its\n          // colour (a `Tag` there went invisible against its own fill).\n          props.disabled && '!cursor-not-allowed bg-ods-bg',\n          'has-[:disabled]:[&>span]:text-ods-text-disabled has-[:disabled]:[&_svg]:text-ods-text-disabled',\n          // Invalid\n          isInvalid && invalidBorderClasses[variantIsInvalid ? errorVariant : 'error'],\n          className,\n        )}\n      >\n        {startAdornment && (\n          <span className=\"flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            // Layout\n            'min-w-0 flex-1 border-none bg-transparent outline-none',\n            // Typography\n            'text-h4',\n            // Colors\n            'text-ods-text-primary placeholder:text-ods-text-secondary',\n            // File input adjustments\n            'file:border-0 file:bg-transparent',\n            // Disabled\n            'disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border',\n            // Touch\n            'touch-manipulation',\n            // Autofill override\n            '[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]',\n          )}\n          ref={ref}\n          {...props}\n        />\n        {loading && <Loader2 className=\"size-4 flex-shrink-0 animate-spin text-ods-text-secondary md:size-6\" />}\n        {!loading && endAdornment && (\n          <span className=\"flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {endAdornment}\n          </span>\n        )}\n      </label>\n    );\n\n    return (\n      <FieldWrapper label={label} labelVariant={labelVariant} error={error} errorVariant={errorVariant}>\n        {content}\n      </FieldWrapper>\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\n\nimport { cn } from '../../utils/cn';\nimport { CheckboxCheckmarkIcon } from '../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon';\n\nconst Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent',\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-ods-text-on-accent')}>\n      <CheckboxCheckmarkIcon size={10} />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-N6HNK25A.cjs","../src/components/ui/required-mark.tsx","../src/components/ui/field-wrapper.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx"],"names":["jsx","forwardRef","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-N6HNK25A.cjs","sourcesContent":[null,"/**\n * The design system's required-field mark: an accent asterisk after the label.\n * `aria-hidden` on purpose — the CONTROL carries `required`/`aria-required` for\n * assistive tech; the star is only the visual. ONE owner, used by `Field`,\n * `FieldWrapper` and every form that marks its own labels.\n */\nexport function RequiredMark() {\n  return (\n    <span aria-hidden className=\"text-ods-accent\">\n      *\n    </span>\n  );\n}\n","'use client';\n\nimport { type ReactNode, forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Label } from './label';\nimport { RequiredMark } from './required-mark';\n\nexport interface FieldWrapperProps {\n  /** Label text displayed above the field */\n  label?: string;\n  /**\n   * `id` of the control the label names. Without it the label is decoration:\n   * clicking it focuses nothing and assistive tech reads the field unnamed,\n   * which is why every caller that cared was rendering its own <Label> instead\n   * of using `label` here.\n   */\n  htmlFor?: string;\n  /**\n   * Status message displayed below the field, on ONE line, ellipsized on\n   * overflow (full text via the native `title`).\n   *\n   * It is positioned OUT OF FLOW (absolute, hanging below the wrapper), so it\n   * never changes the field's height when it appears — the same treatment\n   * `CheckboxBlock` uses. The trade is that it overlaps whatever sits directly\n   * below: a form stacking fields needs at least ~20px of vertical gap (e.g.\n   * `gap-[var(--spacing-system-lf)]`) for the message to land in clear space.\n   */\n  error?: string;\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey) */\n  errorVariant?: 'error' | 'warning' | 'success' | 'muted';\n  /**\n   * Label scale. Default is the standard form-label scale (text-h6).\n   * 'large' (text-h4) is for screens whose design specifies body-scale field\n   * titles (e.g. the devices New Device page) — opt in per call site, the\n   * default stays the converged small scale.\n   */\n  labelVariant?: 'default' | 'large';\n  /**\n   * Marks the label with the `RequiredMark` `ContactForm` draws on its required\n   * fields, so a form mixing both never shows two conventions. Visual only — the\n   * CONTROL carries `required`/`aria-required` for assistive tech; the star is\n   * `aria-hidden`.\n   */\n  required?: boolean;\n  /** Additional className for the outer wrapper */\n  className?: string;\n  children: ReactNode;\n}\n\nconst errorVariantClasses = {\n  error: 'text-ods-error',\n  warning: 'text-ods-warning',\n  success: 'text-ods-success',\n  muted: 'text-ods-text-secondary',\n} as const;\n\nconst FieldWrapper = forwardRef<HTMLDivElement, FieldWrapperProps>(\n  (\n    { label, htmlFor, error, errorVariant = 'error', labelVariant = 'default', required = false, className, children },\n    ref,\n  ) => {\n    const hasChrome = label != null || error != null;\n\n    return (\n      <div ref={ref} className={cn(hasChrome ? 'relative flex w-full flex-col' : 'contents', className)}>\n        {label && (\n          // Default is text-h6, NOT text-h4: `Field` (ui/field.tsx) renders its label via\n          // `Label variant=\"small\"` = text-h6, and every form that mixes\n          // Field-wrapped controls with `label=`-prop controls showed two label\n          // sizes side by side — the exact inconsistency the admin editors kept\n          // reporting. One label scale, owned here and in Field together.\n          <Label className=\"mb-1\" htmlFor={htmlFor} variant={labelVariant}>\n            {label}\n            {required && <RequiredMark />}\n          </Label>\n        )}\n        {children}\n        {error && (\n          <p\n            className={cn(\n              'absolute bottom-0 left-0 right-0 translate-y-full truncate text-h6',\n              errorVariantClasses[errorVariant],\n            )}\n            title={error}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\nFieldWrapper.displayName = 'FieldWrapper';\n\nexport { FieldWrapper };\n","'use client';\n\nimport { Loader2 } from 'lucide-react';\nimport { type InputHTMLAttributes, type ReactNode, forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { FieldWrapper } from './field-wrapper';\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  /** When true, renders error border & ring */\n  invalid?: boolean;\n  /** Element displayed at the start (left) of the input */\n  startAdornment?: ReactNode;\n  /** Element displayed at the end (right) of the input */\n  endAdornment?: ReactNode;\n  /** Label text displayed above the input */\n  label?: string;\n  /** Label scale forwarded to FieldWrapper ('large' = text-h4 for designs with body-scale field titles) */\n  labelVariant?: 'default' | 'large';\n  /** Status message displayed below the input */\n  error?: string;\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey).\n      Only \"error\" and \"warning\" mark the field invalid (colored border). */\n  errorVariant?: 'error' | 'warning' | 'success' | 'muted';\n  /** When true, shows a loading spinner as end adornment */\n  loading?: boolean;\n}\n\nconst invalidBorderClasses = {\n  error: 'border-ods-error hover:border-ods-error has-[:focus]:border-ods-error',\n  warning: '!border-ods-warning hover:!border-ods-warning has-[:focus]:!border-ods-warning',\n} as const;\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      label,\n      labelVariant,\n      error,\n      errorVariant = 'error',\n      loading = false,\n      ...props\n    },\n    ref,\n  ) => {\n    // success/muted are informational — they never paint the invalid border\n    const variantIsInvalid = errorVariant === 'error' || errorVariant === 'warning';\n    const isInvalid = invalid || (!!error && variantIsInvalid);\n\n    // Range inputs get a clean slider rendering — no label wrapper, borders, or adornments\n    if (type === 'range') {\n      const rangeInput = (\n        <input\n          type=\"range\"\n          className={cn(\n            'h-1 w-full cursor-pointer appearance-none rounded-full bg-white/30',\n            // Webkit (Chrome/Safari) thumb\n            '[&::-webkit-slider-thumb]:appearance-none',\n            '[&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3',\n            '[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white',\n            '[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm',\n            // Firefox thumb\n            '[&::-moz-range-thumb]:h-3 [&::-moz-range-thumb]:w-3',\n            '[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white',\n            '[&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:border-0',\n            // Firefox track\n            '[&::-moz-range-track]:bg-transparent',\n            // Disabled\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            className,\n          )}\n          ref={ref}\n          {...props}\n        />\n      );\n      return label ? (\n        <FieldWrapper label={label} labelVariant={labelVariant} error={error} errorVariant={errorVariant}>\n          {rangeInput}\n        </FieldWrapper>\n      ) : (\n        rangeInput\n      );\n    }\n\n    const content = (\n      <label\n        data-invalid={isInvalid || undefined}\n        className={cn(\n          // Layout & spacing\n          'flex h-11 w-full cursor-text items-center gap-2 rounded-[6px] border px-3 md:h-12',\n          // Focus-within states\n          'has-[:focus-visible]:outline-none',\n          'group',\n          // Animations & touch UX\n          'transition-colors duration-200',\n          // Theme palette\n          'border-ods-border bg-ods-card has-[:focus]:border-ods-accent',\n          // Hover & active (not disabled)\n          !props.disabled &&\n            'hover:border-ods-border-hover hover:bg-ods-bg-hover active:border-ods-border-active active:bg-ods-bg-active',\n          // Disabled. The adornments (and any icon inside them) carry their own\n          // `text-ods-text-secondary`, so grey them from here — a disabled field\n          // must read as one flat colour, not grey text next to a live icon.\n          // Scoped to the DIRECT span children (the two adornment wrappers): a\n          // descendant rule would also repaint whatever the caller renders INSIDE\n          // an adornment, which is passed verbatim precisely so it can own its\n          // colour (a `Tag` there went invisible against its own fill).\n          props.disabled && '!cursor-not-allowed bg-ods-bg',\n          'has-[:disabled]:[&>span]:text-ods-text-disabled has-[:disabled]:[&_svg]:text-ods-text-disabled',\n          // Invalid\n          isInvalid && invalidBorderClasses[variantIsInvalid ? errorVariant : 'error'],\n          className,\n        )}\n      >\n        {startAdornment && (\n          <span className=\"flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            // Layout\n            'min-w-0 flex-1 border-none bg-transparent outline-none',\n            // Typography\n            'text-h4',\n            // Colors\n            'text-ods-text-primary placeholder:text-ods-text-secondary',\n            // File input adjustments\n            'file:border-0 file:bg-transparent',\n            // Disabled\n            'disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border',\n            // Touch\n            'touch-manipulation',\n            // Autofill override\n            '[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]',\n          )}\n          ref={ref}\n          {...props}\n        />\n        {loading && <Loader2 className=\"size-4 flex-shrink-0 animate-spin text-ods-text-secondary md:size-6\" />}\n        {!loading && endAdornment && (\n          <span className=\"flex-shrink-0 text-ods-text-secondary transition-colors duration-200 text-h6 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {endAdornment}\n          </span>\n        )}\n      </label>\n    );\n\n    return (\n      <FieldWrapper label={label} labelVariant={labelVariant} error={error} errorVariant={errorVariant}>\n        {content}\n      </FieldWrapper>\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\n\nimport { cn } from '../../utils/cn';\nimport { CheckboxCheckmarkIcon } from '../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon';\n\nconst Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent',\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-ods-text-on-accent')}>\n      <CheckboxCheckmarkIcon size={10} />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"]}

package/dist/{chunk-NTJGRZ7G.cjs → chunk-OI7RNQAS.cjs}

@@ -3,16 +3,16 @@
 
 
 
-var _chunkBC73KAXXcjs = require('./chunk-BC73KAXX.cjs');
+var _chunkHPUD7X67cjs = require('./chunk-HPUD7X67.cjs');
 
 
 
 
-var _chunkHCHTKE6Icjs = require('./chunk-HCHTKE6I.cjs');
+var _chunkYP56SX7Ccjs = require('./chunk-YP56SX7C.cjs');
 
 
 
-var _chunkNBJELHZEcjs = require('./chunk-NBJELHZE.cjs');
+var _chunkMN4TFBRAcjs = require('./chunk-MN4TFBRA.cjs');
 
 
 
@@ -22,7 +22,7 @@ var _chunkNBJELHZEcjs = require('./chunk-NBJELHZE.cjs');
 
 
 
-var _chunkDR4WXTKPcjs = require('./chunk-DR4WXTKP.cjs');
+var _chunkTZK5N6AHcjs = require('./chunk-TZK5N6AH.cjs');
 
 
 var _chunkH64ZHSYRcjs = require('./chunk-H64ZHSYR.cjs');
@@ -324,8 +324,8 @@ function toDocContent(value, requestedPath) {
 }
 function useDocumentTree(config, initialPath) {
   const { structureEndpoint, contentEndpoint, baseRoute } = config;
-  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkDR4WXTKPcjs.DEFAULT_FOLDER_INDEX_FILE));
-  const cleanInitialPath = _chunkDR4WXTKPcjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
+  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkTZK5N6AHcjs.DEFAULT_FOLDER_INDEX_FILE));
+  const cleanInitialPath = _chunkTZK5N6AHcjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
   const [structure, setStructure] = _react.useState.call(void 0, []);
   const [selectedPath, setSelectedPath] = _react.useState.call(void 0, cleanInitialPath);
   const [content, setContent] = _react.useState.call(void 0, null);
@@ -349,12 +349,12 @@ function useDocumentTree(config, initialPath) {
       } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {
         pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length);
       }
-      pathFromUrl = _chunkDR4WXTKPcjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
+      pathFromUrl = _chunkTZK5N6AHcjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
       if (pathFromUrl !== selectedPathRef.current) {
         setSelectedPath(pathFromUrl);
         if (pathFromUrl) {
           const parentPath = pathFromUrl.includes("/") ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf("/")) : pathFromUrl;
-          setExpandedNodes(new Set(_chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+          setExpandedNodes(new Set(_chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
         }
         setTimeout(() => {
           scrollToContent();
@@ -372,7 +372,7 @@ function useDocumentTree(config, initialPath) {
       setSelectedPath(cleanInitialPath);
       if (cleanInitialPath) {
         const parentPath = cleanInitialPath.includes("/") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
-        setExpandedNodes(new Set(_chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+        setExpandedNodes(new Set(_chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
       }
       setExternalNavCount((n) => n + 1);
     }
@@ -397,7 +397,7 @@ function useDocumentTree(config, initialPath) {
         if (cleanInitialPath) {
           const pathForExpansion = cleanInitialPath.includes(".") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
           if (pathForExpansion) {
-            setExpandedNodes(new Set(_chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
+            setExpandedNodes(new Set(_chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
           }
         } else if (nodes.length > 0) {
           const hasRootReadme = nodes.some((node) => node.type === "file" && node.path === folderIndexFile);
@@ -437,7 +437,7 @@ function useDocumentTree(config, initialPath) {
             setContent(null);
             return;
           }
-          const probe = _chunkDR4WXTKPcjs.findDocNodeByPath.call(void 0, _chunkDR4WXTKPcjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
+          const probe = _chunkTZK5N6AHcjs.findDocNodeByPath.call(void 0, _chunkTZK5N6AHcjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
           const probeIsNoReadmeFolder = !!probe && probe.type === "folder" && !probe.hasReadme;
           const preStructureFolderLike = structure.length === 0 && !path.endsWith(".md");
           if (probeIsNoReadmeFolder || preStructureFolderLike) {
@@ -494,7 +494,7 @@ function useDocumentTree(config, initialPath) {
     if (selectedPath === "") {
       pathToFetch = folderIndexFile;
     } else {
-      const node = _chunkDR4WXTKPcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+      const node = _chunkTZK5N6AHcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
       if (node && node.type === "folder" && !node.hasReadme) {
         const firstDocPath = findFirstDocPath(node);
         if (!firstDocPath) {
@@ -535,16 +535,16 @@ function useDocumentTree(config, initialPath) {
       if (node.type === "folder") {
         setExpandedNodes((prev) => {
           if (prev.has(node.id)) {
-            const ancestorIds = _chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, node.path);
+            const ancestorIds = _chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, node.path);
             ancestorIds.pop();
             return new Set(ancestorIds);
           }
-          return new Set(_chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, node.path));
+          return new Set(_chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, node.path));
         });
       } else {
         const lastSlash = node.path.lastIndexOf("/");
         if (lastSlash > 0) {
-          setExpandedNodes(new Set(_chunkDR4WXTKPcjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
+          setExpandedNodes(new Set(_chunkTZK5N6AHcjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
         }
       }
       lastFetchedPath.current = null;
@@ -559,7 +559,7 @@ function useDocumentTree(config, initialPath) {
       const hashIndex = path.indexOf("#");
       const anchor = hashIndex !== -1 ? path.substring(hashIndex) : "";
       const cleanPath = path.replace(/\/$/, "").split("#")[0];
-      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkDR4WXTKPcjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
+      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkTZK5N6AHcjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
       if (anchor && _optionalChain([options, 'optionalAccess', _7 => _7.fromInternalLink]) && pathForSelection === selectedPathRef.current) {
         _chunkYXWGSDK4cjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkYXWGSDK4cjs.HUB_HEADER_OFFSET_PX });
         return;
@@ -623,15 +623,15 @@ function useDocumentTree(config, initialPath) {
     return docNavigation.register({
       baseRoute: normalizedBaseRoute,
       findNodeByPath: (path) => {
-        const clean = _chunkDR4WXTKPcjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
-        return _nullishCoalesce(_chunkDR4WXTKPcjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
+        const clean = _chunkTZK5N6AHcjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
+        return _nullishCoalesce(_chunkTZK5N6AHcjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
       },
       selectNode
     });
   }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile]);
   const isEmptyFolder = _react.useMemo.call(void 0, () => {
     if (!selectedPath || structure.length === 0) return false;
-    const node = _chunkDR4WXTKPcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+    const node = _chunkTZK5N6AHcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
     return !!node && node.type === "folder" && !node.hasReadme && !findFirstDocPath(node);
   }, [selectedPath, structure]);
   return {
@@ -767,7 +767,7 @@ function DocViewerContent({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
   };
-  const docSearch = _chunkNBJELHZEcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkMN4TFBRAcjs.useDocSearch.call(void 0, {
     source: chatSource,
     baseRoute,
     searchEndpoint,
@@ -791,7 +791,7 @@ function DocViewerContent({
       onResolveLink: resolveLink
     });
   }, [content, renderContent, navigateToDoc, sourceId, resolveLink]);
-  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkDR4WXTKPcjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _18 => _18.documentType]) : void 0;
+  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkTZK5N6AHcjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _18 => _18.documentType]) : void 0;
   const activeDocType = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _19 => _19.documentType]), () => ( selectedNodeDocType));
   const isMarkdownContent = !activeDocType || activeDocType === "markdown";
   const showStickyNav = isMarkdownContent;
@@ -802,9 +802,9 @@ function DocViewerContent({
   const containerBgStyle = colorPalette.containerBackground !== "transparent" ? { backgroundColor: colorPalette.containerBackground } : {};
   const defaultEmptyText = structure.length > 0 ? "Select a document from the sidebar to view" : "No documents yet. Add content from the admin panel.";
   const resolvedEmptyText = emptyStateText || defaultEmptyText;
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDR4WXTKPcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZK5N6AHcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
     showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNBJELHZEcjs.DocSearchBar,
+      _chunkMN4TFBRAcjs.DocSearchBar,
       {
         placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _23 => _23.toLowerCase, 'call', _24 => _24()]) || "documents"}...`,
         query: docSearch.query,
@@ -823,9 +823,9 @@ function DocViewerContent({
       ] })
     ] }) }),
     !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDR4WXTKPcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZK5N6AHcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHCHTKE6Icjs.MobileNavigationDropdown,
+          _chunkYP56SX7Ccjs.MobileNavigationDropdown,
           {
             nodes: structure,
             selectedPath,
@@ -839,7 +839,7 @@ function DocViewerContent({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHCHTKE6Icjs.MultiLevelNavigation,
+            _chunkYP56SX7Ccjs.MultiLevelNavigation,
             {
               nodes: structure,
               selectedPath,
@@ -878,7 +878,7 @@ function DocViewerContent({
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHCHTKE6Icjs.StickySectionNav,
+                _chunkYP56SX7Ccjs.StickySectionNav,
                 {
                   sections: stickyNavSections,
                   activeSection,
@@ -893,7 +893,7 @@ function DocViewerContent({
       ) })
     ] })
   ] }) }) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDR4WXTKPcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZK5N6AHcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
 }
 
 // src/components/docs/skeletons.tsx
@@ -983,11 +983,11 @@ function EmbedSkeleton({ documentType } = {}) {
 
 var DEFAULT_TITLE = "Documents";
 var defaultFallbackRenderer = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Unsupported document type" }) });
-var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBC73KAXXcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBC73KAXXcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDR4WXTKPcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHPUD7X67cjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHPUD7X67cjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZK5N6AHcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
 var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkBC73KAXXcjs.FileDownloadCard,
+  _chunkHPUD7X67cjs.FileDownloadCard,
   {
     fileName: content.fileName,
     mimeType: content.mimeType,
@@ -1050,4 +1050,4 @@ function DocsHubPage({
 
 
 exports.PersistentFilterControls = PersistentFilterControls; exports.PersistentSearchContainer = PersistentSearchContainer; exports.PersistentSidebar = PersistentSidebar; exports.PersistentMobileDropdown = PersistentMobileDropdown; exports.DocNavigationProvider = DocNavigationProvider; exports.useDocNavigation = useDocNavigation; exports.useDocumentTree = useDocumentTree; exports.useScrollSpy = useScrollSpy; exports.DocViewer = DocViewer; exports.MarkdownSkeleton = MarkdownSkeleton; exports.EmbedSkeleton = EmbedSkeleton; exports.DocsHubPage = DocsHubPage;
-//# sourceMappingURL=chunk-NTJGRZ7G.cjs.map
+//# sourceMappingURL=chunk-OI7RNQAS.cjs.map