@player-ui/reference-assets-plugin-react 0.10.0-next.0 → 0.10.0-next.2

package/dist/index.css

@@ -1,259 +1,25 @@
 /* ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/global.css */
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: #e5e7eb;
-}
-::before,
-::after {
-  --tw-content: "";
-}
-html,
-:host {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  font-family:
-    var(--font-sans),
-    ui-sans-serif,
-    system-ui,
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  -webkit-tap-highlight-color: transparent;
-}
-body {
-  margin: 0;
-  line-height: inherit;
-}
-hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-code,
-kbd,
-samp,
-pre {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Liberation Mono",
-    "Courier New",
-    monospace;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  font-size: 1em;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-input:where([type=button]),
-input:where([type=reset]),
-input:where([type=submit]) {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-}
-:-moz-focusring {
-  outline: auto;
-}
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-progress {
-  vertical-align: baseline;
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-summary {
-  display: list-item;
-}
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-dialog {
-  padding: 0;
-}
-textarea {
-  resize: vertical;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-button,
-[role=button] {
-  cursor: pointer;
-}
-:disabled {
-  cursor: default;
-}
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-[hidden] {
-  display: none;
-}
 :root {
-  --background: 0 0% 100%;
-  --foreground: 222.2 47.4% 11.2%;
-  --muted: 210 40% 96.1%;
-  --muted-foreground: 215.4 16.3% 46.9%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 47.4% 11.2%;
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 47.4% 11.2%;
-  --primary: 222.2 47.4% 11.2%;
-  --primary-foreground: 210 40% 98%;
-  --secondary: 210 40% 96.1%;
-  --secondary-foreground: 222.2 47.4% 11.2%;
-  --accent: 210 40% 96.1%;
-  --accent-foreground: 222.2 47.4% 11.2%;
-  --destructive: 0 100% 50%;
-  --destructive-foreground: 210 40% 98%;
-  --ring: 215 20.2% 65.1%;
-  --radius: 0.5rem;
-}
-* {
-  border-color: hsl(var(--border));
-}
-body {
-  background-color: hsl(var(--background));
-  color: hsl(var(--foreground));
-  font-feature-settings: "rlig" 1, "calt" 1;
+  --player-background: 0 0% 100%;
+  --player-foreground: 222.2 47.4% 11.2%;
+  --player-muted: 210 40% 96.1%;
+  --player-muted-foreground: 215.4 16.3% 46.9%;
+  --player-popover: 0 0% 100%;
+  --player-popover-foreground: 222.2 47.4% 11.2%;
+  --player-border: 214.3 31.8% 91.4%;
+  --player-input: 214.3 31.8% 91.4%;
+  --player-card: 0 0% 100%;
+  --player-card-foreground: 222.2 47.4% 11.2%;
+  --player-primary: 222.2 47.4% 11.2%;
+  --player-primary-foreground: 210 40% 98%;
+  --player-secondary: 210 40% 96.1%;
+  --player-secondary-foreground: 222.2 47.4% 11.2%;
+  --player-accent: 210 40% 96.1%;
+  --player-accent-foreground: 222.2 47.4% 11.2%;
+  --player-destructive: 0 100% 50%;
+  --player-destructive-foreground: 210 40% 98%;
+  --player-ring: 215 20.2% 65.1%;
+  --player-radius: 0.5rem;
 }
 *,
 ::before,
@@ -363,205 +129,199 @@ body {
   --tw-contain-paint: ;
   --tw-contain-style: ;
 }
-.flex {
+.player-flex {
   display: flex;
 }
-.inline-flex {
+.player-inline-flex {
   display: inline-flex;
 }
-.grid {
+.player-grid {
   display: grid;
 }
-.h-10 {
+.player-h-10 {
   height: 2.5rem;
 }
-.h-8 {
+.player-h-8 {
   height: 2rem;
 }
-.h-9 {
+.player-h-9 {
   height: 2.25rem;
 }
-.h-\[1px\] {
+.player-h-\[1px\] {
   height: 1px;
 }
-.h-fit {
+.player-h-fit {
   height: -moz-fit-content;
   height: fit-content;
 }
-.h-full {
+.player-h-full {
   height: 100%;
 }
-.w-9 {
+.player-w-9 {
   width: 2.25rem;
 }
-.w-\[1px\] {
+.player-w-\[1px\] {
   width: 1px;
 }
-.w-fit {
+.player-w-fit {
   width: -moz-fit-content;
   width: fit-content;
 }
-.w-full {
+.player-w-full {
   width: 100%;
 }
-.max-w-full {
+.player-max-w-full {
   max-width: 100%;
 }
-.max-w-sm {
+.player-max-w-sm {
   max-width: 24rem;
 }
-.shrink-0 {
+.player-shrink-0 {
   flex-shrink: 0;
 }
-.transform {
-  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));
-}
-.scroll-m-20 {
+.player-scroll-m-20 {
   scroll-margin: 5rem;
 }
-.flex-col {
+.player-flex-col {
   flex-direction: column;
 }
-.flex-col-reverse {
+.player-flex-col-reverse {
   flex-direction: column-reverse;
 }
-.items-center {
+.player-items-center {
   align-items: center;
 }
-.justify-center {
+.player-justify-center {
   justify-content: center;
 }
-.justify-between {
+.player-justify-between {
   justify-content: space-between;
 }
-.gap-1 {
+.player-gap-1 {
   gap: 0.25rem;
 }
-.gap-1\.5 {
+.player-gap-1\.5 {
   gap: 0.375rem;
 }
-.gap-2 {
+.player-gap-2 {
   gap: 0.5rem;
 }
-.gap-3 {
+.player-gap-3 {
   gap: 0.75rem;
 }
-.gap-4 {
+.player-gap-4 {
   gap: 1rem;
 }
-.whitespace-nowrap {
+.player-whitespace-nowrap {
   white-space: nowrap;
 }
-.rounded-md {
-  border-radius: calc(var(--radius) - 2px);
+.player-rounded-md {
+  border-radius: calc(var(--player-radius) - 2px);
 }
-.border {
+.player-border {
   border-width: 1px;
 }
-.border-input {
-  border-color: hsl(var(--input));
+.player-border-input {
+  border-color: hsl(var(--player-input));
 }
-.bg-background {
-  background-color: hsl(var(--background));
+.player-bg-background {
+  background-color: hsl(var(--player-background));
 }
-.bg-border {
-  background-color: hsl(var(--border));
+.player-bg-border {
+  background-color: hsl(var(--player-border));
 }
-.bg-destructive {
-  background-color: hsl(var(--destructive));
+.player-bg-destructive {
+  background-color: hsl(var(--player-destructive));
 }
-.bg-primary {
-  background-color: hsl(var(--primary));
+.player-bg-primary {
+  background-color: hsl(var(--player-primary));
 }
-.bg-secondary {
-  background-color: hsl(var(--secondary));
+.player-bg-secondary {
+  background-color: hsl(var(--player-secondary));
 }
-.bg-transparent {
+.player-bg-transparent {
   background-color: transparent;
 }
-.px-3 {
+.player-px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-.px-4 {
+.player-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-8 {
+.player-px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }
-.py-1 {
+.player-py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-2 {
+.player-py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.text-2xl {
+.player-text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-.text-4xl {
+.player-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
-.text-\[0\.8rem\] {
+.player-text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
-.text-sm {
+.player-text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-xs {
+.player-text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-.font-extrabold {
+.player-font-extrabold {
   font-weight: 800;
 }
-.font-medium {
+.player-font-medium {
   font-weight: 500;
 }
-.font-semibold {
+.player-font-semibold {
   font-weight: 600;
 }
-.leading-none {
+.player-leading-none {
   line-height: 1;
 }
-.tracking-tight {
+.player-tracking-tight {
   letter-spacing: -0.025em;
 }
-.text-blue-600 {
+.player-text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
-.text-destructive {
-  color: hsl(var(--destructive));
+.player-text-destructive {
+  color: hsl(var(--player-destructive));
 }
-.text-destructive-foreground {
-  color: hsl(var(--destructive-foreground));
+.player-text-muted-foreground {
+  color: hsl(var(--player-muted-foreground));
 }
-.text-muted-foreground {
-  color: hsl(var(--muted-foreground));
+.player-text-primary {
+  color: hsl(var(--player-primary));
 }
-.text-primary {
-  color: hsl(var(--primary));
+.player-text-primary-foreground {
+  color: hsl(var(--player-primary-foreground));
 }
-.text-primary-foreground {
-  color: hsl(var(--primary-foreground));
+.player-text-secondary-foreground {
+  color: hsl(var(--player-secondary-foreground));
 }
-.text-secondary-foreground {
-  color: hsl(var(--secondary-foreground));
-}
-.underline {
+.player-underline {
   text-decoration-line: underline;
 }
-.underline-offset-4 {
+.player-underline-offset-4 {
   text-underline-offset: 4px;
 }
-.shadow {
+.player-shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow:
@@ -569,7 +329,7 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-none {
+.player-shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow:
@@ -577,7 +337,7 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-sm {
+.player-shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow:
@@ -585,14 +345,7 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.outline {
-  outline-style: solid;
-}
-.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.transition-colors {
+.player-transition-colors {
   transition-property:
     color,
     background-color,
@@ -615,55 +368,52 @@ body {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
-.file\:border-0::file-selector-button {
+.file\:player-border-0::file-selector-button {
   border-width: 0px;
 }
-.file\:bg-transparent::file-selector-button {
+.file\:player-bg-transparent::file-selector-button {
   background-color: transparent;
 }
-.file\:text-sm::file-selector-button {
+.file\:player-text-sm::file-selector-button {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.file\:font-medium::file-selector-button {
+.file\:player-font-medium::file-selector-button {
   font-weight: 500;
 }
-.placeholder\:text-muted-foreground::-moz-placeholder {
-  color: hsl(var(--muted-foreground));
+.placeholder\:player-text-muted-foreground::-moz-placeholder {
+  color: hsl(var(--player-muted-foreground));
 }
-.placeholder\:text-muted-foreground::placeholder {
-  color: hsl(var(--muted-foreground));
+.placeholder\:player-text-muted-foreground::placeholder {
+  color: hsl(var(--player-muted-foreground));
 }
-.visited\:text-purple-600:visited {
+.visited\:player-text-purple-600:visited {
   color: rgb(147 51 234);
 }
-.hover\:bg-accent:hover {
-  background-color: hsl(var(--accent));
-}
-.hover\:bg-destructive\/90:hover {
-  background-color: hsl(var(--destructive) / 0.9);
+.hover\:player-bg-accent:hover {
+  background-color: hsl(var(--player-accent));
 }
-.hover\:bg-primary\/90:hover {
-  background-color: hsl(var(--primary) / 0.9);
+.hover\:player-bg-primary\/90:hover {
+  background-color: hsl(var(--player-primary) / 0.9);
 }
-.hover\:bg-secondary\/80:hover {
-  background-color: hsl(var(--secondary) / 0.8);
+.hover\:player-bg-secondary\/80:hover {
+  background-color: hsl(var(--player-secondary) / 0.8);
 }
-.hover\:text-accent-foreground:hover {
-  color: hsl(var(--accent-foreground));
+.hover\:player-text-accent-foreground:hover {
+  color: hsl(var(--player-accent-foreground));
 }
-.hover\:text-blue-800:hover {
+.hover\:player-text-blue-800:hover {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-.hover\:underline:hover {
+.hover\:player-underline:hover {
   text-decoration-line: underline;
 }
-.focus-visible\:outline-none:focus-visible {
+.focus-visible\:player-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus-visible\:ring-1:focus-visible {
+.focus-visible\:player-ring-1:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:
@@ -671,31 +421,28 @@ body {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
-.focus-visible\:ring-ring:focus-visible {
-  --tw-ring-color: hsl(var(--ring));
+.focus-visible\:player-ring-ring:focus-visible {
+  --tw-ring-color: hsl(var(--player-ring));
 }
-.disabled\:pointer-events-none:disabled {
+.disabled\:player-pointer-events-none:disabled {
   pointer-events: none;
 }
-.disabled\:cursor-not-allowed:disabled {
-  cursor: not-allowed;
-}
-.disabled\:opacity-50:disabled {
+.disabled\:player-opacity-50:disabled {
   opacity: 0.5;
 }
-.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
+.player-peer:disabled ~ .peer-disabled\:player-cursor-not-allowed {
   cursor: not-allowed;
 }
-.peer:disabled ~ .peer-disabled\:opacity-70 {
+.player-peer:disabled ~ .peer-disabled\:player-opacity-70 {
   opacity: 0.7;
 }
 @media (min-width: 640px) {
-  .sm\:flex-row {
+  .sm\:player-flex-row {
     flex-direction: row;
   }
 }
 @media (min-width: 1024px) {
-  .lg\:text-5xl {
+  .lg\:player-text-5xl {
     font-size: 3rem;
     line-height: 1;
   }