@santi020k/lumen-astro 0.1.0 → 0.2.0

package/components/Input.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends Omit<HTMLAttributes<'input'>, 'size'> {
-  class?: string
+  class?: string | null
   className?: string
   size?: 'default' | 'lg' | 'sm'
 }

package/components/InputGroup.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/InputOTP.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends Omit<HTMLAttributes<'input'>, 'size'> {
-  class?: string
+  class?: string | null
   className?: string
   length?: number
 }

package/components/Item.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/Kbd.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'kbd'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Label.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'label'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/LanguageToggle.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'button'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Link.astro

@@ -4,23 +4,37 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'a'> {
-  class?: string
+  class?: string | null
   className?: string
+  newTab?: boolean
+  variant?: 'default' | 'inherit'
 }
 
 const {
   class: classProp = '',
   className = '',
+  newTab = false,
+  rel,
+  target,
+  variant = 'default',
   ...rest
 } = Astro.props
 
 const { classList, passthrough } = resolveLumenAstroProps(rest, [
-  'ui-link'
+  'ui-link',
+  variant === 'inherit' && 'ui-link--inherit'
 ], classProp, className)
+
+const safeRel = newTab
+  ? [...new Set(`${rel ?? ''} noopener noreferrer`.trim().split(/\s+/))].join(' ')
+  : rel
 ---
 
 <a
   class:list={classList}
+  data-variant={variant}
+  rel={safeRel}
+  target={newTab ? '_blank' : target}
   {...passthrough}
 >
   <slot />

package/components/Marker.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'span'> {
-  class?: string
+  class?: string | null
   className?: string
   variant?: 'default' | 'success' | 'warning' | 'danger'
 }

package/components/Mentions.astro

@@ -6,7 +6,7 @@ import type { HTMLAttributes } from 'astro/types'
 type MentionOption = string | { label: string; value: string }
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   name?: string
   options?: MentionOption[]

package/components/Menubar.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps, resolveLumenGlass } from '@santi020k/lumen-core
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'nav'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
   /**

package/components/Message.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'article'> {
-  class?: string
+  class?: string | null
   className?: string
   from?: 'user' | 'assistant'
 }

package/components/MessageScroller.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/NativeSelect.astro

@@ -12,7 +12,7 @@ interface Option {
 type SelectOption = Option | string
 
 interface Props extends Omit<HTMLAttributes<'select'>, 'size'> {
-  class?: string
+  class?: string | null
   className?: string
   size?: 'default' | 'lg' | 'sm'
   options?: SelectOption[]

package/components/NavigationMenu.astro

@@ -4,9 +4,10 @@ import { resolveLumenAstroProps, resolveLumenGlass } from '@santi020k/lumen-core
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'nav'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
+  variant?: 'default' | 'unstyled'
   /**
    * @deprecated Use `glass` instead. `surface="glass"` maps to `glass={true}`.
    */
@@ -18,12 +19,14 @@ const {
   className = '',
   glass = false,
   surface = 'default',
+  variant = 'default',
   ...rest
 } = Astro.props
 
 const resolvedGlass = resolveLumenGlass(glass, surface)
 const { classList, passthrough } = resolveLumenAstroProps(rest, [
     'ui-navigation-menu',
+    variant === 'unstyled' && 'ui-navigation-menu--unstyled',
     resolvedGlass && 'ui-navigation-menu--glass',
     glass === 'subtle' && 'ui-glass-subtle',
     glass === 'strong' && 'ui-glass-strong'
@@ -33,6 +36,7 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 <nav
   data-surface={resolvedGlass ? 'glass' : 'default'}
   data-ui-navigation-menu
+  data-variant={variant}
   class:list={classList}
   {...passthrough}
 >

package/components/NumberField.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'input'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Pagination.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'nav'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Particles.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   density?: 'low' | 'medium' | 'high'
 }

package/components/PhoneInput.astro

@@ -12,7 +12,7 @@ interface CountryOption {
 type Country = CountryOption | string
 
 interface Props extends Omit<HTMLAttributes<'div'>, 'size'> {
-  class?: string
+  class?: string | null
   className?: string
   countries?: Country[]
   countryLabel?: string

package/components/Pill.astro

@@ -4,15 +4,17 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'span'> {
-  class?: string
+  class?: string | null
   className?: string
   count?: number | string
+  href?: string
 }
 
 const {
   class: classProp = '',
   className = '',
   count,
+  href,
   ...rest
 } = Astro.props
 
@@ -21,10 +23,13 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 ], classProp, className)
 ---
 
-<span
-  class:list={classList}
-  {...passthrough}
->
-  <slot />
-  {count != null && <span class="ui-pill__count">{count}</span>}
-</span>
+{href
+  ? <a class:list={classList} href={href} {...passthrough}>
+      <slot />
+      {count != null && <span class="ui-pill__count">{count}</span>}
+    </a>
+  : <span class:list={classList} {...passthrough}>
+      <slot />
+      {count != null && <span class="ui-pill__count">{count}</span>}
+    </span>
+}

package/components/Popconfirm.astro

@@ -5,7 +5,7 @@ import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
   cancelLabel?: string
-  class?: string
+  class?: string | null
   className?: string
   confirmLabel?: string
   title?: string

package/components/Popover.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps, resolveLumenGlass } from '@santi020k/lumen-core
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
   /**

package/components/Progress.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   max?: number
   value?: number

package/components/Prose.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/QRCode.astro

@@ -5,7 +5,7 @@ import { renderSVG } from 'uqr'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'figure'> {
-  class?: string
+  class?: string | null
   className?: string
   size?: number
   src?: string

package/components/RadioGroup.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'fieldset'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Resizable.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   defaultSizes?: number[]
   direction?: 'horizontal' | 'vertical'

package/components/RevealGroup.astro

@@ -5,7 +5,7 @@ import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
   animation?: 'fade' | 'slide-up' | 'scale'
-  class?: string
+  class?: string | null
   className?: string
   delay?: number
   duration?: 'fast' | 'standard' | 'slow'

package/components/RichTextEditor.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'section'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/Schedule.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'section'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/ScrollArea.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/ScrollReveal.astro

@@ -5,7 +5,7 @@ import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
   animation?: 'fade' | 'slide-up' | 'scale'
-  class?: string
+  class?: string | null
   className?: string
   delay?: number
   duration?: 'fast' | 'standard' | 'slow'

package/components/SearchField.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'input'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Segmented.astro

@@ -6,7 +6,7 @@ import type { HTMLAttributes } from 'astro/types'
 type SegmentedOption = string | { disabled?: boolean; label: string; value: string }
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   defaultValue?: string
   name?: string

package/components/Select.astro

@@ -12,7 +12,7 @@ interface Option {
 type SelectOption = Option | string
 
 interface Props extends Omit<HTMLAttributes<'select'>, 'size'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
   options?: SelectOption[]

package/components/Separator.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'hr'> {
-  class?: string
+  class?: string | null
   className?: string
   orientation?: 'horizontal' | 'vertical'
 }

package/components/Sheet.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps, resolveLumenGlass } from '@santi020k/lumen-core
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'dialog'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
   /**

package/components/Sidebar.astro

@@ -4,9 +4,10 @@ import { resolveLumenAstroProps, resolveLumenGlass } from '@santi020k/lumen-core
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'aside'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
+  variant?: 'default' | 'unstyled'
   /**
    * @deprecated Use `glass` instead. `surface="glass"` maps to `glass={true}`.
    */
@@ -18,12 +19,14 @@ const {
   className = '',
   glass = false,
   surface = 'default',
+  variant = 'default',
   ...rest
 } = Astro.props
 
 const resolvedGlass = resolveLumenGlass(glass, surface)
 const { classList, passthrough } = resolveLumenAstroProps(rest, [
     'ui-sidebar',
+    variant === 'unstyled' && 'ui-sidebar--unstyled',
     resolvedGlass && 'ui-sidebar--glass',
     glass === 'subtle' && 'ui-glass-subtle',
     glass === 'strong' && 'ui-glass-strong'
@@ -32,6 +35,7 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 
 <aside
   data-surface={resolvedGlass ? 'glass' : 'default'}
+  data-variant={variant}
   class:list={classList}
   {...passthrough}
 >

package/components/Skeleton.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/SkipLink.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'a'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Slider.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'input'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Sonner.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   maxCount?: number
   placement?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right'

package/components/SpeedDial.astro

@@ -10,7 +10,7 @@ type SpeedDialAction = { icon?: string; label: string; value?: string }
 
 interface Props extends HTMLAttributes<'div'> {
   actions?: SpeedDialAction[]
-  class?: string
+  class?: string | null
   className?: string
   defaultOpen?: boolean
   direction?: 'up' | 'down' | 'left' | 'right'

package/components/Spinner.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'span'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Stat.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   label?: string
   value?: string

package/components/Stepper.astro

@@ -6,7 +6,7 @@ import type { HTMLAttributes } from 'astro/types'
 type StepItem = string | { description?: string; title: string }
 
 interface Props extends HTMLAttributes<'ol'> {
-  class?: string
+  class?: string | null
   className?: string
   currentStep?: number
   orientation?: 'horizontal' | 'vertical'

package/components/Switch.astro

@@ -6,7 +6,7 @@ import type { HTMLAttributes } from 'astro/types'
 type HTMLInputAttributes = HTMLAttributes<'input'>
 
 interface Props extends Omit<HTMLInputAttributes, 'type'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Table.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
 }

package/components/Tabs.astro

@@ -4,15 +4,19 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   glass?: boolean | 'subtle' | 'strong'
+  initialValue?: string
+  storageKey?: string
 }
 
 const {
   class: classProp = '',
   className = '',
   glass = false,
+  initialValue,
+  storageKey,
   ...rest
 } = Astro.props
 
@@ -25,6 +29,8 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 ---
 
 <div
+  data-initial-value={initialValue}
+  data-storage-key={storageKey}
   data-ui-tabs
   class:list={classList}
   {...passthrough}

package/components/TagGroup.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
 }
 

package/components/Textarea.astro

@@ -4,7 +4,7 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'textarea'> {
-  class?: string
+  class?: string | null
   className?: string
 }