@uselets/ui 0.4.0 → 0.5.0

package/dist/lib/button.js

@@ -0,0 +1,2 @@
+const e={brand:`[--button-solid:var(--brand-500)].[--button-solid-hover:var(--brand-600)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--brand-200)].[--button-outline-foreground:var(--brand-700)].[--button-outline-hover:var(--brand-50)].[--button-soft:var(--brand-50)].[--button-soft-hover:var(--brand-100)].[--button-soft-foreground:var(--brand-700)].[--button-ghost-hover:var(--brand-50)].[--button-ghost-foreground:var(--brand-700)].[--button-accent:var(--brand-100)].[--button-accent-hover:var(--brand-200)].[--button-accent-foreground:var(--brand-800)].[--button-link-foreground:var(--brand-700)].dark:[--button-solid:var(--brand-400)].dark:[--button-solid-hover:var(--brand-500)].dark:[--button-outline-border:var(--brand-700)].dark:[--button-outline-foreground:var(--brand-300)].dark:[--button-outline-hover:var(--brand-950)].dark:[--button-soft:var(--brand-950)].dark:[--button-soft-hover:var(--brand-900)].dark:[--button-soft-foreground:var(--brand-300)].dark:[--button-ghost-hover:var(--brand-950)].dark:[--button-ghost-foreground:var(--brand-300)].dark:[--button-accent:var(--brand-950)].dark:[--button-accent-hover:var(--brand-900)].dark:[--button-accent-foreground:var(--brand-200)].dark:[--button-link-foreground:var(--brand-300)]`.split(`.`),zinc:`[--button-solid:var(--zinc-800)].[--button-solid-hover:var(--zinc-900)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--zinc-300)].[--button-outline-foreground:var(--zinc-700)].[--button-outline-hover:var(--zinc-100)].[--button-soft:var(--zinc-100)].[--button-soft-hover:var(--zinc-200)].[--button-soft-foreground:var(--zinc-800)].[--button-ghost-hover:var(--zinc-100)].[--button-ghost-foreground:var(--zinc-700)].[--button-accent:var(--zinc-200)].[--button-accent-hover:var(--zinc-300)].[--button-accent-foreground:var(--zinc-900)].[--button-link-foreground:var(--zinc-800)].dark:[--button-solid:var(--zinc-700)].dark:[--button-solid-hover:var(--zinc-800)].dark:[--button-outline-border:var(--zinc-700)].dark:[--button-outline-foreground:var(--zinc-200)].dark:[--button-outline-hover:var(--zinc-900)].dark:[--button-soft:var(--zinc-900)].dark:[--button-soft-hover:var(--zinc-800)].dark:[--button-soft-foreground:var(--zinc-200)].dark:[--button-ghost-hover:var(--zinc-900)].dark:[--button-ghost-foreground:var(--zinc-300)].dark:[--button-accent:var(--zinc-800)].dark:[--button-accent-hover:var(--zinc-700)].dark:[--button-accent-foreground:var(--zinc-100)].dark:[--button-link-foreground:var(--zinc-300)]`.split(`.`),red:`[--button-solid:var(--red-500)].[--button-solid-hover:var(--red-600)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--red-200)].[--button-outline-foreground:var(--red-700)].[--button-outline-hover:var(--red-50)].[--button-soft:var(--red-50)].[--button-soft-hover:var(--red-100)].[--button-soft-foreground:var(--red-700)].[--button-ghost-hover:var(--red-50)].[--button-ghost-foreground:var(--red-700)].[--button-accent:var(--red-100)].[--button-accent-hover:var(--red-200)].[--button-accent-foreground:var(--red-800)].[--button-link-foreground:var(--red-700)].dark:[--button-solid:var(--red-400)].dark:[--button-solid-hover:var(--red-500)].dark:[--button-outline-border:var(--red-700)].dark:[--button-outline-foreground:var(--red-300)].dark:[--button-outline-hover:var(--red-950)].dark:[--button-soft:var(--red-950)].dark:[--button-soft-hover:var(--red-900)].dark:[--button-soft-foreground:var(--red-300)].dark:[--button-ghost-hover:var(--red-950)].dark:[--button-ghost-foreground:var(--red-300)].dark:[--button-accent:var(--red-950)].dark:[--button-accent-hover:var(--red-900)].dark:[--button-accent-foreground:var(--red-200)].dark:[--button-link-foreground:var(--red-300)]`.split(`.`),blue:`[--button-solid:var(--blue-600)].[--button-solid-hover:var(--blue-700)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--blue-200)].[--button-outline-foreground:var(--blue-700)].[--button-outline-hover:var(--blue-50)].[--button-soft:var(--blue-50)].[--button-soft-hover:var(--blue-100)].[--button-soft-foreground:var(--blue-700)].[--button-ghost-hover:var(--blue-50)].[--button-ghost-foreground:var(--blue-700)].[--button-accent:var(--blue-100)].[--button-accent-hover:var(--blue-200)].[--button-accent-foreground:var(--blue-800)].[--button-link-foreground:var(--blue-700)].dark:[--button-solid:var(--blue-500)].dark:[--button-solid-hover:var(--blue-600)].dark:[--button-outline-border:var(--blue-700)].dark:[--button-outline-foreground:var(--blue-300)].dark:[--button-outline-hover:var(--blue-950)].dark:[--button-soft:var(--blue-950)].dark:[--button-soft-hover:var(--blue-900)].dark:[--button-soft-foreground:var(--blue-300)].dark:[--button-ghost-hover:var(--blue-950)].dark:[--button-ghost-foreground:var(--blue-300)].dark:[--button-accent:var(--blue-950)].dark:[--button-accent-hover:var(--blue-900)].dark:[--button-accent-foreground:var(--blue-200)].dark:[--button-link-foreground:var(--blue-300)]`.split(`.`),indigo:`[--button-solid:var(--indigo-500)].[--button-solid-hover:var(--indigo-600)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--indigo-200)].[--button-outline-foreground:var(--indigo-700)].[--button-outline-hover:var(--indigo-50)].[--button-soft:var(--indigo-50)].[--button-soft-hover:var(--indigo-100)].[--button-soft-foreground:var(--indigo-700)].[--button-ghost-hover:var(--indigo-50)].[--button-ghost-foreground:var(--indigo-700)].[--button-accent:var(--indigo-100)].[--button-accent-hover:var(--indigo-200)].[--button-accent-foreground:var(--indigo-800)].[--button-link-foreground:var(--indigo-700)].dark:[--button-solid:var(--indigo-400)].dark:[--button-solid-hover:var(--indigo-500)].dark:[--button-outline-border:var(--indigo-700)].dark:[--button-outline-foreground:var(--indigo-300)].dark:[--button-outline-hover:var(--indigo-950)].dark:[--button-soft:var(--indigo-950)].dark:[--button-soft-hover:var(--indigo-900)].dark:[--button-soft-foreground:var(--indigo-300)].dark:[--button-ghost-hover:var(--indigo-950)].dark:[--button-ghost-foreground:var(--indigo-300)].dark:[--button-accent:var(--indigo-950)].dark:[--button-accent-hover:var(--indigo-900)].dark:[--button-accent-foreground:var(--indigo-200)].dark:[--button-link-foreground:var(--indigo-300)]`.split(`.`),pink:`[--button-solid:var(--pink-500)].[--button-solid-hover:var(--pink-600)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--pink-200)].[--button-outline-foreground:var(--pink-700)].[--button-outline-hover:var(--pink-50)].[--button-soft:var(--pink-50)].[--button-soft-hover:var(--pink-100)].[--button-soft-foreground:var(--pink-700)].[--button-ghost-hover:var(--pink-50)].[--button-ghost-foreground:var(--pink-700)].[--button-accent:var(--pink-100)].[--button-accent-hover:var(--pink-200)].[--button-accent-foreground:var(--pink-800)].[--button-link-foreground:var(--pink-700)].dark:[--button-solid:var(--pink-400)].dark:[--button-solid-hover:var(--pink-500)].dark:[--button-outline-border:var(--pink-700)].dark:[--button-outline-foreground:var(--pink-300)].dark:[--button-outline-hover:var(--pink-950)].dark:[--button-soft:var(--pink-950)].dark:[--button-soft-hover:var(--pink-900)].dark:[--button-soft-foreground:var(--pink-300)].dark:[--button-ghost-hover:var(--pink-950)].dark:[--button-ghost-foreground:var(--pink-300)].dark:[--button-accent:var(--pink-950)].dark:[--button-accent-hover:var(--pink-900)].dark:[--button-accent-foreground:var(--pink-200)].dark:[--button-link-foreground:var(--pink-300)]`.split(`.`),green:`[--button-solid:var(--green-600)].[--button-solid-hover:var(--green-700)].[--button-solid-foreground:var(--zinc-50)].[--button-outline-border:var(--green-200)].[--button-outline-foreground:var(--green-800)].[--button-outline-hover:var(--green-50)].[--button-soft:var(--green-50)].[--button-soft-hover:var(--green-100)].[--button-soft-foreground:var(--green-800)].[--button-ghost-hover:var(--green-50)].[--button-ghost-foreground:var(--green-800)].[--button-accent:var(--green-100)].[--button-accent-hover:var(--green-200)].[--button-accent-foreground:var(--green-900)].[--button-link-foreground:var(--green-800)].dark:[--button-solid:var(--green-500)].dark:[--button-solid-hover:var(--green-600)].dark:[--button-outline-border:var(--green-700)].dark:[--button-outline-foreground:var(--green-300)].dark:[--button-outline-hover:var(--green-950)].dark:[--button-soft:var(--green-950)].dark:[--button-soft-hover:var(--green-900)].dark:[--button-soft-foreground:var(--green-300)].dark:[--button-ghost-hover:var(--green-950)].dark:[--button-ghost-foreground:var(--green-300)].dark:[--button-accent:var(--green-950)].dark:[--button-accent-hover:var(--green-900)].dark:[--button-accent-foreground:var(--green-200)].dark:[--button-link-foreground:var(--green-300)]`.split(`.`)};export{e as buttonColorVariants};
+//# sourceMappingURL=button.js.map

package/dist/lib/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../src/lib/button.ts"],"sourcesContent":["export const buttonColorVariants = {\n  brand: [\n    '[--button-solid:var(--brand-500)]',\n    '[--button-solid-hover:var(--brand-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--brand-200)]',\n    '[--button-outline-foreground:var(--brand-700)]',\n    '[--button-outline-hover:var(--brand-50)]',\n    '[--button-soft:var(--brand-50)]',\n    '[--button-soft-hover:var(--brand-100)]',\n    '[--button-soft-foreground:var(--brand-700)]',\n    '[--button-ghost-hover:var(--brand-50)]',\n    '[--button-ghost-foreground:var(--brand-700)]',\n    '[--button-accent:var(--brand-100)]',\n    '[--button-accent-hover:var(--brand-200)]',\n    '[--button-accent-foreground:var(--brand-800)]',\n    '[--button-link-foreground:var(--brand-700)]',\n    'dark:[--button-solid:var(--brand-400)]',\n    'dark:[--button-solid-hover:var(--brand-500)]',\n    'dark:[--button-outline-border:var(--brand-700)]',\n    'dark:[--button-outline-foreground:var(--brand-300)]',\n    'dark:[--button-outline-hover:var(--brand-950)]',\n    'dark:[--button-soft:var(--brand-950)]',\n    'dark:[--button-soft-hover:var(--brand-900)]',\n    'dark:[--button-soft-foreground:var(--brand-300)]',\n    'dark:[--button-ghost-hover:var(--brand-950)]',\n    'dark:[--button-ghost-foreground:var(--brand-300)]',\n    'dark:[--button-accent:var(--brand-950)]',\n    'dark:[--button-accent-hover:var(--brand-900)]',\n    'dark:[--button-accent-foreground:var(--brand-200)]',\n    'dark:[--button-link-foreground:var(--brand-300)]'\n  ],\n  zinc: [\n    '[--button-solid:var(--zinc-800)]',\n    '[--button-solid-hover:var(--zinc-900)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--zinc-300)]',\n    '[--button-outline-foreground:var(--zinc-700)]',\n    '[--button-outline-hover:var(--zinc-100)]',\n    '[--button-soft:var(--zinc-100)]',\n    '[--button-soft-hover:var(--zinc-200)]',\n    '[--button-soft-foreground:var(--zinc-800)]',\n    '[--button-ghost-hover:var(--zinc-100)]',\n    '[--button-ghost-foreground:var(--zinc-700)]',\n    '[--button-accent:var(--zinc-200)]',\n    '[--button-accent-hover:var(--zinc-300)]',\n    '[--button-accent-foreground:var(--zinc-900)]',\n    '[--button-link-foreground:var(--zinc-800)]',\n    'dark:[--button-solid:var(--zinc-700)]',\n    'dark:[--button-solid-hover:var(--zinc-800)]',\n    'dark:[--button-outline-border:var(--zinc-700)]',\n    'dark:[--button-outline-foreground:var(--zinc-200)]',\n    'dark:[--button-outline-hover:var(--zinc-900)]',\n    'dark:[--button-soft:var(--zinc-900)]',\n    'dark:[--button-soft-hover:var(--zinc-800)]',\n    'dark:[--button-soft-foreground:var(--zinc-200)]',\n    'dark:[--button-ghost-hover:var(--zinc-900)]',\n    'dark:[--button-ghost-foreground:var(--zinc-300)]',\n    'dark:[--button-accent:var(--zinc-800)]',\n    'dark:[--button-accent-hover:var(--zinc-700)]',\n    'dark:[--button-accent-foreground:var(--zinc-100)]',\n    'dark:[--button-link-foreground:var(--zinc-300)]'\n  ],\n  red: [\n    '[--button-solid:var(--red-500)]',\n    '[--button-solid-hover:var(--red-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--red-200)]',\n    '[--button-outline-foreground:var(--red-700)]',\n    '[--button-outline-hover:var(--red-50)]',\n    '[--button-soft:var(--red-50)]',\n    '[--button-soft-hover:var(--red-100)]',\n    '[--button-soft-foreground:var(--red-700)]',\n    '[--button-ghost-hover:var(--red-50)]',\n    '[--button-ghost-foreground:var(--red-700)]',\n    '[--button-accent:var(--red-100)]',\n    '[--button-accent-hover:var(--red-200)]',\n    '[--button-accent-foreground:var(--red-800)]',\n    '[--button-link-foreground:var(--red-700)]',\n    'dark:[--button-solid:var(--red-400)]',\n    'dark:[--button-solid-hover:var(--red-500)]',\n    'dark:[--button-outline-border:var(--red-700)]',\n    'dark:[--button-outline-foreground:var(--red-300)]',\n    'dark:[--button-outline-hover:var(--red-950)]',\n    'dark:[--button-soft:var(--red-950)]',\n    'dark:[--button-soft-hover:var(--red-900)]',\n    'dark:[--button-soft-foreground:var(--red-300)]',\n    'dark:[--button-ghost-hover:var(--red-950)]',\n    'dark:[--button-ghost-foreground:var(--red-300)]',\n    'dark:[--button-accent:var(--red-950)]',\n    'dark:[--button-accent-hover:var(--red-900)]',\n    'dark:[--button-accent-foreground:var(--red-200)]',\n    'dark:[--button-link-foreground:var(--red-300)]'\n  ],\n  blue: [\n    '[--button-solid:var(--blue-600)]',\n    '[--button-solid-hover:var(--blue-700)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--blue-200)]',\n    '[--button-outline-foreground:var(--blue-700)]',\n    '[--button-outline-hover:var(--blue-50)]',\n    '[--button-soft:var(--blue-50)]',\n    '[--button-soft-hover:var(--blue-100)]',\n    '[--button-soft-foreground:var(--blue-700)]',\n    '[--button-ghost-hover:var(--blue-50)]',\n    '[--button-ghost-foreground:var(--blue-700)]',\n    '[--button-accent:var(--blue-100)]',\n    '[--button-accent-hover:var(--blue-200)]',\n    '[--button-accent-foreground:var(--blue-800)]',\n    '[--button-link-foreground:var(--blue-700)]',\n    'dark:[--button-solid:var(--blue-500)]',\n    'dark:[--button-solid-hover:var(--blue-600)]',\n    'dark:[--button-outline-border:var(--blue-700)]',\n    'dark:[--button-outline-foreground:var(--blue-300)]',\n    'dark:[--button-outline-hover:var(--blue-950)]',\n    'dark:[--button-soft:var(--blue-950)]',\n    'dark:[--button-soft-hover:var(--blue-900)]',\n    'dark:[--button-soft-foreground:var(--blue-300)]',\n    'dark:[--button-ghost-hover:var(--blue-950)]',\n    'dark:[--button-ghost-foreground:var(--blue-300)]',\n    'dark:[--button-accent:var(--blue-950)]',\n    'dark:[--button-accent-hover:var(--blue-900)]',\n    'dark:[--button-accent-foreground:var(--blue-200)]',\n    'dark:[--button-link-foreground:var(--blue-300)]'\n  ],\n  indigo: [\n    '[--button-solid:var(--indigo-500)]',\n    '[--button-solid-hover:var(--indigo-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--indigo-200)]',\n    '[--button-outline-foreground:var(--indigo-700)]',\n    '[--button-outline-hover:var(--indigo-50)]',\n    '[--button-soft:var(--indigo-50)]',\n    '[--button-soft-hover:var(--indigo-100)]',\n    '[--button-soft-foreground:var(--indigo-700)]',\n    '[--button-ghost-hover:var(--indigo-50)]',\n    '[--button-ghost-foreground:var(--indigo-700)]',\n    '[--button-accent:var(--indigo-100)]',\n    '[--button-accent-hover:var(--indigo-200)]',\n    '[--button-accent-foreground:var(--indigo-800)]',\n    '[--button-link-foreground:var(--indigo-700)]',\n    'dark:[--button-solid:var(--indigo-400)]',\n    'dark:[--button-solid-hover:var(--indigo-500)]',\n    'dark:[--button-outline-border:var(--indigo-700)]',\n    'dark:[--button-outline-foreground:var(--indigo-300)]',\n    'dark:[--button-outline-hover:var(--indigo-950)]',\n    'dark:[--button-soft:var(--indigo-950)]',\n    'dark:[--button-soft-hover:var(--indigo-900)]',\n    'dark:[--button-soft-foreground:var(--indigo-300)]',\n    'dark:[--button-ghost-hover:var(--indigo-950)]',\n    'dark:[--button-ghost-foreground:var(--indigo-300)]',\n    'dark:[--button-accent:var(--indigo-950)]',\n    'dark:[--button-accent-hover:var(--indigo-900)]',\n    'dark:[--button-accent-foreground:var(--indigo-200)]',\n    'dark:[--button-link-foreground:var(--indigo-300)]'\n  ],\n  pink: [\n    '[--button-solid:var(--pink-500)]',\n    '[--button-solid-hover:var(--pink-600)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--pink-200)]',\n    '[--button-outline-foreground:var(--pink-700)]',\n    '[--button-outline-hover:var(--pink-50)]',\n    '[--button-soft:var(--pink-50)]',\n    '[--button-soft-hover:var(--pink-100)]',\n    '[--button-soft-foreground:var(--pink-700)]',\n    '[--button-ghost-hover:var(--pink-50)]',\n    '[--button-ghost-foreground:var(--pink-700)]',\n    '[--button-accent:var(--pink-100)]',\n    '[--button-accent-hover:var(--pink-200)]',\n    '[--button-accent-foreground:var(--pink-800)]',\n    '[--button-link-foreground:var(--pink-700)]',\n    'dark:[--button-solid:var(--pink-400)]',\n    'dark:[--button-solid-hover:var(--pink-500)]',\n    'dark:[--button-outline-border:var(--pink-700)]',\n    'dark:[--button-outline-foreground:var(--pink-300)]',\n    'dark:[--button-outline-hover:var(--pink-950)]',\n    'dark:[--button-soft:var(--pink-950)]',\n    'dark:[--button-soft-hover:var(--pink-900)]',\n    'dark:[--button-soft-foreground:var(--pink-300)]',\n    'dark:[--button-ghost-hover:var(--pink-950)]',\n    'dark:[--button-ghost-foreground:var(--pink-300)]',\n    'dark:[--button-accent:var(--pink-950)]',\n    'dark:[--button-accent-hover:var(--pink-900)]',\n    'dark:[--button-accent-foreground:var(--pink-200)]',\n    'dark:[--button-link-foreground:var(--pink-300)]'\n  ],\n  green: [\n    '[--button-solid:var(--green-600)]',\n    '[--button-solid-hover:var(--green-700)]',\n    '[--button-solid-foreground:var(--zinc-50)]',\n    '[--button-outline-border:var(--green-200)]',\n    '[--button-outline-foreground:var(--green-800)]',\n    '[--button-outline-hover:var(--green-50)]',\n    '[--button-soft:var(--green-50)]',\n    '[--button-soft-hover:var(--green-100)]',\n    '[--button-soft-foreground:var(--green-800)]',\n    '[--button-ghost-hover:var(--green-50)]',\n    '[--button-ghost-foreground:var(--green-800)]',\n    '[--button-accent:var(--green-100)]',\n    '[--button-accent-hover:var(--green-200)]',\n    '[--button-accent-foreground:var(--green-900)]',\n    '[--button-link-foreground:var(--green-800)]',\n    'dark:[--button-solid:var(--green-500)]',\n    'dark:[--button-solid-hover:var(--green-600)]',\n    'dark:[--button-outline-border:var(--green-700)]',\n    'dark:[--button-outline-foreground:var(--green-300)]',\n    'dark:[--button-outline-hover:var(--green-950)]',\n    'dark:[--button-soft:var(--green-950)]',\n    'dark:[--button-soft-hover:var(--green-900)]',\n    'dark:[--button-soft-foreground:var(--green-300)]',\n    'dark:[--button-ghost-hover:var(--green-950)]',\n    'dark:[--button-ghost-foreground:var(--green-300)]',\n    'dark:[--button-accent:var(--green-950)]',\n    'dark:[--button-accent-hover:var(--green-900)]',\n    'dark:[--button-accent-foreground:var(--green-200)]',\n    'dark:[--button-link-foreground:var(--green-300)]'\n  ]\n} as const\n\nexport type ButtonColor = keyof typeof buttonColorVariants\n"],"mappings":"AAAA,MAAa,EAAsB,CACjC,MAAO,ovCA8BN,CACD,KAAM,2tCA8BL,CACD,IAAK,4rCA8BJ,CACD,KAAM,wtCA8BL,CACD,OAAQ,gxCA8BP,CACD,KAAM,wtCA8BL,CACD,MAAO,ovCA8BN,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "private": false,
   "description": "React component library for the LET'S design system.",
@@ -57,6 +57,7 @@
     "next-themes": "0.4.6",
     "radix-ui": "1.4.3",
     "react-day-picker": "9.14.0",
+    "react-dropzone": "15.0.0",
     "react-resizable-panels": "4.7.2",
     "recharts": "2.15.4",
     "shadcn": "4.0.5",