@oztix/roadie-components 2.0.1 → 2.1.0

package/dist/Select.d.ts

@@ -1,131 +1,187 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { RefAttributes, ComponentProps } from 'react';
-import { Select as Select$1 } from '@base-ui/react/select';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from "class-variance-authority";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, RefAttributes } from "react";
+import { Select as Select$1 } from "@base-ui/react/select";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/Select/index.d.ts
 declare const selectTriggerVariants: (props?: ({
-    intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
-    emphasis?: "normal" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
+  emphasis?: "normal" | "subtle" | null | undefined;
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type SelectRootProps = Select$1.Root.Props<unknown> & {
-    invalid?: boolean;
-    required?: boolean;
+  invalid?: boolean;
+  required?: boolean;
 };
-declare function SelectRoot({ invalid, required, ...props }: SelectRootProps): react_jsx_runtime.JSX.Element;
+declare function SelectRoot({
+  invalid,
+  required,
+  ...props
+}: SelectRootProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectRoot {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectTriggerProps = Select$1.Trigger.Props & RefAttributes<HTMLButtonElement> & VariantProps<typeof selectTriggerVariants>;
-declare function SelectTrigger({ className, intent, emphasis, size, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({
+  className,
+  intent,
+  emphasis,
+  size,
+  ...props
+}: SelectTriggerProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectTrigger {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectValueProps = Select$1.Value.Props & RefAttributes<HTMLSpanElement>;
-declare function SelectValue({ className, ...props }: SelectValueProps): react_jsx_runtime.JSX.Element;
+declare function SelectValue({
+  className,
+  ...props
+}: SelectValueProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectValue {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectIconProps = Select$1.Icon.Props & RefAttributes<HTMLSpanElement>;
-declare function SelectIcon({ className, children, ...props }: SelectIconProps): react_jsx_runtime.JSX.Element;
+declare function SelectIcon({
+  className,
+  children,
+  ...props
+}: SelectIconProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectIcon {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectPortalProps = Select$1.Portal.Props & RefAttributes<HTMLDivElement>;
-declare function SelectPortal(props: SelectPortalProps): react_jsx_runtime.JSX.Element;
+declare function SelectPortal(props: SelectPortalProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectPortal {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectPositionerProps = Select$1.Positioner.Props & RefAttributes<HTMLDivElement>;
-declare function SelectPositioner({ className, ...props }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
+declare function SelectPositioner({
+  className,
+  ...props
+}: SelectPositionerProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectPositioner {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectPopupProps = Select$1.Popup.Props & RefAttributes<HTMLDivElement>;
-declare function SelectPopup({ className, ...props }: SelectPopupProps): react_jsx_runtime.JSX.Element;
+declare function SelectPopup({
+  className,
+  ...props
+}: SelectPopupProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectPopup {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectItemProps = Select$1.Item.Props & RefAttributes<HTMLDivElement>;
-declare function SelectItem({ className, children, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: SelectItemProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectItem {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectItemTextProps = Select$1.ItemText.Props & RefAttributes<HTMLSpanElement>;
-declare function SelectItemText(props: SelectItemTextProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemText(props: SelectItemTextProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectItemText {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectItemIndicatorProps = Select$1.ItemIndicator.Props & RefAttributes<HTMLSpanElement>;
-declare function SelectItemIndicator({ className, children, ...props }: SelectItemIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function SelectItemIndicator({
+  className,
+  children,
+  ...props
+}: SelectItemIndicatorProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectItemIndicator {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectGroupProps = Select$1.Group.Props & RefAttributes<HTMLDivElement>;
-declare function SelectGroup({ className, ...props }: SelectGroupProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({
+  className,
+  ...props
+}: SelectGroupProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectGroup {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectGroupLabelProps = Select$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
-declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
+declare function SelectGroupLabel({
+  className,
+  ...props
+}: SelectGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectGroupLabel {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectLabelProps = Select$1.Label.Props & RefAttributes<HTMLDivElement> & {
-    showIndicator?: boolean;
+  showIndicator?: boolean;
 };
-declare function SelectLabel({ className, showIndicator, children, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({
+  className,
+  showIndicator,
+  children,
+  ...props
+}: SelectLabelProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectLabel {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectScrollUpArrowProps = Select$1.ScrollUpArrow.Props & RefAttributes<HTMLDivElement>;
-declare function SelectScrollUpArrow({ className, ...props }: SelectScrollUpArrowProps): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpArrow({
+  className,
+  ...props
+}: SelectScrollUpArrowProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectScrollUpArrow {
-    var displayName: string;
+  var displayName: string;
 }
 type SelectScrollDownArrowProps = Select$1.ScrollDownArrow.Props & RefAttributes<HTMLDivElement>;
-declare function SelectScrollDownArrow({ className, ...props }: SelectScrollDownArrowProps): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownArrow({
+  className,
+  ...props
+}: SelectScrollDownArrowProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectScrollDownArrow {
-    var displayName: string;
+  var displayName: string;
 }
-interface SelectHelperTextProps extends ComponentProps<'p'> {
-}
-declare function SelectHelperText({ className, ...props }: SelectHelperTextProps): react_jsx_runtime.JSX.Element;
+interface SelectHelperTextProps extends ComponentProps<'p'> {}
+declare function SelectHelperText({
+  className,
+  ...props
+}: SelectHelperTextProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectHelperText {
-    var displayName: string;
-}
-interface SelectErrorTextProps extends ComponentProps<'p'> {
+  var displayName: string;
 }
-declare function SelectErrorText({ className, ...props }: SelectErrorTextProps): react_jsx_runtime.JSX.Element | null;
+interface SelectErrorTextProps extends ComponentProps<'p'> {}
+declare function SelectErrorText({
+  className,
+  ...props
+}: SelectErrorTextProps): _$react_jsx_runtime0.JSX.Element | null;
 declare namespace SelectErrorText {
-    var displayName: string;
+  var displayName: string;
 }
-interface SelectContentProps extends SelectPopupProps {
-}
-declare function SelectContent({ children, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
+interface SelectContentProps extends SelectPopupProps {}
+declare function SelectContent({
+  children,
+  ...props
+}: SelectContentProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SelectContent {
-    var displayName: string;
+  var displayName: string;
 }
 declare const Select: typeof SelectRoot & {
-    Trigger: typeof SelectTrigger;
-    Value: typeof SelectValue;
-    Icon: typeof SelectIcon;
-    Portal: typeof SelectPortal;
-    Positioner: typeof SelectPositioner;
-    Popup: typeof SelectPopup;
-    Content: typeof SelectContent;
-    Item: typeof SelectItem;
-    ItemText: typeof SelectItemText;
-    ItemIndicator: typeof SelectItemIndicator;
-    Group: typeof SelectGroup;
-    GroupLabel: typeof SelectGroupLabel;
-    Label: typeof SelectLabel;
-    HelperText: typeof SelectHelperText;
-    ErrorText: typeof SelectErrorText;
-    ScrollUpArrow: typeof SelectScrollUpArrow;
-    ScrollDownArrow: typeof SelectScrollDownArrow;
+  Trigger: typeof SelectTrigger;
+  Value: typeof SelectValue;
+  Icon: typeof SelectIcon;
+  Portal: typeof SelectPortal;
+  Positioner: typeof SelectPositioner;
+  Popup: typeof SelectPopup;
+  Content: typeof SelectContent;
+  Item: typeof SelectItem;
+  ItemText: typeof SelectItemText;
+  ItemIndicator: typeof SelectItemIndicator;
+  Group: typeof SelectGroup;
+  GroupLabel: typeof SelectGroupLabel;
+  Label: typeof SelectLabel;
+  HelperText: typeof SelectHelperText;
+  ErrorText: typeof SelectErrorText;
+  ScrollUpArrow: typeof SelectScrollUpArrow;
+  ScrollDownArrow: typeof SelectScrollDownArrow;
 };
 type SelectProps = SelectRootProps;
-
-export { Select, SelectContent, type SelectContentProps, SelectErrorText, type SelectErrorTextProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectHelperText, type SelectHelperTextProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerProps as SelectTriggerVariantProps, SelectValue, type SelectValueProps, selectTriggerVariants };
+//#endregion
+export { Select, SelectContent, SelectContentProps, SelectErrorText, SelectErrorTextProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectHelperText, SelectHelperTextProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectRoot, SelectRootProps, SelectScrollDownArrow, SelectScrollDownArrowProps, SelectScrollUpArrow, SelectScrollUpArrowProps, SelectTrigger, SelectTriggerProps, type SelectTriggerProps as SelectTriggerVariantProps, SelectValue, SelectValueProps, selectTriggerVariants };
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../src/components/Select/index.tsx"],"mappings":"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"}

package/dist/Select.js

@@ -1,3 +1,2 @@
-"use client";
-export{t as Select,s as SelectContent,r as SelectErrorText,l as SelectGroup,m as SelectGroupLabel,q as SelectHelperText,e as SelectIcon,i as SelectItem,k as SelectItemIndicator,j as SelectItemText,n as SelectLabel,h as SelectPopup,f as SelectPortal,g as SelectPositioner,b as SelectRoot,p as SelectScrollDownArrow,o as SelectScrollUpArrow,c as SelectTrigger,d as SelectValue,a as selectTriggerVariants}from'./_chunks/chunk-BQEJDV7D.js';import'./_chunks/chunk-N2HGY7W7.js';import'./_chunks/chunk-OIAETOZT.js';import'./_chunks/chunk-LMV3JECI.js';import'./_chunks/chunk-VSKUGXQG.js';import'./_chunks/chunk-IEDKSZAQ.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Select.js.map
+"use client";import{t as e}from"./variants-DTAwzBl3.js";import{OptionalIndicator as t,RequiredIndicator as n}from"./Indicator.js";import{useFieldContext as r}from"./Field.js";import{cva as i}from"class-variance-authority";import{cn as a}from"@oztix/roadie-core/utils";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u}from"react";import{CaretDownIcon as d,CaretUpIcon as f,CheckIcon as p}from"@phosphor-icons/react";import{Select as m}from"@base-ui/react/select";const h=l({}),g=i(`inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]`,{variants:{intent:e,emphasis:{normal:`emphasis-raised border border-normal is-interactive-field`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function _({invalid:e,required:t,...n}){let i=r();return s(h,{value:{invalid:e??i.invalid,required:t??i.required},children:s(m.Root,{...n})})}_.displayName=`Select`;function v({className:e,intent:t,emphasis:n,size:i,...o}){let c=r(),{invalid:l}=u(h),d=!!c.fieldId;return s(m.Trigger,{className:a(g({intent:t,emphasis:n,size:i,className:e})),...d&&{"aria-labelledby":c.labelId||void 0,"aria-describedby":l?c.errorTextId||void 0:c.helperTextId||void 0,"aria-invalid":l||void 0,"aria-required":c.required||void 0},...o})}v.displayName=`Select.Trigger`;function y({className:e,...t}){return s(m.Value,{className:a(`truncate data-[placeholder]:text-subtle`,e),...t})}y.displayName=`Select.Value`;function b({className:e,children:t,...n}){return s(m.Icon,{className:a(`duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??s(d,{weight:`bold`,className:`size-4`})})}b.displayName=`Select.Icon`;function x(e){return s(m.Portal,{...e})}x.displayName=`Select.Portal`;function S({className:e,...t}){return s(m.Positioner,{className:a(`z-50`,e),alignItemWithTrigger:!1,...t})}S.displayName=`Select.Positioner`;function C({className:e,...t}){return s(m.Popup,{className:a(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}C.displayName=`Select.Popup`;function w({className:e,children:t,...n}){let r=typeof t==`string`||typeof t==`number`?c(o,{children:[s(T,{children:t}),s(E,{})]}):t;return s(m.Item,{className:a(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...n,children:r})}w.displayName=`Select.Item`;function T(e){return s(m.ItemText,{...e})}T.displayName=`Select.ItemText`;function E({className:e,children:t,...n}){return s(m.ItemIndicator,{className:a(`shrink-0 text-subtle`,e),...n,children:t??s(p,{weight:`bold`,className:`size-4`})})}E.displayName=`Select.ItemIndicator`;function D({className:e,...t}){return s(m.Group,{className:a(`[&+&]:mt-1`,e),...t})}D.displayName=`Select.Group`;function O({className:e,...t}){return s(m.GroupLabel,{className:a(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}O.displayName=`Select.GroupLabel`;function k({className:e,showIndicator:r,children:i,...l}){let{required:d}=u(h);return c(m.Label,{className:a(`flex items-center gap-1 text-sm font-medium text-normal`,e),...l,children:[i,r&&(d?c(o,{children:[` `,s(n,{})]}):c(o,{children:[` `,s(t,{})]}))]})}k.displayName=`Select.Label`;function A({className:e,...t}){return s(m.ScrollUpArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(f,{weight:`bold`,className:`size-3`})})}A.displayName=`Select.ScrollUpArrow`;function j({className:e,...t}){return s(m.ScrollDownArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(d,{weight:`bold`,className:`size-3`})})}j.displayName=`Select.ScrollDownArrow`;function M({className:e,...t}){return s(`p`,{className:a(`text-sm text-subtle`,e),...t})}M.displayName=`Select.HelperText`;function N({className:e,...t}){let{invalid:n}=u(h);return n?s(`p`,{role:`alert`,className:a(`text-sm text-subtle intent-danger`,e),...t}):null}N.displayName=`Select.ErrorText`;function P({children:e,...t}){return s(x,{children:s(S,{children:s(C,{...t,children:e})})})}P.displayName=`Select.Content`;const F=Object.assign(_,{Trigger:v,Value:y,Icon:b,Portal:x,Positioner:S,Popup:C,Content:P,Item:w,ItemText:T,ItemIndicator:E,Group:D,GroupLabel:O,Label:k,HelperText:M,ErrorText:N,ScrollUpArrow:A,ScrollDownArrow:j});export{F as Select,P as SelectContent,N as SelectErrorText,D as SelectGroup,O as SelectGroupLabel,M as SelectHelperText,b as SelectIcon,w as SelectItem,E as SelectItemIndicator,T as SelectItemText,k as SelectLabel,C as SelectPopup,x as SelectPortal,S as SelectPositioner,_ as SelectRoot,j as SelectScrollDownArrow,A as SelectScrollUpArrow,v as SelectTrigger,y as SelectValue,g as selectTriggerVariants};
 //# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Select.js"}
+{"version":3,"file":"Select.js","names":["SelectPrimitive"],"sources":["../src/components/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type RefAttributes,\n  createContext,\n  use\n} from 'react'\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select'\nimport { CaretDownIcon, CaretUpIcon, CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Context ─── */\n\ninterface SelectContextValue {\n  invalid?: boolean\n  required?: boolean\n}\n\nconst SelectContext = createContext<SelectContextValue>({})\n\n/* ─── Trigger variants (matches Input) ─── */\n\nexport const selectTriggerVariants = cva(\n  'inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]',\n  {\n    variants: {\n      intent: intentVariants,\n      emphasis: {\n        normal: 'emphasis-raised border border-normal is-interactive-field',\n        subtle:\n          'bg-subtle text-normal border border-transparent is-interactive-field'\n      },\n      size: {\n        sm: 'h-8 px-1.5 text-base',\n        md: 'h-10 px-2 text-base',\n        lg: 'h-12 px-2 text-base'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'normal',\n      size: 'md'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type SelectRootProps = SelectPrimitive.Root.Props<unknown> & {\n  invalid?: boolean\n  required?: boolean\n}\n\nexport function SelectRoot({ invalid, required, ...props }: SelectRootProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n\n  return (\n    <SelectContext\n      value={{ invalid: resolvedInvalid, required: resolvedRequired }}\n    >\n      <SelectPrimitive.Root {...props} />\n    </SelectContext>\n  )\n}\n\nSelectRoot.displayName = 'Select'\n\n/* ─── Trigger ─── */\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  RefAttributes<HTMLButtonElement> &\n  VariantProps<typeof selectTriggerVariants>\n\nexport function SelectTrigger({\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: SelectTriggerProps) {\n  const fieldContext = useFieldContext()\n  const { invalid } = use(SelectContext)\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <SelectPrimitive.Trigger\n      className={cn(\n        selectTriggerVariants({ intent, emphasis, size, className })\n      )}\n      {...(inField && {\n        'aria-labelledby': fieldContext.labelId || undefined,\n        'aria-describedby': invalid\n          ? fieldContext.errorTextId || undefined\n          : fieldContext.helperTextId || undefined,\n        'aria-invalid': invalid || undefined,\n        'aria-required': fieldContext.required || undefined\n      })}\n      {...props}\n    />\n  )\n}\n\nSelectTrigger.displayName = 'Select.Trigger'\n\n/* ─── Value ─── */\n\nexport type SelectValueProps = SelectPrimitive.Value.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectValue({ className, ...props }: SelectValueProps) {\n  return (\n    <SelectPrimitive.Value\n      className={cn('truncate data-[placeholder]:text-subtle', className)}\n      {...props}\n    />\n  )\n}\n\nSelectValue.displayName = 'Select.Value'\n\n/* ─── Icon ─── */\n\nexport type SelectIconProps = SelectPrimitive.Icon.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectIcon({ className, children, ...props }: SelectIconProps) {\n  return (\n    <SelectPrimitive.Icon\n      className={cn(\n        'duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.Icon>\n  )\n}\n\nSelectIcon.displayName = 'Select.Icon'\n\n/* ─── Portal ─── */\n\nexport type SelectPortalProps = SelectPrimitive.Portal.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPortal(props: SelectPortalProps) {\n  return <SelectPrimitive.Portal {...props} />\n}\n\nSelectPortal.displayName = 'Select.Portal'\n\n/* ─── Positioner ─── */\n\nexport type SelectPositionerProps = SelectPrimitive.Positioner.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPositioner({\n  className,\n  ...props\n}: SelectPositionerProps) {\n  return (\n    <SelectPrimitive.Positioner\n      className={cn('z-50', className)}\n      alignItemWithTrigger={false}\n      {...props}\n    />\n  )\n}\n\nSelectPositioner.displayName = 'Select.Positioner'\n\n/* ─── Popup (dropdown content) ─── */\n\nexport type SelectPopupProps = SelectPrimitive.Popup.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPopup({ className, ...props }: SelectPopupProps) {\n  return (\n    <SelectPrimitive.Popup\n      className={cn(\n        'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n        'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectPopup.displayName = 'Select.Popup'\n\n/* ─── Item ─── */\n\nexport type SelectItemProps = SelectPrimitive.Item.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectItem({ className, children, ...props }: SelectItemProps) {\n  const content =\n    typeof children === 'string' || typeof children === 'number' ? (\n      <>\n        <SelectItemText>{children}</SelectItemText>\n        <SelectItemIndicator />\n      </>\n    ) : (\n      children\n    )\n\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n        'data-[highlighted]:bg-subtle',\n        className\n      )}\n      {...props}\n    >\n      {content}\n    </SelectPrimitive.Item>\n  )\n}\n\nSelectItem.displayName = 'Select.Item'\n\n/* ─── ItemText ─── */\n\nexport type SelectItemTextProps = SelectPrimitive.ItemText.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemText(props: SelectItemTextProps) {\n  return <SelectPrimitive.ItemText {...props} />\n}\n\nSelectItemText.displayName = 'Select.ItemText'\n\n/* ─── ItemIndicator ─── */\n\nexport type SelectItemIndicatorProps = SelectPrimitive.ItemIndicator.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemIndicator({\n  className,\n  children,\n  ...props\n}: SelectItemIndicatorProps) {\n  return (\n    <SelectPrimitive.ItemIndicator\n      className={cn('shrink-0 text-subtle', className)}\n      {...props}\n    >\n      {children ?? <CheckIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.ItemIndicator>\n  )\n}\n\nSelectItemIndicator.displayName = 'Select.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type SelectGroupProps = SelectPrimitive.Group.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroup({ className, ...props }: SelectGroupProps) {\n  return (\n    <SelectPrimitive.Group className={cn('[&+&]:mt-1', className)} {...props} />\n  )\n}\n\nSelectGroup.displayName = 'Select.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroupLabel({\n  className,\n  ...props\n}: SelectGroupLabelProps) {\n  return (\n    <SelectPrimitive.GroupLabel\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectGroupLabel.displayName = 'Select.GroupLabel'\n\n/* ─── Label ─── */\n\nexport type SelectLabelProps = SelectPrimitive.Label.Props &\n  RefAttributes<HTMLDivElement> & {\n    showIndicator?: boolean\n  }\n\nexport function SelectLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: SelectLabelProps) {\n  const { required } = use(SelectContext)\n  return (\n    <SelectPrimitive.Label\n      className={cn(\n        'flex 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    </SelectPrimitive.Label>\n  )\n}\n\nSelectLabel.displayName = 'Select.Label'\n\n/* ─── ScrollUpArrow ─── */\n\nexport type SelectScrollUpArrowProps = SelectPrimitive.ScrollUpArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollUpArrow({\n  className,\n  ...props\n}: SelectScrollUpArrowProps) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretUpIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nSelectScrollUpArrow.displayName = 'Select.ScrollUpArrow'\n\n/* ─── ScrollDownArrow ─── */\n\nexport type SelectScrollDownArrowProps = SelectPrimitive.ScrollDownArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollDownArrow({\n  className,\n  ...props\n}: SelectScrollDownArrowProps) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretDownIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nSelectScrollDownArrow.displayName = 'Select.ScrollDownArrow'\n\n/* ─── HelperText ─── */\n\nexport interface SelectHelperTextProps extends ComponentProps<'p'> {}\n\nexport function SelectHelperText({\n  className,\n  ...props\n}: SelectHelperTextProps) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nSelectHelperText.displayName = 'Select.HelperText'\n\n/* ─── ErrorText ─── */\n\nexport interface SelectErrorTextProps extends ComponentProps<'p'> {}\n\nexport function SelectErrorText({ className, ...props }: SelectErrorTextProps) {\n  const { invalid } = use(SelectContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nSelectErrorText.displayName = 'Select.ErrorText'\n\n/* ─── Content (convenience wrapper) ─── */\n\nexport interface SelectContentProps extends SelectPopupProps {}\n\nexport function SelectContent({ children, ...props }: SelectContentProps) {\n  return (\n    <SelectPortal>\n      <SelectPositioner>\n        <SelectPopup {...props}>{children}</SelectPopup>\n      </SelectPositioner>\n    </SelectPortal>\n  )\n}\n\nSelectContent.displayName = 'Select.Content'\n\n/* ─── Compound export ─── */\n\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  Content: SelectContent,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Label: SelectLabel,\n  HelperText: SelectHelperText,\n  ErrorText: SelectErrorText,\n  ScrollUpArrow: SelectScrollUpArrow,\n  ScrollDownArrow: SelectScrollDownArrow\n})\n\nexport type SelectProps = SelectRootProps\nexport type { SelectTriggerProps as SelectTriggerVariantProps }\n"],"mappings":"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"}

package/dist/Separator.d.ts

@@ -1,16 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ComponentProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from "class-variance-authority";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/Separator/index.d.ts
 declare const separatorVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SeparatorProps extends ComponentProps<'div'>, VariantProps<typeof separatorVariants> {
-}
-declare function Separator({ className, orientation, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface SeparatorProps extends ComponentProps<'div'>, VariantProps<typeof separatorVariants> {}
+declare function Separator({
+  className,
+  orientation,
+  ...props
+}: SeparatorProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace Separator {
-    var displayName: string;
+  var displayName: string;
 }
-
-export { Separator, type SeparatorProps, separatorVariants };
+//#endregion
+export { Separator, SeparatorProps, separatorVariants };
+//# sourceMappingURL=Separator.d.ts.map

package/dist/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","names":[],"sources":["../src/components/Separator/index.tsx"],"mappings":";;;;;;cAMa,iBAAA,GAAiB,KAAA;;IAU5B,iCAAA,CAAA,SAAA;AAAA,UAEe,cAAA,SACP,cAAA,SACN,YAAA,QAAoB,iBAAA;AAAA,iBAER,SAAA,CAAA;EACd,SAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJD,SAAA;EAAA,IAAS,WAAA;AAAA"}

package/dist/Separator.js

@@ -1,2 +1,2 @@
-export{b as Separator,a as separatorVariants}from'./_chunks/chunk-JGTZ3GCR.js';//# sourceMappingURL=Separator.js.map
+import{cva as e}from"class-variance-authority";import{cn as t}from"@oztix/roadie-core/utils";import{jsx as n}from"react/jsx-runtime";const r=e(`border border-subtle`,{variants:{orientation:{horizontal:`h-px w-full border-t`,vertical:`w-px self-stretch border-l`}},defaultVariants:{orientation:`horizontal`}});function i({className:e,orientation:i,...a}){return n(`div`,{role:`separator`,"aria-orientation":i??`horizontal`,className:t(r({orientation:i,className:e})),...a})}i.displayName=`Separator`;export{i as Separator,r as separatorVariants};
 //# sourceMappingURL=Separator.js.map

package/dist/Separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Separator.js"}
+{"version":3,"file":"Separator.js","names":[],"sources":["../src/components/Separator/index.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nexport const separatorVariants = cva('border border-subtle', {\n  variants: {\n    orientation: {\n      horizontal: 'h-px w-full border-t',\n      vertical: 'w-px self-stretch border-l'\n    }\n  },\n  defaultVariants: {\n    orientation: 'horizontal'\n  }\n})\n\nexport interface SeparatorProps\n  extends ComponentProps<'div'>,\n    VariantProps<typeof separatorVariants> {}\n\nexport function Separator({\n  className,\n  orientation,\n  ...props\n}: SeparatorProps) {\n  return (\n    <div\n      role='separator'\n      aria-orientation={orientation ?? 'horizontal'}\n      className={cn(separatorVariants({ orientation, className }))}\n      {...props}\n    />\n  )\n}\n\nSeparator.displayName = 'Separator'\n"],"mappings":"qIAMA,MAAa,EAAoB,EAAI,uBAAwB,CAC3D,SAAU,CACR,YAAa,CACX,WAAY,uBACZ,SAAU,6BACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CAAC,CAMF,SAAgB,EAAU,CACxB,YACA,cACA,GAAG,GACc,CACjB,OACE,EAAC,MAAD,CACE,KAAK,YACL,mBAAkB,GAAe,aACjC,UAAW,EAAG,EAAkB,CAAE,cAAa,YAAW,CAAC,CAAC,CAC5D,GAAI,EACJ,CAAA,CAIN,EAAU,YAAc"}

package/dist/SpotIllustration.d.ts

@@ -1,23 +1,31 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
 
+//#region src/components/SpotIllustration/SpotIllustration.d.ts
 interface PathData {
-    d: string;
-    layer: 'outline' | 'face' | 'detail' | 'shadow' | 'highlight' | 'stroke';
+  d: string;
+  layer: 'outline' | 'face' | 'detail' | 'shadow' | 'highlight' | 'stroke';
 }
 interface IllustrationData {
-    viewBox: string;
-    paths: PathData[];
+  viewBox: string;
+  paths: PathData[];
 }
 interface SpotIllustrationProps extends Omit<ComponentProps<'svg'>, 'outline'> {
-    illustration: IllustrationData;
-    outline?: boolean;
+  illustration: IllustrationData;
+  outline?: boolean;
 }
-declare function SpotIllustration({ illustration, outline, className, ref, ...props }: SpotIllustrationProps): react_jsx_runtime.JSX.Element;
+declare function SpotIllustration({
+  illustration,
+  outline,
+  className,
+  ref,
+  ...props
+}: SpotIllustrationProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace SpotIllustration {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
+//#region src/components/SpotIllustration/createSpotIllustration.d.ts
 type SpotIllustrationComponentProps = Omit<SpotIllustrationProps, 'illustration'>;
 /**
  * Factory function to create a SpotIllustration component from JSON data
@@ -35,80 +43,93 @@ type SpotIllustrationComponentProps = Omit<SpotIllustrationProps, 'illustration'
  * ```
  */
 declare function createSpotIllustration(name: string, data: unknown): {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
-
+//#endregion
+//#region src/components/SpotIllustration/ArrowUpRight.d.ts
 declare const ArrowUpRight: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type ArrowUpRightProps = React.ComponentPropsWithRef<typeof ArrowUpRight>;
-
+//#endregion
+//#region src/components/SpotIllustration/CowboyHat.d.ts
 declare const CowboyHat: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type CowboyHatProps = React.ComponentPropsWithRef<typeof CowboyHat>;
-
+//#endregion
+//#region src/components/SpotIllustration/Cursor.d.ts
 declare const Cursor: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type CursorProps = React.ComponentPropsWithRef<typeof Cursor>;
-
+//#endregion
+//#region src/components/SpotIllustration/FlowerSpiral.d.ts
 declare const FlowerSpiral: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type FlowerSpiralProps = React.ComponentPropsWithRef<typeof FlowerSpiral>;
-
+//#endregion
+//#region src/components/SpotIllustration/Football.d.ts
 declare const Football: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type FootballProps = React.ComponentPropsWithRef<typeof Football>;
-
+//#endregion
+//#region src/components/SpotIllustration/Hand.d.ts
 declare const Hand: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type HandProps = React.ComponentPropsWithRef<typeof Hand>;
-
+//#endregion
+//#region src/components/SpotIllustration/Heart.d.ts
 declare const Heart: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type HeartProps = React.ComponentPropsWithRef<typeof Heart>;
-
+//#endregion
+//#region src/components/SpotIllustration/HighFive.d.ts
 declare const HighFive: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type HighFiveProps = React.ComponentPropsWithRef<typeof HighFive>;
-
+//#endregion
+//#region src/components/SpotIllustration/MapPin.d.ts
 declare const MapPin: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type MapPinProps = React.ComponentPropsWithRef<typeof MapPin>;
-
+//#endregion
+//#region src/components/SpotIllustration/NoteMusic.d.ts
 declare const NoteMusic: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type NoteMusicProps = React.ComponentPropsWithRef<typeof NoteMusic>;
-
+//#endregion
+//#region src/components/SpotIllustration/Ticket.d.ts
 declare const Ticket: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type TicketProps = React.ComponentPropsWithRef<typeof Ticket>;
-
+//#endregion
+//#region src/components/SpotIllustration/WineGlass.d.ts
 declare const WineGlass: {
-    (props: SpotIllustrationComponentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+  (props: SpotIllustrationComponentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
 type WineGlassProps = React.ComponentPropsWithRef<typeof WineGlass>;
-
+//#endregion
 export { ArrowUpRight, type ArrowUpRightProps, CowboyHat, type CowboyHatProps, Cursor, type CursorProps, FlowerSpiral, type FlowerSpiralProps, Football, type FootballProps, Hand, type HandProps, Heart, type HeartProps, HighFive, type HighFiveProps, MapPin, type MapPinProps, NoteMusic, type NoteMusicProps, SpotIllustration, type SpotIllustrationComponentProps, type SpotIllustrationProps, Ticket, type TicketProps, WineGlass, type WineGlassProps, createSpotIllustration };
+//# sourceMappingURL=SpotIllustration.d.ts.map

package/dist/SpotIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotIllustration.d.ts","names":[],"sources":["../src/components/SpotIllustration/SpotIllustration.tsx","../src/components/SpotIllustration/createSpotIllustration.tsx","../src/components/SpotIllustration/ArrowUpRight.tsx","../src/components/SpotIllustration/CowboyHat.tsx","../src/components/SpotIllustration/Cursor.tsx","../src/components/SpotIllustration/FlowerSpiral.tsx","../src/components/SpotIllustration/Football.tsx","../src/components/SpotIllustration/Hand.tsx","../src/components/SpotIllustration/Heart.tsx","../src/components/SpotIllustration/HighFive.tsx","../src/components/SpotIllustration/MapPin.tsx","../src/components/SpotIllustration/NoteMusic.tsx","../src/components/SpotIllustration/Ticket.tsx","../src/components/SpotIllustration/WineGlass.tsx"],"mappings":";;;;UAIU,QAAA;EACR,CAAA;EACA,KAAA;AAAA;AAAA,UAGQ,gBAAA;EACR,OAAA;EACA,KAAA,EAAO,QAAA;AAAA;AAAA,UAGQ,qBAAA,SACP,IAAA,CAAK,cAAA;EACb,YAAA,EAAc,gBAAA;EACd,OAAA;AAAA;AAAA,iBA0Cc,gBAAA,CAAA;EACd,YAAA;EACA,OAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANR,gBAAA;EAAA,IAAgB,WAAA;AAAA;;;KCpDpB,8BAAA,GAAiC,IAAA,CAC3C,qBAAA;;;ADRyC;;;;;AAMpC;;;;;;;;iBCqBS,sBAAA,CAAuB,IAAA,UAAc,IAAA;EAAA,QACzB,8BAAA,GAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;cCxB7C,YAAA;EAAA,QAGZ,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACW,iBAAA,GAAoB,KAAA,CAAM,qBAAA,QAA6B,YAAA;;;cCJtD,SAAA;EAAA,QAA8D,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAC/D,cAAA,GAAiB,KAAA,CAAM,qBAAA,QAA6B,SAAA;;;cCDnD,MAAA;EAAA,QAAqD,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACtD,WAAA,GAAc,KAAA,CAAM,qBAAA,QAA6B,MAAA;;;cCDhD,YAAA;EAAA,QAGZ,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACW,iBAAA,GAAoB,KAAA,CAAM,qBAAA,QAA6B,YAAA;;;cCJtD,QAAA;EAAA,QAA2D,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAC5D,aAAA,GAAgB,KAAA,CAAM,qBAAA,QAA6B,QAAA;;;cCDlD,IAAA;EAAA,QAA+C,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAChD,SAAA,GAAY,KAAA,CAAM,qBAAA,QAA6B,IAAA;;;cCD9C,KAAA;EAAA,QAAkD,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACnD,UAAA,GAAa,KAAA,CAAM,qBAAA,QAA6B,KAAA;;;cCD/C,QAAA;EAAA,QAA2D,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAC5D,aAAA,GAAgB,KAAA,CAAM,qBAAA,QAA6B,QAAA;;;cCDlD,MAAA;EAAA,QAAqD,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACtD,WAAA,GAAc,KAAA,CAAM,qBAAA,QAA6B,MAAA;;;cCDhD,SAAA;EAAA,QAA8D,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAC/D,cAAA,GAAiB,KAAA,CAAM,qBAAA,QAA6B,SAAA;;;cCDnD,MAAA;EAAA,QAAqD,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KACtD,WAAA,GAAc,KAAA,CAAM,qBAAA,QAA6B,MAAA;;;cCDhD,SAAA;EAAA,QAA8D,8BAAA,GAAA,oBAAA,CAAA,GAAA,CAAA,OAAA;;;KAC/D,cAAA,GAAiB,KAAA,CAAM,qBAAA,QAA6B,SAAA"}