@tenerife.music/ui 1.0.16 → 1.1.0

package/dist/preset.cjs

@@ -129,7 +129,7 @@ var tailwindThemeColors = {
   }
 };
 
-// src/tokens/motion/v2.ts
+// src/FOUNDATION/tokens/motion/v2.ts
 var motionV2Durations = {
   fast: "150ms",
   // Quick interactions
@@ -299,7 +299,7 @@ var motionV2TailwindConfig = {
   }
 };
 
-// src/tokens/motion.ts
+// src/FOUNDATION/tokens/motion.ts
 var durations = {
   instant: "0ms",
   fast: "150ms",
@@ -511,7 +511,7 @@ var tailwindMotionConfig = {
   }
 };
 
-// src/tokens/radius.ts
+// src/FOUNDATION/tokens/radius.ts
 var borderRadius = {
   // No radius
   none: "0",
@@ -597,7 +597,7 @@ var tailwindRadiusConfig = {
   }
 };
 
-// src/tokens/shadows.ts
+// src/FOUNDATION/tokens/shadows.ts
 var shadowBase = {
   black: "0 0 0"};
 var shadowOpacity = {
@@ -704,7 +704,7 @@ var tailwindShadowConfig = {
   }
 };
 
-// src/tokens/spacing.ts
+// src/FOUNDATION/tokens/spacing.ts
 var spacing = {
   // Zero spacing
   0: "0",
@@ -828,7 +828,7 @@ var tailwindSpacingConfig = {
   }
 };
 
-// src/tokens/typography.ts
+// src/FOUNDATION/tokens/typography.ts
 var fontFamily = {
   // Primary font - Inter (default sans)
   sans: [

package/dist/preset.mjs

@@ -123,7 +123,7 @@ var tailwindThemeColors = {
   }
 };
 
-// src/tokens/motion/v2.ts
+// src/FOUNDATION/tokens/motion/v2.ts
 var motionV2Durations = {
   fast: "150ms",
   // Quick interactions
@@ -293,7 +293,7 @@ var motionV2TailwindConfig = {
   }
 };
 
-// src/tokens/motion.ts
+// src/FOUNDATION/tokens/motion.ts
 var durations = {
   instant: "0ms",
   fast: "150ms",
@@ -505,7 +505,7 @@ var tailwindMotionConfig = {
   }
 };
 
-// src/tokens/radius.ts
+// src/FOUNDATION/tokens/radius.ts
 var borderRadius = {
   // No radius
   none: "0",
@@ -591,7 +591,7 @@ var tailwindRadiusConfig = {
   }
 };
 
-// src/tokens/shadows.ts
+// src/FOUNDATION/tokens/shadows.ts
 var shadowBase = {
   black: "0 0 0"};
 var shadowOpacity = {
@@ -698,7 +698,7 @@ var tailwindShadowConfig = {
   }
 };
 
-// src/tokens/spacing.ts
+// src/FOUNDATION/tokens/spacing.ts
 var spacing = {
   // Zero spacing
   0: "0",
@@ -822,7 +822,7 @@ var tailwindSpacingConfig = {
   }
 };
 
-// src/tokens/typography.ts
+// src/FOUNDATION/tokens/typography.ts
 var fontFamily = {
   // Primary font - Inter (default sans)
   sans: [

package/dist/styles.css

@@ -430,9 +430,6 @@ body {
 .visible {
   visibility: visible;
 }
-.invisible {
-  visibility: hidden;
-}
 .static {
   position: static;
 }
@@ -554,9 +551,6 @@ body {
 .z-50 {
   z-index: 50;
 }
-.z-\[-1\] {
-  z-index: -1;
-}
 .z-\[100\] {
   z-index: 100;
 }
@@ -575,10 +569,6 @@ body {
 .m-2 {
   margin: 0.5rem;
 }
-.-mx-1 {
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
-}
 .-mx-sm {
   margin-left: -0.5rem;
   margin-right: -0.5rem;
@@ -595,10 +585,6 @@ body {
   margin-left: auto;
   margin-right: auto;
 }
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .my-sm {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -1062,9 +1048,6 @@ body {
 .min-w-56 {
   min-width: 14rem;
 }
-.min-w-64 {
-  min-width: 16rem;
-}
 .min-w-\[128px\] {
   min-width: 128px;
 }
@@ -1126,9 +1109,6 @@ body {
 .border-collapse {
   border-collapse: collapse;
 }
-.origin-\[--radix-tooltip-content-transform-origin\] {
-  transform-origin: var(--radix-tooltip-content-transform-origin);
-}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1454,9 +1434,6 @@ body {
 .justify-evenly {
   justify-content: space-evenly;
 }
-.gap-1 {
-  gap: 0.25rem;
-}
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1540,11 +1517,6 @@ body {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
-.space-y-xl > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-}
 .space-y-xs > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2128,9 +2100,6 @@ body {
 .p-0\.5 {
   padding: 0.125rem;
 }
-.p-1 {
-  padding: 0.25rem;
-}
 .p-2 {
   padding: 0.5rem;
 }
@@ -2198,10 +2167,6 @@ body {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2218,10 +2183,6 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-4xl {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
 .py-lg {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
@@ -2260,9 +2221,6 @@ body {
 .pr-10 {
   padding-right: 2.5rem;
 }
-.pr-2 {
-  padding-right: 0.5rem;
-}
 .pr-8 {
   padding-right: 2rem;
 }
@@ -2272,9 +2230,6 @@ body {
 .pr-sm {
   padding-right: 0.5rem;
 }
-.pt-0 {
-  padding-top: 0;
-}
 .pt-8 {
   padding-top: 2rem;
 }
@@ -2305,35 +2260,6 @@ body {
     Roboto,
     sans-serif;
 }
-.font-mono {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    Liberation Mono,
-    Courier New,
-    monospace;
-}
-.font-sans {
-  font-family:
-    Inter,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Roboto,
-    Helvetica Neue,
-    Arial,
-    Noto Sans,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol,
-    Noto Color Emoji;
-}
 .text-2xl {
   font-size: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
   line-height: 2rem;
@@ -2825,14 +2751,6 @@ body {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-\[transform\,border-color\,box-shadow\] {
-  transition-property:
-    transform,
-    border-color,
-    box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .transition-\[width\] {
   transition-property: width;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2957,17 +2875,9 @@ body {
 .file\:bg-transparent::file-selector-button {
   background-color: transparent;
 }
-.file\:text-sm::file-selector-button {
-  font-size: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);
-  line-height: 1.25rem;
-  letter-spacing: 0.025em;
-}
 .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
-.file\:text-foreground::file-selector-button {
-  color: hsl(var(--foreground));
-}
 .placeholder\:text-\[hsl\(var\(--muted-foreground\)\)\]::-moz-placeholder {
   color: hsl(var(--muted-foreground));
 }
@@ -3345,27 +3255,6 @@ body {
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
-.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
-  border-color: hsl(var(--muted) / 0.4);
-}
-.group.destructive .group-\[\.destructive\]\:text-destructive {
-  color: hsl(var(--destructive));
-}
-.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
-  border-color: hsl(var(--destructive) / 0.3);
-}
-.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
-  background-color: hsl(var(--destructive));
-}
-.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
-  color: hsl(var(--destructive-foreground));
-}
-.group.destructive .group-\[\.destructive\]\:focus-visible\:ring-destructive:focus-visible {
-  --tw-ring-color: hsl(var(--destructive));
-}
-.group.destructive .group-\[\.destructive\]\:focus-visible\:ring-offset-destructive:focus-visible {
-  --tw-ring-offset-color: hsl(var(--destructive));
-}
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -3379,32 +3268,32 @@ body {
   --tw-translate-y: 0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[side\=bottom\]\:translate-y-\[4px\][data-side=bottom] {
-  --tw-translate-y: 4px;
+.data-\[side\=bottom\]\:translate-y-\[var\(--spacing-xs\)\][data-side=bottom] {
+  --tw-translate-y: var(--spacing-xs);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .data-\[side\=left\]\:-translate-x-1[data-side=left] {
   --tw-translate-x: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[side\=left\]\:-translate-x-\[4px\][data-side=left] {
-  --tw-translate-x: -4px;
+.data-\[side\=left\]\:-translate-x-\[var\(--spacing-xs\)\][data-side=left] {
+  --tw-translate-x: calc(var(--spacing-xs) * -1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .data-\[side\=right\]\:translate-x-1[data-side=right] {
   --tw-translate-x: 0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[side\=right\]\:translate-x-\[4px\][data-side=right] {
-  --tw-translate-x: 4px;
+.data-\[side\=right\]\:translate-x-\[var\(--spacing-xs\)\][data-side=right] {
+  --tw-translate-x: var(--spacing-xs);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .data-\[side\=top\]\:-translate-y-1[data-side=top] {
   --tw-translate-y: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[side\=top\]\:-translate-y-\[4px\][data-side=top] {
-  --tw-translate-y: -4px;
+.data-\[side\=top\]\:-translate-y-\[var\(--spacing-xs\)\][data-side=top] {
+  --tw-translate-y: calc(var(--spacing-xs) * -1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
@@ -3432,9 +3321,6 @@ body {
 .data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical] {
   flex-direction: column;
 }
-.data-\[state\=open\]\:border-\[hsl\(var\(--ring\)\)\][data-state=open] {
-  border-color: hsl(var(--ring));
-}
 .data-\[active\]\:bg-accent\/50[data-active] {
   background-color: hsl(var(--tm-accent) / 0.5);
 }
@@ -3467,15 +3353,6 @@ body {
   color: rgb(74 222 128 / var(--tw-text-opacity, 1));
 }
 @media (min-width: 640px) {
-  .sm\:bottom-0 {
-    bottom: 0;
-  }
-  .sm\:right-0 {
-    right: 0;
-  }
-  .sm\:top-auto {
-    top: auto;
-  }
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -3485,9 +3362,6 @@ body {
   .sm\:flex-row {
     flex-direction: row;
   }
-  .sm\:flex-col {
-    flex-direction: column;
-  }
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -3508,9 +3382,6 @@ body {
   .md\:w-auto {
     width: auto;
   }
-  .md\:max-w-\[420px\] {
-    max-width: 420px;
-  }
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -3579,17 +3450,6 @@ body {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
-.\[\&\+div\]\:text-xs + div {
-  font-size: clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem);
-  line-height: 1rem;
-  letter-spacing: 0.05em;
-}
-.\[\&\>option\]\:bg-background > option {
-  background-color: hsl(var(--background));
-}
-.\[\&\>option\]\:text-foreground > option {
-  color: hsl(var(--foreground));
-}
 .\[\&\>span\]\:line-clamp-1 > span {
   overflow: hidden;
   display: -webkit-box;
@@ -3624,9 +3484,9 @@ body {
   color: currentColor;
 }
 
-/* src/theme/colors.css */
+/* src/FOUNDATION/theme/colors.css */
 
-/* src/theme/global.css */
+/* src/FOUNDATION/theme/global.css */
 * {
   border-color: hsl(var(--border));
 }