@santi020k/lumen-astro 0.1.0

package/components/VirtualList.astro

@@ -0,0 +1,19 @@
+---
+import { resolveLumenAstroProps } from '@santi020k/lumen-core'
+
+import type { HTMLAttributes } from 'astro/types'
+
+interface Props extends HTMLAttributes<'div'> {
+  class?: string
+  className?: string
+  glass?: boolean | 'subtle' | 'strong'
+}
+
+const { class: classProp = '', className = '', glass = false, ...rest } = Astro.props
+const { classList, passthrough } = resolveLumenAstroProps(rest, ['ui-virtual-list', glass && 'ui-virtual-list--glass', glass === 'subtle' && 'ui-glass-subtle', glass === 'strong' && 'ui-glass-strong'
+], classProp, className)
+---
+
+<div class:list={classList} data-ui-virtual-list {...passthrough}>
+  <slot />
+</div>

package/components/Watermark.astro

@@ -0,0 +1,60 @@
+---
+import { resolveLumenAstroProps } from '@santi020k/lumen-core'
+
+import type { HTMLAttributes } from 'astro/types'
+
+interface Props extends HTMLAttributes<'div'> {
+  class?: string
+  className?: string
+  content?: string
+  gap?: number
+  rotate?: number
+  text?: string
+}
+
+const {
+  class: classProp = '',
+  className = '',
+  content,
+  gap = 120,
+  rotate = -22,
+  text = 'Confidential',
+  ...rest
+} = Astro.props
+
+const watermarkText = content ?? text
+const tileSize = Math.max(1, gap)
+const watermarkXmlEntities: Record<string, string> = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&quot;',
+  "'": '&apos;'
+}
+const escapedWatermarkText = watermarkText.replaceAll(
+  /[&<>"']/g,
+  character => watermarkXmlEntities[character] ?? character
+)
+const watermarkSvg = [
+  `<svg xmlns="http://www.w3.org/2000/svg" width="${tileSize}" height="${tileSize}" viewBox="0 0 ${tileSize} ${tileSize}">`,
+  `<text x="${tileSize / 2}" y="${tileSize / 2}" dominant-baseline="middle" text-anchor="middle"`,
+  ` transform="rotate(${rotate} ${tileSize / 2} ${tileSize / 2})"`,
+  ' fill="black" font-family="system-ui, sans-serif" font-size="16" font-weight="500" letter-spacing="1.6">',
+  `${escapedWatermarkText}</text></svg>`
+].join('')
+const watermarkImage = `url("data:image/svg+xml,${encodeURIComponent(watermarkSvg)}")`
+
+const { classList, passthrough } = resolveLumenAstroProps(rest, [
+  'ui-watermark'
+], classProp, className)
+---
+
+<div
+  class:list={classList}
+  data-ui-watermark
+  style={`--ui-watermark-gap:${tileSize}px;--ui-watermark-image:${watermarkImage}`}
+  {...passthrough}
+>
+  <slot />
+  <div aria-hidden="true" class="ui-watermark__overlay" data-text={watermarkText}></div>
+</div>

package/index.d.ts

@@ -0,0 +1,125 @@
+export { default as Accordion } from './components/Accordion.astro'
+export { default as Affix } from './components/Affix.astro'
+export { default as Agenda } from './components/Agenda.astro'
+export { default as Alert } from './components/Alert.astro'
+export { default as AlertDialog } from './components/AlertDialog.astro'
+export { default as Anchor } from './components/Anchor.astro'
+export { default as AnimatedLogo } from './components/AnimatedLogo.astro'
+export { default as AnimatedNumber } from './components/AnimatedNumber.astro'
+export { default as AnimatedPortrait } from './components/AnimatedPortrait.astro'
+export { default as AspectRatio } from './components/AspectRatio.astro'
+export { default as Attachment } from './components/Attachment.astro'
+export { default as Autocomplete } from './components/Autocomplete.astro'
+export { default as Avatar } from './components/Avatar.astro'
+export { default as BackToTop } from './components/BackToTop.astro'
+export { default as Badge } from './components/Badge.astro'
+export { default as Breadcrumb } from './components/Breadcrumb.astro'
+export { default as Bubble } from './components/Bubble.astro'
+export { default as Button } from './components/Button.astro'
+export { default as ButtonGroup } from './components/ButtonGroup.astro'
+export { default as ButtonLink } from './components/ButtonLink.astro'
+export { default as Calendar } from './components/Calendar.astro'
+export { default as Callout } from './components/Callout.astro'
+export { default as Card } from './components/Card.astro'
+export { default as Carousel } from './components/Carousel.astro'
+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 Collapsible } from './components/Collapsible.astro'
+export { default as ColorPicker } from './components/ColorPicker.astro'
+export { default as Combobox } from './components/Combobox.astro'
+export { default as Command } from './components/Command.astro'
+export { default as ContextMenu } from './components/ContextMenu.astro'
+export { default as CoverImage } from './components/CoverImage.astro'
+export { default as DataTable } from './components/DataTable.astro'
+export { default as DatePicker } from './components/DatePicker.astro'
+export { default as DateRangePicker } from './components/DateRangePicker.astro'
+export { default as Descriptions } from './components/Descriptions.astro'
+export { default as Dialog } from './components/Dialog.astro'
+export { default as Direction } from './components/Direction.astro'
+export { default as Drawer } from './components/Drawer.astro'
+export { default as DropdownMenu } from './components/DropdownMenu.astro'
+export { default as Empty } from './components/Empty.astro'
+export { default as Eyebrow } from './components/Eyebrow.astro'
+export { default as Field } from './components/Field.astro'
+export { default as FileUpload } from './components/FileUpload.astro'
+export { default as FloatingBadge } from './components/FloatingBadge.astro'
+export { default as FormattedDate } from './components/FormattedDate.astro'
+export { default as GradientDivider } from './components/GradientDivider.astro'
+export { default as HoverCard } from './components/HoverCard.astro'
+export { default as Icon } from './components/Icon.astro'
+export { default as Image } from './components/Image.astro'
+export { default as Input } from './components/Input.astro'
+export { default as InputGroup } from './components/InputGroup.astro'
+export { default as InputOTP } from './components/InputOTP.astro'
+export { default as Item } from './components/Item.astro'
+export { default as Kbd } from './components/Kbd.astro'
+export { default as Label } from './components/Label.astro'
+export { default as LanguageToggle } from './components/LanguageToggle.astro'
+export { default as Link } from './components/Link.astro'
+export { default as Marker } from './components/Marker.astro'
+export { default as Mentions } from './components/Mentions.astro'
+export { default as Menubar } from './components/Menubar.astro'
+export { default as Message } from './components/Message.astro'
+export { default as MessageScroller } from './components/MessageScroller.astro'
+export { default as Meter } from './components/Meter.astro'
+export { default as NativeSelect } from './components/NativeSelect.astro'
+export { default as NavigationMenu } from './components/NavigationMenu.astro'
+export { default as Note } from './components/Note.astro'
+export { default as NumberField } from './components/NumberField.astro'
+export { default as Pagination } from './components/Pagination.astro'
+export { default as Particles } from './components/Particles.astro'
+export { default as PhoneInput } from './components/PhoneInput.astro'
+export { default as Pill } from './components/Pill.astro'
+export { default as Popconfirm } from './components/Popconfirm.astro'
+export { default as Popover } from './components/Popover.astro'
+export { default as Progress } from './components/Progress.astro'
+export { default as Prose } from './components/Prose.astro'
+export { default as QRCode } from './components/QRCode.astro'
+export { default as RadioGroup } from './components/RadioGroup.astro'
+export { default as Rating } from './components/Rating.astro'
+export { default as Resizable } from './components/Resizable.astro'
+export { default as RevealGroup } from './components/RevealGroup.astro'
+export { default as RichTextEditor } from './components/RichTextEditor.astro'
+export { default as Schedule } from './components/Schedule.astro'
+export { default as ScrollArea } from './components/ScrollArea.astro'
+export { default as ScrollReveal } from './components/ScrollReveal.astro'
+export { default as SearchField } from './components/SearchField.astro'
+export { default as Segmented } from './components/Segmented.astro'
+export { default as Select } from './components/Select.astro'
+export { default as Separator } from './components/Separator.astro'
+export { default as Sheet } from './components/Sheet.astro'
+export { default as Sidebar } from './components/Sidebar.astro'
+export { default as Skeleton } from './components/Skeleton.astro'
+export { default as SkipLink } from './components/SkipLink.astro'
+export { default as Slider } from './components/Slider.astro'
+export { default as Sonner } from './components/Sonner.astro'
+export { default as SpeedDial } from './components/SpeedDial.astro'
+export { default as Spinner } from './components/Spinner.astro'
+export { default as Stat } from './components/Stat.astro'
+export { default as Stepper } from './components/Stepper.astro'
+export { default as Switch } from './components/Switch.astro'
+export { default as Table } from './components/Table.astro'
+export { default as Tabs } from './components/Tabs.astro'
+export { default as TagGroup } from './components/TagGroup.astro'
+export { default as Textarea } from './components/Textarea.astro'
+export { default as ThemeBuilder } from './components/ThemeBuilder.astro'
+export { default as ThemeToggle } from './components/ThemeToggle.astro'
+export { default as TimeField } from './components/TimeField.astro'
+export { default as Timeline } from './components/Timeline.astro'
+export { default as TimelineItem } from './components/TimelineItem.astro'
+export { default as Toast } from './components/Toast.astro'
+export { default as Toggle } from './components/Toggle.astro'
+export { default as ToggleGroup } from './components/ToggleGroup.astro'
+export { default as Toolbar } from './components/Toolbar.astro'
+export { default as Tooltip } from './components/Tooltip.astro'
+export { default as Tour } from './components/Tour.astro'
+export { default as Transfer } from './components/Transfer.astro'
+export { default as Tree } from './components/Tree.astro'
+export { default as TreeGrid } from './components/TreeGrid.astro'
+export { default as TreeSelect } from './components/TreeSelect.astro'
+export { default as Typography } from './components/Typography.astro'
+export { default as VirtualList } from './components/VirtualList.astro'
+export { default as Watermark } from './components/Watermark.astro'
+export { default as UIPrimitives } from './runtime/UIPrimitives.astro'

package/index.ts

@@ -0,0 +1,125 @@
+export { default as Accordion } from './components/Accordion.astro'
+export { default as Affix } from './components/Affix.astro'
+export { default as Agenda } from './components/Agenda.astro'
+export { default as Alert } from './components/Alert.astro'
+export { default as AlertDialog } from './components/AlertDialog.astro'
+export { default as Anchor } from './components/Anchor.astro'
+export { default as AnimatedLogo } from './components/AnimatedLogo.astro'
+export { default as AnimatedNumber } from './components/AnimatedNumber.astro'
+export { default as AnimatedPortrait } from './components/AnimatedPortrait.astro'
+export { default as AspectRatio } from './components/AspectRatio.astro'
+export { default as Attachment } from './components/Attachment.astro'
+export { default as Autocomplete } from './components/Autocomplete.astro'
+export { default as Avatar } from './components/Avatar.astro'
+export { default as BackToTop } from './components/BackToTop.astro'
+export { default as Badge } from './components/Badge.astro'
+export { default as Breadcrumb } from './components/Breadcrumb.astro'
+export { default as Bubble } from './components/Bubble.astro'
+export { default as Button } from './components/Button.astro'
+export { default as ButtonGroup } from './components/ButtonGroup.astro'
+export { default as ButtonLink } from './components/ButtonLink.astro'
+export { default as Calendar } from './components/Calendar.astro'
+export { default as Callout } from './components/Callout.astro'
+export { default as Card } from './components/Card.astro'
+export { default as Carousel } from './components/Carousel.astro'
+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 Collapsible } from './components/Collapsible.astro'
+export { default as ColorPicker } from './components/ColorPicker.astro'
+export { default as Combobox } from './components/Combobox.astro'
+export { default as Command } from './components/Command.astro'
+export { default as ContextMenu } from './components/ContextMenu.astro'
+export { default as CoverImage } from './components/CoverImage.astro'
+export { default as DataTable } from './components/DataTable.astro'
+export { default as DatePicker } from './components/DatePicker.astro'
+export { default as DateRangePicker } from './components/DateRangePicker.astro'
+export { default as Descriptions } from './components/Descriptions.astro'
+export { default as Dialog } from './components/Dialog.astro'
+export { default as Direction } from './components/Direction.astro'
+export { default as Drawer } from './components/Drawer.astro'
+export { default as DropdownMenu } from './components/DropdownMenu.astro'
+export { default as Empty } from './components/Empty.astro'
+export { default as Eyebrow } from './components/Eyebrow.astro'
+export { default as Field } from './components/Field.astro'
+export { default as FileUpload } from './components/FileUpload.astro'
+export { default as FloatingBadge } from './components/FloatingBadge.astro'
+export { default as FormattedDate } from './components/FormattedDate.astro'
+export { default as GradientDivider } from './components/GradientDivider.astro'
+export { default as HoverCard } from './components/HoverCard.astro'
+export { default as Icon } from './components/Icon.astro'
+export { default as Image } from './components/Image.astro'
+export { default as Input } from './components/Input.astro'
+export { default as InputGroup } from './components/InputGroup.astro'
+export { default as InputOTP } from './components/InputOTP.astro'
+export { default as Item } from './components/Item.astro'
+export { default as Kbd } from './components/Kbd.astro'
+export { default as Label } from './components/Label.astro'
+export { default as LanguageToggle } from './components/LanguageToggle.astro'
+export { default as Link } from './components/Link.astro'
+export { default as Marker } from './components/Marker.astro'
+export { default as Mentions } from './components/Mentions.astro'
+export { default as Menubar } from './components/Menubar.astro'
+export { default as Message } from './components/Message.astro'
+export { default as MessageScroller } from './components/MessageScroller.astro'
+export { default as Meter } from './components/Meter.astro'
+export { default as NativeSelect } from './components/NativeSelect.astro'
+export { default as NavigationMenu } from './components/NavigationMenu.astro'
+export { default as Note } from './components/Note.astro'
+export { default as NumberField } from './components/NumberField.astro'
+export { default as Pagination } from './components/Pagination.astro'
+export { default as Particles } from './components/Particles.astro'
+export { default as PhoneInput } from './components/PhoneInput.astro'
+export { default as Pill } from './components/Pill.astro'
+export { default as Popconfirm } from './components/Popconfirm.astro'
+export { default as Popover } from './components/Popover.astro'
+export { default as Progress } from './components/Progress.astro'
+export { default as Prose } from './components/Prose.astro'
+export { default as QRCode } from './components/QRCode.astro'
+export { default as RadioGroup } from './components/RadioGroup.astro'
+export { default as Rating } from './components/Rating.astro'
+export { default as Resizable } from './components/Resizable.astro'
+export { default as RevealGroup } from './components/RevealGroup.astro'
+export { default as RichTextEditor } from './components/RichTextEditor.astro'
+export { default as Schedule } from './components/Schedule.astro'
+export { default as ScrollArea } from './components/ScrollArea.astro'
+export { default as ScrollReveal } from './components/ScrollReveal.astro'
+export { default as SearchField } from './components/SearchField.astro'
+export { default as Segmented } from './components/Segmented.astro'
+export { default as Select } from './components/Select.astro'
+export { default as Separator } from './components/Separator.astro'
+export { default as Sheet } from './components/Sheet.astro'
+export { default as Sidebar } from './components/Sidebar.astro'
+export { default as Skeleton } from './components/Skeleton.astro'
+export { default as SkipLink } from './components/SkipLink.astro'
+export { default as Slider } from './components/Slider.astro'
+export { default as Sonner } from './components/Sonner.astro'
+export { default as SpeedDial } from './components/SpeedDial.astro'
+export { default as Spinner } from './components/Spinner.astro'
+export { default as Stat } from './components/Stat.astro'
+export { default as Stepper } from './components/Stepper.astro'
+export { default as Switch } from './components/Switch.astro'
+export { default as Table } from './components/Table.astro'
+export { default as Tabs } from './components/Tabs.astro'
+export { default as TagGroup } from './components/TagGroup.astro'
+export { default as Textarea } from './components/Textarea.astro'
+export { default as ThemeBuilder } from './components/ThemeBuilder.astro'
+export { default as ThemeToggle } from './components/ThemeToggle.astro'
+export { default as TimeField } from './components/TimeField.astro'
+export { default as Timeline } from './components/Timeline.astro'
+export { default as TimelineItem } from './components/TimelineItem.astro'
+export { default as Toast } from './components/Toast.astro'
+export { default as Toggle } from './components/Toggle.astro'
+export { default as ToggleGroup } from './components/ToggleGroup.astro'
+export { default as Toolbar } from './components/Toolbar.astro'
+export { default as Tooltip } from './components/Tooltip.astro'
+export { default as Tour } from './components/Tour.astro'
+export { default as Transfer } from './components/Transfer.astro'
+export { default as Tree } from './components/Tree.astro'
+export { default as TreeGrid } from './components/TreeGrid.astro'
+export { default as TreeSelect } from './components/TreeSelect.astro'
+export { default as Typography } from './components/Typography.astro'
+export { default as VirtualList } from './components/VirtualList.astro'
+export { default as Watermark } from './components/Watermark.astro'
+export { default as UIPrimitives } from './runtime/UIPrimitives.astro'

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@santi020k/lumen-astro",
+  "version": "0.1.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Astro components and progressive-enhancement runtime for Lumen UI.",
+  "type": "module",
+  "sideEffects": [
+    "./styles/lumen.css",
+    "./styles.css"
+  ],
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.ts"
+    },
+    "./components/*": "./components/*.astro",
+    "./runtime": "./runtime/UIPrimitives.astro",
+    "./styles.css": "./styles/lumen.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "components",
+    "runtime",
+    "styles",
+    "index.d.ts",
+    "index.ts",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "uqr": "^0.1.3",
+    "@santi020k/lumen": "^0.1.0",
+    "@santi020k/lumen-core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@astrojs/ts-plugin": "^1.10.10",
+    "astro": "^7.1.3",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.10"
+  },
+  "peerDependencies": {
+    "astro": ">=5"
+  },
+  "engines": {
+    "node": ">=22.18.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/santi020k/lumen.git",
+    "directory": "packages/astro"
+  },
+  "homepage": "https://lumen.santi020k.com",
+  "bugs": {
+    "url": "https://github.com/santi020k/lumen/issues"
+  },
+  "author": {
+    "name": "Santiago Molina",
+    "url": "https://santi020k.com"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "astro sync && tsc -p tsconfig.json --noEmit",
+    "dev": "astro sync --watch",
+    "typecheck": "astro sync && tsc -p tsconfig.json --noEmit",
+    "test": "vitest run --config ../../vitest.config.ts --project astro",
+    "test:coverage": "vitest run --config ../../vitest.config.ts --project astro --coverage",
+    "lint": "eslint . --no-warn-ignored",
+    "lint:fix": "eslint . --fix --no-warn-ignored",
+    "clean": "rm -rf .astro coverage"
+  }
+}