@santi020k/lumen-astro 0.1.0 → 0.3.0

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
 }
 

package/components/ThemeBuilder.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/ThemeToggle.astro

@@ -5,13 +5,21 @@ import Icon from './Icon.astro'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'button'> {
-  class?: string
+  class?: string | null
   className?: string
+  controlled?: boolean
+  darkTheme?: string
+  lightTheme?: string
+  storageKey?: string
 }
 
 const {
   class: classProp = '',
   className = '',
+  controlled = false,
+  darkTheme = 'dark',
+  lightTheme = 'light',
+  storageKey = 'lumen-theme',
   type = 'button',
   ...rest
 } = Astro.props
@@ -24,6 +32,10 @@ const { classList, passthrough } = resolveLumenAstroProps(rest, [
 <button
   type={type}
   class:list={classList}
+  data-dark-theme={darkTheme}
+  data-light-theme={lightTheme}
+  data-storage-key={storageKey}
+  data-ui-controlled={controlled || undefined}
   data-ui-theme-toggle
   {...passthrough}
 >

package/components/TimeField.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/Toast.astro

@@ -4,7 +4,7 @@ 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'
   /**

package/components/Toggle.astro

@@ -4,19 +4,27 @@ import { resolveLumenAstroProps } from '@santi020k/lumen-core'
 import type { HTMLAttributes } from 'astro/types'
 
 interface Props extends HTMLAttributes<'button'> {
-  class?: string
+  class?: string | null
   className?: string
+  controlled?: boolean
   pressed?: boolean
 }
 
-const { class: classProp = '', className = '', pressed = false, type = 'button', ...rest } = Astro.props
-const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-toggle', pressed && 'ui-toggle--pressed'
-], classProp, className)
+const {
+  class: classProp = '',
+  className = '',
+  controlled = false,
+  pressed = false,
+  type = 'button',
+  ...rest
+} = Astro.props
+const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-toggle'], classProp, className)
 ---
 
 <button
   aria-pressed={pressed}
   class:list={classList}
+  data-ui-controlled={controlled || undefined}
   data-ui-toggle
   type={type}
   {...passthrough}

package/components/ToggleGroup.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/Toolbar.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
   orientation?: 'horizontal' | 'vertical'
 }

package/components/Tooltip.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/Tour.astro

@@ -6,7 +6,7 @@ import type { HTMLAttributes } from 'astro/types'
 type TourStep = { content: string; target: string; title?: string }
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   closeLabel?: string
   nextLabel?: string

package/components/Transfer.astro

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

package/components/Tree.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/TreeGrid.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/TreeSelect.astro

@@ -10,7 +10,7 @@ interface TreeNode {
 }
 
 interface Props extends HTMLAttributes<'div'> {
-  class?: string
+  class?: string | null
   className?: string
   name?: string
   placeholder?: string

package/components/Typography.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/VirtualList.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/Watermark.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
   content?: string
   gap?: number

package/index.d.ts

@@ -26,6 +26,7 @@ export { default as Cascader } from './components/Cascader.astro'
 export { default as Chart } from './components/Chart.astro'
 export { default as Checkbox } from './components/Checkbox.astro'
 export { default as Code } from './components/Code.astro'
+export { default as CodeTabs } from './components/CodeTabs.astro'
 export { default as Collapsible } from './components/Collapsible.astro'
 export { default as ColorPicker } from './components/ColorPicker.astro'
 export { default as Combobox } from './components/Combobox.astro'

package/index.ts

@@ -26,6 +26,7 @@ export { default as Cascader } from './components/Cascader.astro'
 export { default as Chart } from './components/Chart.astro'
 export { default as Checkbox } from './components/Checkbox.astro'
 export { default as Code } from './components/Code.astro'
+export { default as CodeTabs } from './components/CodeTabs.astro'
 export { default as Collapsible } from './components/Collapsible.astro'
 export { default as ColorPicker } from './components/ColorPicker.astro'
 export { default as Combobox } from './components/Combobox.astro'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@santi020k/lumen-astro",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
     },
     "./components/*": "./components/*.astro",
     "./runtime": "./runtime/UIPrimitives.astro",
+    "./layers.css": "./styles/layers.css",
     "./styles.css": "./styles/lumen.css",
     "./package.json": "./package.json"
   },
@@ -32,8 +33,8 @@
   ],
   "dependencies": {
     "uqr": "^0.1.3",
-    "@santi020k/lumen": "^0.1.0",
-    "@santi020k/lumen-core": "^0.1.0"
+    "@santi020k/lumen": "^0.3.0",
+    "@santi020k/lumen-core": "^0.3.0"
   },
   "devDependencies": {
     "@astrojs/ts-plugin": "^1.10.10",
@@ -45,7 +46,7 @@
     "astro": ">=5"
   },
   "engines": {
-    "node": ">=22.18.0"
+    "node": ">=22.12.0"
   },
   "repository": {
     "type": "git",