fulldev-ui 0.2.13 → 0.2.14

package/.astro/settings.json

@@ -0,0 +1,5 @@
+{
+	"_variables": {
+		"lastUpdateCheck": 1718391483085
+	}
+}

package/.astro/types.d.ts

@@ -125,16 +125,7 @@ declare module 'astro:content' {
 	>;
 
 	type ContentEntryMap = {
-		"layouts": {
-"index.md": {
-	id: "index.md";
-  slug: "index";
-  body: string;
-  collection: "layouts";
-  data: any
-} & { render(): Render[".md"] };
-};
-"pages": {
+		"pages": {
 "index.md": {
 	id: "index.md";
   slug: "index";

package/.env

@@ -0,0 +1 @@
+TEST='HOI

package/astro.config.mjs

@@ -1,7 +1,6 @@
-import icon from 'astro-icon'
 import { defineConfig } from 'astro/config'
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [icon()],
+  integrations: [],
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
@@ -16,6 +16,7 @@
     "astro-ui"
   ],
   "scripts": {
+    "dev": "astro dev",
     "test": "astro check",
     "check": "astro check"
   },
@@ -33,15 +34,11 @@
   },
   "dependencies": {
     "@iconify-json/tabler": "^1.1.109",
-    "astro-icon": "^1.1.0",
     "astro-seo": "^0.8.3",
-    "autoprefixer": "^10.4.19",
-    "cheerio": "1.0.0-rc.12",
     "flat": "^6.0.1",
     "radash": "^12.1.0",
     "remeda": "1.61.0",
     "sass": "^1.77.0",
-    "tailwindcss": "^3.4.4",
     "typescript": "^5.4.3",
     "vite-plugin-virtual": "^0.3.0"
   }

package/src/components/base/Image.astro

@@ -85,11 +85,13 @@ const {
         left: 0;
         order: 1;
         z-index: -1;
+        margin: 0 !important;
 
         /* TODO manier fixen zodat dit met custom classes kan */
         border-radius: 0;
         width: 100%;
         height: 100%;
+        max-height: 100%;
         object-fit: cover;
 
         ~ .full {

package/src/components/structure/Group.astro

@@ -20,7 +20,6 @@ const { ...rest } = Astro.props
 
   @include component('group') {
     display: flex;
-    flex-wrap: wrap;
     justify-content: stretch;
     align-items: center;
     gap: var(--space-2);

package/src/components/typography/Heading.astro

@@ -34,6 +34,7 @@ const {
   @include component('heading') {
     margin: 0;
     max-width: calc(var(--element-3) * 36);
+    scroll-margin: var(--space-4);
     color: var(--foreground);
     font-weight: var(--heading-font-weight);
     line-height: 1.1;

package/src/components/typography/List.astro

@@ -8,7 +8,10 @@ type Props<As extends HTMLTag = 'ul'> = Polymorphic<{ as: As }> &
     html?: string
     text?: string
     variant?: 'base' | 'muted' | 'accent'
-    items?: (ComponentProps<typeof ListItem> | string)[]
+    items?: (
+      | ComponentProps<typeof ListItem>
+      | ComponentProps<typeof ListItem>['html']
+    )[]
   }
 
 const { as = 'ul', items, ...rest } = Astro.props

package/src/css/colors.css

@@ -42,57 +42,10 @@
   --outline-border: hsl(223, 16%, 26%);
   --muted-foreground: hsl(223, 16%, 86%);
   --raised-background: hsl(223, 36%, 7%);
-
-  color-scheme: dark;
-}
-/* More neutral color theme. Used in < 0.2 */
-/* :root,
-.theme-light {
-  --base-background: hsl(0, 0%, 100%);
-  --base-hover: hsl(223, 16%, 97%);
-  --base-border: hsl(223, 10%, 87%);
-  --base-focus: hsl(223, 22%, 9%);
-  --base-foreground: hsl(223, 22%, 5%);
-
-  --secondary-background: hsl(223, 10%, 94%);
-  --secondary-hover: hsl(223, 10%, 92%);
-  --secondary-foreground: var(--base-foreground);
-
-  --primary-background: hsl(223, 22%, 9%);
-  --primary-hover: hsl(223, 22%, 15%);
-  --primary-foreground: var(--base-background);
-
-  --outline-border: hsl(223, 10%, 85%);
-  --muted-foreground: hsl(223, 10%, 16%);
-  --raised-background: var(--base-hover);
-  --accent-foreground: var(--primary-background);
-
-  color-scheme: light;
-} */
-/* .theme-dark,
-.dark,
-[data-theme='dark'] {
-  --base-background: hsl(223, 22%, 5%);
-  --base-hover: hsl(223, 16%, 7%);
-  --base-border: hsl(223, 10%, 20%);
-  --base-focus: hsl(223, 10%, 100%);
-  --base-foreground: hsl(223, 10%, 100%);
-
-  --secondary-background: hsl(223, 10%, 13%);
-  --secondary-hover: hsl(223, 10%, 11%);
-  --secondary-foreground: var(--base-foreground);
-
-  --primary-background: hsl(223, 10%, 100%);
-  --primary-hover: hsl(223, 10%, 90%);
-  --primary-foreground: var(--base-background);
-
-  --outline-border: hsl(223, 10%, 26%);
-  --muted-foreground: hsl(223, 10%, 90%);
-  --raised-background: var(--base-hover);
   --accent-foreground: var(--primary-background);
 
   color-scheme: dark;
-} */
+}
 
 /* --------------------------- */
 /* Generate colors */

package/src/index.ts

@@ -1,4 +1,6 @@
 // Utils
+export * from './schemas/collection'
+export * from './schemas/path'
 export * from './utils/getAllCollections'
 export * from './utils/getPathname'
 export * from './utils/transform/transform'
@@ -7,14 +9,9 @@ export * from './utils/transform/transformReferences'
 export * from './utils/transform/transformSelfs'
 export * from './utils/transform/transformUnderscores'
 
-// Schemas
-export * from './schemas/attributesSchema'
-export * from './schemas/pageSchema'
-
 // Base components
 export { default as Badge } from './components/base/Badge.astro'
 export { default as Button } from './components/base/Button.astro'
-export { default as Buttons } from './components/base/Buttons.astro'
 export { default as Checkbox } from './components/base/Checkbox.astro'
 export { default as Icon } from './components/base/Icon.astro'
 export { default as Image } from './components/base/Image.astro'

package/src/components/_Plural.astro

@@ -1,27 +0,0 @@
----
-import { listify } from 'radash'
-import { isNumber, isString, pickBy } from 'remeda'
-
-interface Props {
-  component: any
-  [defaults: string]: any
-  [items: number]: object | string
-}
-
-const { component: Component, ...rest } = Astro.props
-
-const defaults = pickBy(rest, (v, key) => !isNumber(parseInt(key as string)))
-
-const items = pickBy(rest, (v, key) => isNumber(parseInt(key as string)))
-const array = listify(items, (k, value) => value)
-const mapped = array.map((item) => (isString(item) ? { html: item } : item))
----
-
-{
-  mapped.map((item) => (
-    <Component
-      {...defaults}
-      {...item}
-    />
-  ))
-}

package/src/components/base/Buttons.astro

@@ -1,15 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import type { Pluralmorphic } from '../../types/Pluralmorphic'
-import Plural from '../_Plural.astro'
-import Button from './Button.astro'
-
-type Props = Pluralmorphic<ComponentProps<typeof Button>>
-
-const { props } = Astro
----
-
-<Plural
-  component={Button}
-  {...props}
-/>

package/src/components/base/Images.astro

@@ -1,15 +0,0 @@
----
-import type { ComponentProps } from 'astro/types'
-import type { Pluralmorphic } from '../../types/Pluralmorphic'
-import Plural from '../_Plural.astro'
-import Image from './Image.astro'
-
-type Props = Pluralmorphic<ComponentProps<typeof Image>>
-
-const { props } = Astro
----
-
-<Plural
-  component={Image}
-  {...props}
-/>

package/src/schemas/attributesSchema.ts

@@ -1,125 +0,0 @@
-import { z } from 'astro:content'
-
-export const attributesSchema = z.object({
-  abbr: z.any(),
-  accept: z.any(),
-  acceptCharset: z.any(),
-  accessKey: z.any(),
-  allowFullScreen: z.any(),
-  allowTransparency: z.any(),
-  alt: z.any(),
-  async: z.any(),
-  autoComplete: z.any(),
-  autoFocus: z.any(),
-  autoPlay: z.any(),
-  cellPadding: z.any(),
-  cellSpacing: z.any(),
-  challenge: z.any(),
-  charset: z.any(),
-  checked: z.any(),
-  cite: z.any(),
-  class: z.any(),
-  className: z.any(),
-  cols: z.any(),
-  colSpan: z.any(),
-  command: z.any(),
-  content: z.any(),
-  contentEditable: z.any(),
-  contextMenu: z.any(),
-  controls: z.any(),
-  coords: z.any(),
-  crossOrigin: z.any(),
-  data: z.any(),
-  dateTime: z.any(),
-  default: z.any(),
-  defer: z.any(),
-  dir: z.any(),
-  disabled: z.any(),
-  download: z.any(),
-  draggable: z.any(),
-  dropzone: z.any(),
-  encType: z.any(),
-  for: z.any(),
-  form: z.any(),
-  action: z.any(),
-  formEncType: z.any(),
-  method: z.any(),
-  formNoValidate: z.any(),
-  target: z.any(),
-  frameBorder: z.any(),
-  headers: z.any(),
-  height: z.any(),
-  hidden: z.any(),
-  high: z.any(),
-  href: z.any(),
-  hrefLang: z.any(),
-  htmlFor: z.any(),
-  httpEquiv: z.any(),
-  id: z.any(),
-  inputMode: z.any(),
-  isMap: z.any(),
-  itemId: z.any(),
-  itemProp: z.any(),
-  itemRef: z.any(),
-  itemScope: z.any(),
-  itemType: z.any(),
-  kind: z.any(),
-  label: z.any(),
-  lang: z.any(),
-  list: z.any(),
-  loop: z.any(),
-  manifest: z.any(),
-  max: z.any(),
-  maxLength: z.any(),
-  media: z.any(),
-  mediaGroup: z.any(),
-  min: z.any(),
-  minLength: z.any(),
-  multiple: z.any(),
-  muted: z.any(),
-  name: z.any(),
-  noValidate: z.any(),
-  open: z.any(),
-  optimum: z.any(),
-  pattern: z.any(),
-  ping: z.any(),
-  placeholder: z.any(),
-  poster: z.any(),
-  preload: z.any(),
-  rel: z.any(),
-  required: z.any(),
-  rows: z.any(),
-  sizes: z.any(),
-
-  // role: z.any(),
-  // radioGroup: z.any(),
-  // readOnly: z.any(),
-  // rowSpan: z.any(),
-  // sandbox: z.any(),
-  // scope: z.any(),
-  // scoped: z.any(),
-  // scrolling: z.any(),
-  // seamless: z.any(),
-  // selected: z.any(),
-  // shape: z.any(),
-  // size: z.any(),
-  // sortable: z.any(),
-  // span: z.any(),
-  // spellCheck: z.any(),
-  src: z.any(),
-  // srcDoc: z.any(),
-  srcset: z.any(),
-  // start: z.any(),
-  // step: z.any(),
-  style: z.any(),
-  tabIndex: z.any(),
-  title: z.any(),
-  // translate: z.any(),
-  type: z.any(),
-  // typeMustMatch: z.any(),
-  // useMap: z.any(),
-  value: z.any(),
-  width: z.any(),
-  // wmode: z.any(),
-  // wrap: z.any(),
-})

package/src/schemas/htmlAttributesSchema.ts

@@ -1,126 +0,0 @@
-const arr = [
-  'abbr',
-  'accept',
-  'acceptCharset',
-  'accessKey',
-  'action',
-  'allowFullScreen',
-  'allowTransparency',
-  'alt',
-  'async',
-  'autoComplete',
-  'autoFocus',
-  'autoPlay',
-  'cellPadding',
-  'cellSpacing',
-  'challenge',
-  'charset',
-  'checked',
-  'cite',
-  'class',
-  'className',
-  'cols',
-  'colSpan',
-  'command',
-  'content',
-  'contentEditable',
-  'contextMenu',
-  'controls',
-  'coords',
-  'crossOrigin',
-  'data',
-  'dateTime',
-  'default',
-  'defer',
-  'dir',
-  'disabled',
-  'download',
-  'draggable',
-  'dropzone',
-  'encType',
-  'for',
-  'form',
-  'formAction',
-  'formEncType',
-  'formMethod',
-  'formNoValidate',
-  'formTarget',
-  'frameBorder',
-  'headers',
-  'height',
-  'hidden',
-  'high',
-  'href',
-  'hrefLang',
-  'htmlFor',
-  'httpEquiv',
-  'icon',
-  'id',
-  'inputMode',
-  'isMap',
-  'itemId',
-  'itemProp',
-  'itemRef',
-  'itemScope',
-  'itemType',
-  'kind',
-  'label',
-  'lang',
-  'list',
-  'loop',
-  'manifest',
-  'max',
-  'maxLength',
-  'media',
-  'mediaGroup',
-  'method',
-  'min',
-  'minLength',
-  'multiple',
-  'muted',
-  'name',
-  'noValidate',
-  'open',
-  'optimum',
-  'pattern',
-  'ping',
-  'placeholder',
-  'poster',
-  'preload',
-  'radioGroup',
-  'readOnly',
-  'rel',
-  'required',
-  'role',
-  'rows',
-  'rowSpan',
-  'sandbox',
-  'scope',
-  'scoped',
-  'scrolling',
-  'seamless',
-  'selected',
-  'shape',
-  'size',
-  'sizes',
-  'sortable',
-  'span',
-  'spellCheck',
-  'src',
-  'srcDoc',
-  'srcSet',
-  'start',
-  'step',
-  'style',
-  'tabIndex',
-  'target',
-  'title',
-  'translate',
-  'type',
-  'typeMustMatch',
-  'useMap',
-  'value',
-  'width',
-  'wmode',
-  'wrap',
-]

package/src/types/Pluralmorphic.ts

@@ -1,7 +0,0 @@
-import type { AstroGlobal } from 'astro'
-
-export type Pluralmorphic<P extends AstroGlobal['props']> =
-  | (P & {
-      [key: number]: P | string
-    })
-  | (P | string)[]

package/src/types/Structuremorphic.ts

@@ -1,18 +0,0 @@
-import type { ComponentProps } from 'astro/types'
-import type Carousel from '../components/structure/Carousel.astro'
-import type Stack from '../components/structure/Column.astro'
-
-export type Structuremorphic<
-  S extends
-    | 'bento'
-    | 'carousel'
-    | 'grid'
-    | 'masonry'
-    | 'split'
-    | 'spread'
-    | 'stack',
-> = S extends 'stack'
-  ? ComponentProps<typeof Stack>
-  : S extends 'carousel'
-    ? ComponentProps<typeof Carousel>
-    : undefined