@typlog/ui 0.11.7 → 0.12.0

package/dist/components/radio.css

@@ -1,211 +0,0 @@
-
-.ui-Radio {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  vertical-align: top;
-  flex-shrink: 0;
-  cursor: default;
-  width: var(--radio-size);
-  height: var(--radio-size);
-  border: none;
-  box-shadow: none;
-}
-.ui-Radio:checked {
-  /* reset for tailwind */
-  background-image: none;
-}
-.ui-Radio:focus {
-  /* reset for tailwind */
-  box-shadow: none;
-}
-.ui-Radio:where(:disabled, [data-disabled]) {
-  cursor: not-allowed;
-}
-.ui-Radio::before {
-  content: '';
-  display: block;
-  height: var(--radio-size);
-  width: var(--radio-size);
-  border-radius: 100%;
-}
-.ui-Radio::after {
-  pointer-events: none;
-  position: absolute;
-  height: var(--radio-size);
-  width: var(--radio-size);
-  border-radius: 100%;
-  /* Scale via transform to achieve perfect sub-pixel positioning */
-  transform: scale(0.4);
-}
-.ui-Radio:where(:checked, [data-state='checked'])::after {
-  content: '';
-}
-.ui-Radio:where(:focus-visible)::before {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
-.ui-Radio:where(.r-size-1) {
-  --radio-size: calc(var(--space-4) * 0.875);
-}
-.ui-Radio:where(.r-size-2) {
-  --radio-size: var(--space-4);
-}
-.ui-Radio:where(.r-size-3) {
-  --radio-size: calc(var(--space-4) * 1.25);
-}
-.ui-Radio:where(.r-variant-surface):where(:not(:checked), [data-state='unchecked'])::before {
-  background-color: var(--color-surface);
-  box-shadow: inset 0 0 0 1px var(--gray-a7);
-}
-.ui-Radio:where(.r-variant-surface):where(:checked, [data-state='checked'])::before {
-  background-color: var(--accent-indicator);
-}
-.ui-Radio:where(.r-variant-surface)::after {
-  background-color: var(--accent-contrast);
-}
-.ui-Radio:where(.r-variant-surface):where(.r-high-contrast):where(:checked, [data-state='checked'])::before {
-  background-color: var(--accent-12);
-}
-.ui-Radio:where(.r-variant-surface):where(.r-high-contrast)::after {
-  background-color: var(--accent-1);
-}
-.ui-Radio:where(.r-variant-surface):where(:disabled, [data-disabled])::before {
-  box-shadow: inset 0 0 0 1px var(--gray-a6);
-  background-color: var(--gray-a3);
-}
-.ui-Radio:where(.r-variant-surface):where(:disabled, [data-disabled])::after {
-  background-color: var(--gray-a8);
-}
-.ui-Radio:where(.r-variant-soft)::before {
-  background-color: var(--accent-a4);
-}
-.ui-Radio:where(.r-variant-soft)::after {
-  background-color: var(--accent-a11);
-}
-.ui-Radio:where(.r-variant-soft):where(.r-high-contrast)::after {
-  background-color: var(--accent-12);
-}
-.ui-Radio:where(.r-variant-soft):where(:focus-visible)::before {
-  outline-color: var(--accent-a8);
-}
-.ui-Radio:where(.r-variant-soft):where(:disabled, [data-disabled])::before {
-  background-color: var(--gray-a3);
-}
-.ui-Radio:where(.r-variant-soft):where(:disabled, [data-disabled])::after {
-  background-color: var(--gray-a8);
-}
-
-.ui-RadioGroupItem {
-  display: flex;
-  align-items: center;
-  gap: .5em;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.ui-Card {
-  display: block;
-  position: relative;
-  overflow: hidden;
-  font-style: normal;
-  text-align: start;
-  box-sizing: border-box;
-  border-radius: var(--card-border-radius);
-  padding: var(--card-padding);
-  border-color: var(--card-border-color, var(--gray-a5));
-  border-width: var(--card-border-width, 1px);
-  border-style: solid;
-  --inset-padding-top: var(--card-padding);
-  --inset-padding-right: var(--card-padding);
-  --inset-padding-bottom: var(--card-padding);
-  --inset-padding-left: var(--card-padding);
-}
-.ui-Card:where(:-moz-any-link, button, label):where(:hover) {
-  --card-border-color: var(--gray-a7);
-}
-.ui-Card:where(:any-link, button, label):where(:hover) {
-  --card-border-color: var(--gray-a7);
-}
-.ui-Card:where(:-moz-any-link, button, label):where(:focus-visible) {
-  --card-border-color: var(--focus-8);
-  box-shadow: 0 0 0 2px var(--accent-4), 0 1px 2px 0 rgb(0 0 0 / 0.05);
-}
-.ui-Card:where(:any-link, button, label):where(:focus-visible) {
-  --card-border-color: var(--focus-8);
-  box-shadow: 0 0 0 2px var(--accent-4), 0 1px 2px 0 rgb(0 0 0 / 0.05);
-}
-.ui-Card:where(.r-size-1) {
-  --card-padding: var(--space-3);
-  --card-border-radius: max(var(--radius-4), var(--radius-full));
-}
-.ui-Card:where(.r-size-2) {
-  --card-padding: var(--space-4);
-  --card-border-radius: max(var(--radius-4), var(--radius-full));
-}
-.ui-Card:where(.r-size-3) {
-  --card-padding: var(--space-5);
-  --card-border-radius: max(var(--radius-5), var(--radius-full));
-}
-.ui-Card:where(.r-size-4) {
-  --card-padding: var(--space-6);
-  --card-border-radius: max(var(--radius-5), var(--radius-full));
-}
-.ui-Card:where(.r-size-5) {
-  --card-padding: var(--space-8);
-  --card-border-radius: max(var(--radius-6), var(--radius-full));
-}
-.ui-Card:where(.r-variant-soft) {
-  border-color: var(--gray-2);
-  background-color: var(--gray-2);
-}
-.ui-Card:where(.r-variant-soft):where(:-moz-any-link, button, label):where(:hover) {
-  border-color: var(--gray-a5);
-}
-.ui-Card:where(.r-variant-soft):where(:any-link, button, label):where(:hover) {
-  border-color: var(--gray-a5);
-}
-
-.ui-RadioCardsItem .ui-Card {
-  width: 100%;
-  height: 100%;
-}
-.ui-RadioCardsItem:where([data-state="checked"]) .ui-Card {
-  --card-border-color: var(--accent-10);
-  box-shadow: 0 0 0 1px var(--accent-10);
-}
-
-.ui-RadioTabsList {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  background-color: var(--gray-a3);
-  padding: var(--radio-tabs-list-padding);
-  border-radius: var(--radio-tabs-list-radius);
-}
-.ui-RadioTabsList:where(.r-size-1) {
-  --radio-tabs-list-padding: var(--space-1);
-  --radio-tabs-list-radius: var(--radius-2);
-  --radio-tabs-item-padding: 3px 6px;
-  --radio-tabs-item-radius: var(--radius-1);
-}
-.ui-RadioTabsList:where(.r-size-2) {
-  --radio-tabs-list-padding: var(--space-1);
-  --radio-tabs-list-radius: var(--radius-4);
-  --radio-tabs-item-padding: 4px 8px;
-  --radio-tabs-item-radius: var(--radius-2);
-}
-.ui-RadioTabsList [role="radio"] {
-  display: flex;
-  flex-grow: 1;
-  justify-content: center;
-  align-items: center;
-  padding: var(--radio-tabs-item-padding);
-  border-radius: var(--radio-tabs-item-radius);
-}
-.ui-RadioTabsList [data-state="checked"] {
-  color: var(--gray-12);
-  background-color: var(--color-background);
-  box-shadow: var(--shadow-2);
-}

package/dist/components/select.css

@@ -1,308 +0,0 @@
-
-.ui-SelectContent {
-  --scrollarea-scrollbar-vertical-margin-top: var(--select-content-padding);
-  --scrollarea-scrollbar-vertical-margin-bottom: var(--select-content-padding);
-  --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
-  --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
-
-  overflow: hidden;
-  box-shadow: var(--shadow-5);
-  background-color: var(--color-panel-solid);
-  box-sizing: border-box;
-}
-.ui-SelectContent:where([data-side]) {
-  min-width: var(--reka-select-trigger-width);
-  max-width: var(--reka-select-content-available-width);
-  max-height: var(--reka-select-content-available-height);
-  transform-origin: var(--reka-select-content-transform-origin);
-}
-.ui-SelectViewport {
-  box-sizing: border-box;
-  padding: var(--select-content-padding);
-}
-.ui-SelectContent:has(.ui-ScrollAreaScrollbar[data-orientation='vertical']) .ui-SelectViewport {
-  padding-right: var(--space-3);
-}
-.ui-SelectContent:where(.r-size-1) {
-  --select-content-padding: var(--space-1);
-  --select-item-height: var(--space-5);
-  --select-item-indicator-width: calc(var(--space-5) / 1.2);
-  --select-separator-margin-right: var(--space-2);
-  border-radius: var(--radius-3);
-}
-.ui-SelectContent:where(.r-size-2),
-.ui-SelectContent:where(.r-size-3) {
-  --select-content-padding: var(--space-2);
-  --select-item-height: var(--space-6);
-  --select-item-indicator-width: var(--space-5);
-  --select-separator-margin-right: var(--space-3);
-  border-radius: var(--radius-4);
-}
-
-.ui-SelectTrigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  vertical-align: top;
-  font-weight: var(--font-weight-regular);
-  font-style: normal;
-  text-align: start;
-  color: var(--gray-12);
-}
-.ui-SelectTriggerInner {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ui-SelectIcon {
-  flex-shrink: 0;
-}
-.ui-SelectTrigger:where(:not(.r-variant-ghost)).ui-SelectIcon {
-  opacity: 0.9;
-}
-.ui-SelectTrigger:where(:not(.r-variant-ghost)) {
-  box-sizing: border-box;
-  height: var(--select-trigger-height);
-}
-.ui-SelectTrigger:where(.r-variant-ghost) {
-  box-sizing: content-box;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: var(--select-trigger-ghost-padding-y) var(--select-trigger-ghost-padding-x);
-  margin: calc(0px - var(--select-trigger-ghost-padding-y)) calc(0px - var(--select-trigger-ghost-padding-x));
-}
-.ui-SelectTrigger:where(.r-size-1) {
-  --select-trigger-height: var(--space-5);
-  gap: var(--space-1);
-  font-size: var(--font-size-1);
-  line-height: var(--line-height-1);
-  letter-spacing: var(--letter-spacing-1);
-  border-radius: max(var(--radius-1), var(--radius-full));
-}
-.ui-SelectTrigger:where(.r-size-1):where(.r-variant-ghost) {
-  --select-trigger-ghost-padding-x: var(--space-2);
-  --select-trigger-ghost-padding-y: var(--space-1);
-}
-.ui-SelectTrigger:where(.r-size-1):where(:not(.r-variant-ghost)) {
-  padding-left: var(--space-2);
-  padding-right: var(--space-2);
-}
-.ui-SelectTrigger:where(.r-size-2) {
-  --select-trigger-height: var(--space-6);
-  gap: calc(var(--space-1) * 1.5);
-  font-size: var(--font-size-2);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
-  border-radius: max(var(--radius-2), var(--radius-full));
-}
-.ui-SelectTrigger:where(.r-size-1):where(.r-variant-ghost) {
-  --select-trigger-ghost-padding-x: var(--space-2);
-  --select-trigger-ghost-padding-y: var(--space-1);
-}
-.ui-SelectTrigger:where(.r-size-2):where(:not(.r-variant-ghost)) {
-  padding-left: var(--space-3);
-  padding-right: var(--space-3);
-}
-.ui-SelectTrigger:where(.r-size-3) {
-  --select-trigger-height: var(--space-7);
-  gap: var(--space-2);
-  font-size: var(--font-size-3);
-  line-height: var(--line-height-3);
-  letter-spacing: var(--letter-spacing-3);
-  border-radius: max(var(--radius-3), var(--radius-full));
-}
-.ui-SelectTrigger:where(.r-size-3):where(.r-variant-ghost) {
-  --select-trigger-ghost-padding-x: var(--space-3);
-  --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
-}
-.ui-SelectTrigger:where(.r-size-3):where(:not(.r-variant-ghost)) {
-  padding-left: var(--space-4);
-  padding-right: var(--space-4);
-}
-.ui-SelectTrigger:where(.r-size-3) .ui-SelectIcon {
-  width: 11px;
-  height: 11px;
-}
-.ui-SelectTrigger:where(.r-variant-surface) {
-  --select-trigger-border-width: 1px;
-  --select-trigger-border-color: var(--gray-a7);
-  outline: 0;
-  color: var(--gray-12);
-  background-color: var(--color-surface);
-  border: var(--select-trigger-border-width) solid var(--select-trigger-border-color);
-}
-.ui-SelectTrigger:where(.r-variant-surface):where(:focus-visible) {
-  --select-trigger-border-color: var(--focus-a8);
-  box-shadow: 0 0 0 2px var(--accent-4), 0 1px 2px 0 rgb(0 0 0 / 0.05);
-}
-@media (hover: hover) {
-.ui-SelectTrigger:where(.r-variant-surface):hover {
-    --select-trigger-border-color: var(--gray-a8);
-}
-}
-.ui-SelectTrigger:where(.r-variant-surface):where([data-state='open']) {
-  --select-trigger-border-color: var(--gray-a8);
-}
-.ui-SelectTrigger:where(.r-variant-surface):where(:disabled) {
-  color: var(--gray-a11);
-  background-color: var(--gray-a2);
-  --select-trigger-border-color: var(--gray-a6);
-}
-.ui-SelectTrigger:where(.r-variant-surface):where([data-placeholder]) .ui-SelectTriggerInner {
-  color: var(--gray-a10);
-}
-.ui-SelectTrigger:where(.r-variant-soft),
-.ui-SelectTrigger:where(.r-variant-ghost) {
-  color: var(--accent-12);
-}
-.ui-SelectTrigger:where(.r-variant-soft):where(:focus-visible),
-.ui-SelectTrigger:where(.r-variant-ghost):where(:focus-visible) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -1px;
-}
-.ui-SelectTrigger:where(.r-variant-soft):where([data-placeholder]) .ui-SelectTriggerInner,
-.ui-SelectTrigger:where(.r-variant-ghost):where([data-placeholder]) .ui-SelectTriggerInner {
-  color: var(--accent-12);
-  opacity: 0.6;
-}
-.ui-SelectTrigger:where(.r-variant-soft) {
-  background-color: var(--accent-a3);
-}
-@media (hover: hover) {
-.ui-SelectTrigger:where(.r-variant-soft):hover {
-    background-color: var(--accent-a4);
-}
-}
-.ui-SelectTrigger:where(.r-variant-soft):where([data-state='open']) {
-  background-color: var(--accent-a4);
-}
-.ui-SelectTrigger:where(.r-variant-soft):where(:focus-visible) {
-  outline-color: var(--accent-8);
-}
-.ui-SelectTrigger:where(.r-variant-soft):where(:disabled) {
-  color: var(--gray-a11);
-  background-color: var(--gray-a3);
-}
-@media (hover: hover) {
-.ui-SelectTrigger:where(.r-variant-ghost):hover {
-    background-color: var(--accent-a3);
-}
-}
-.ui-SelectTrigger:where(.r-variant-ghost):where([data-state='open']) {
-  background-color: var(--accent-a3);
-}
-.ui-SelectTrigger:where(.r-variant-ghost):where(:disabled) {
-  color: var(--gray-a11);
-  background-color: transparent;
-}
-.ui-SelectTrigger:where(:disabled) .ui-SelectIcon {
-  color: var(--gray-a9);
-}
-
-.ui-SelectItem {
-  display: flex;
-  align-items: center;
-  height: var(--select-item-height);
-  padding-left: var(--select-item-indicator-width);
-  padding-right: var(--select-item-indicator-width);
-  position: relative;
-  box-sizing: border-box;
-  outline: none;
-  scroll-margin: var(--select-content-padding) 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  cursor: default;
-}
-.ui-SelectItem:where([data-disabled]) {
-  cursor: not-allowed;
-}
-.ui-SelectItemIndicator {
-  position: absolute;
-  left: 0;
-  width: var(--select-item-indicator-width);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.ui-SelectItem:where([data-disabled]) {
-  color: var(--gray-a8);
-}
-:where(.r-size-1) .ui-SelectItem {
-  font-size: var(--font-size-1);
-  line-height: var(--line-height-1);
-  letter-spacing: var(--letter-spacing-1);
-  border-radius: var(--radius-1);
-}
-:where(.r-size-1) .ui-SelectItemIndicatorIcon {
-  width: calc(8px * var(--scaling));
-  height: calc(8px * var(--scaling));
-}
-:where(.r-size-2) .ui-SelectItem {
-  line-height: var(--line-height-2);
-  border-radius: var(--radius-2);
-  font-size: var(--font-size-2);
-  letter-spacing: var(--letter-spacing-2);
-}
-:where(.r-size-2) .ui-SelectItemIndicatorIcon,
-:where(.r-size-3) .ui-SelectItemIndicatorIcon {
-  width: calc(10px * var(--scaling));
-  height: calc(10px * var(--scaling));
-}
-:where(.r-size-3) .ui-SelectItem {
-  line-height: var(--line-height-2);
-  border-radius: var(--radius-2);
-  font-size: var(--font-size-3);
-  letter-spacing: var(--letter-spacing-3);
-}
-:where(.r-variant-solid) .ui-SelectItem[data-highlighted] {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:where(.r-variant-solid):where(.r-high-contrast) .ui-SelectItem[data-highlighted] {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-:where(.r-variant-soft) .ui-SelectItem[data-highlighted] {
-  background-color: var(--accent-a4);
-}
-
-.ui-SelectLabel {
-  display: flex;
-  align-items: center;
-  height: var(--select-item-height);
-  padding-left: var(--select-item-indicator-width);
-  padding-right: var(--select-item-indicator-width);
-  color: var(--gray-a10);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  cursor: default;
-}
-.ui-SelectItem + .ui-SelectLabel {
-  margin-top: var(--space-2);
-}
-:where(.r-size-1) .ui-SelectLabel {
-  font-size: var(--font-size-1);
-  letter-spacing: var(--letter-spacing-1);
-  line-height: var(--line-height-1);
-}
-:where(.r-size-2) .ui-SelectLabel,
-:where(.r-size-3) .ui-SelectLabel {
-  font-size: var(--font-size-2);
-  letter-spacing: var(--letter-spacing-2);
-  line-height: var(--line-height-2);
-}
-
-.ui-SelectSeparator {
-  height: 1px;
-  margin-top: var(--space-2);
-  margin-bottom: var(--space-2);
-  margin-left: var(--select-item-indicator-width);
-  margin-right: var(--select-separator-margin-right);
-  background-color: var(--gray-a6);
-}

package/dist/components/spinner.css

@@ -1,36 +0,0 @@
-
-.ui-Spinner {
-  color: var(--gray-10);
-}
-.ui-Spinner:where(.r-size-1) {
-  font-size: var(--space-3);
-}
-.ui-Spinner:where(.r-size-2) {
-  font-size: var(--space-4);
-}
-.ui-Spinner:where(.r-size-3) {
-  font-size: calc(1.25 * var(--space-4));
-}
-
-.ui-SavingIndicator {
-  display: inline-flex;
-  align-items: center;
-}
-.ui-SavingIndicator > svg {
-  vertical-align: middle;
-}
-.ui-SavingIndicator:where([data-status="saving"]) {
-  color: var(--gray-10);
-}
-.ui-SavingIndicator:where([data-status="saved"]) {
-  color: var(--green-10);
-}
-.ui-SavingIndicator:where(.r-size-1) {
-  font-size: var(--space-3);
-}
-.ui-SavingIndicator:where(.r-size-2) {
-  font-size: var(--space-4);
-}
-.ui-SavingIndicator:where(.r-size-3) {
-  font-size: calc(1.25 * var(--space-4));
-}

package/dist/components/tabs.css

@@ -1,122 +0,0 @@
-
-.ui-TabList {
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  overflow-x: auto;
-  white-space: nowrap;
-  font-style: normal;
-  scrollbar-width: none;
-  box-shadow: inset 0 -1px 0 0 var(--gray-a5);
-}
-.ui-TabsIndicator {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 2px;
-  transition-property: width, transform;
-  transition-duration: 300ms;
-  width: var(--reka-tabs-indicator-size);
-  background-color: var(--accent-indicator);
-  transform: translateX(var(--reka-tabs-indicator-position));
-}
-.ui-TabList::-webkit-scrollbar {
-  display: none;
-}
-.ui-TabList:where(.r-size-1) {
-  font-size: var(--font-size-1);
-  line-height: var(--line-height-1);
-  letter-spacing: var(--letter-spacing-1);
-  --tab-height: var(--space-6);
-  --tab-padding-x: var(--space-1);
-  --tab-inner-padding-x: var(--space-1);
-  --tab-inner-height: var(--space-5);
-  --tab-inner-border-radius: var(--radius-1);
-}
-.ui-TabList:where(.r-size-2) {
-  font-size: var(--font-size-2);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
-  --tab-height: var(--space-7);
-  --tab-padding-x: var(--space-2);
-  --tab-inner-padding-x: var(--space-2);
-  --tab-inner-height: calc(var(--space-6) - var(--space-1));
-  --tab-inner-border-radius: var(--radius-2);
-}
-:where(.ui-TabList.r-high-contrast) .ui-TabsIndicator {
-  background-color: var(--accent-12);
-}
-
-.ui-root {
-  --tab-active-letter-spacing: -0.01em;
-  --tab-active-word-spacing: 0em;
-  --tab-inactive-letter-spacing: 0em;
-  --tab-inactive-word-spacing: 0em;
-}
-.ui-TabTrigger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  box-sizing: border-box;
-  height: var(--tab-height);
-  padding-left: var(--tab-padding-x);
-  padding-right: var(--tab-padding-x);
-  color: var(--gray-a11);
-  outline: none;
-}
-.ui-TabTrigger:disabled {
-  color: var(--gray-a8);
-  border-color: currentColor;
-}
-.ui-TabTriggerInner,
-.ui-TabTriggerInnerHidden {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  height: var(--tab-inner-height);
-  padding-left: var(--tab-inner-padding-x);
-  padding-right: var(--tab-inner-padding-x);
-  border-radius: var(--tab-inner-border-radius);
-}
-.ui-TabTriggerInner {
-  position: absolute;
-}
-:where(.ui-TabTrigger[data-state='inactive']) .ui-TabTriggerInner {
-  letter-spacing: var(--tab-inactive-letter-spacing);
-  word-spacing: var(--tab-inactive-word-spacing);
-}
-:where(.ui-TabTrigger[data-state='active']) .ui-TabTriggerInner {
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--tab-active-letter-spacing);
-  word-spacing: var(--tab-active-word-spacing);
-}
-.ui-TabTriggerInnerHidden {
-  visibility: hidden;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--tab-active-letter-spacing);
-  word-spacing: var(--tab-active-word-spacing);
-}
-@media (hover: hover) {
-.ui-TabTrigger:where(:hover) {
-    color: var(--gray-12);
-}
-.ui-TabTrigger:where(:not(:disabled):hover) :where(.ui-TabTriggerInner) {
-    background-color: var(--gray-a3);
-}
-.ui-TabTrigger:where(:focus-visible:hover) :where(.ui-TabTriggerInner) {
-    background-color: var(--accent-a3);
-}
-}
-.ui-TabTrigger:where([data-state='active']) {
-  color: var(--gray-12);
-}
-.ui-TabTrigger:where(:focus-visible) :where(.ui-TabTriggerInner) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -2px;
-}

package/tailwind/breakpoints.css

@@ -1,15 +0,0 @@
-@theme {
-  --breakpoint-*: initial;
-  --breakpoint-xs: 520px;
-  --breakpoint-sm: 768px;
-  --breakpoint-md: 1024px;
-  --breakpoint-lg: 1280px;
-  --breakpoint-xl: 1640px;
-
-  --container-*: initial;
-  --container-xs: 520px;
-  --container-sm: 768px;
-  --container-md: 1024px;
-  --container-lg: 1280px;
-  --container-xl: 1640px;
-}