@shuriken-ui/tailwind 1.0.0-beta.1 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/preset.cjs CHANGED
@@ -2090,10 +2090,14 @@ const defaultButtonIconConfig = {
2090
2090
  full: "full"
2091
2091
  },
2092
2092
  default: {
2093
+ bg: "white",
2094
+ bgDark: "muted-700",
2093
2095
  bgHover: "muted-50",
2094
2096
  bgHoverDark: "muted-600",
2095
2097
  text: "muted-700",
2096
- textDark: "white"
2098
+ textDark: "white",
2099
+ border: "muted-300",
2100
+ borderDark: "muted-600"
2097
2101
  },
2098
2102
  muted: {
2099
2103
  bg: "muted-200",
@@ -2164,7 +2168,7 @@ const buttonIcon = plugin__default.withOptions(
2164
2168
  [`@apply !text-transparent`]: {}
2165
2169
  },
2166
2170
  [`&.${prefix}-button-default`]: {
2167
- [`@apply text-${config.default.text} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover}`]: {}
2171
+ [`@apply text-${config.default.text} bg-${config.default.bg} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover} border border-${config.default.border} dark:border-${config.default.borderDark}`]: {}
2168
2172
  },
2169
2173
  [`&.${prefix}-button-muted`]: {
2170
2174
  [`@apply text-${config.muted.text} bg-${config.muted.bg} dark:text-${config.muted.textDark} dark:bg-${config.muted.bgDark} dark:hover:bg-${config.muted.bgHoverDark} hover:bg-${config.muted.bgHover}`]: {}
@@ -2640,7 +2644,7 @@ const button = plugin__default.withOptions(
2640
2644
  [`.${prefix}-button`]: {
2641
2645
  [`@apply relative font-sans font-${config.font} leading-5 no-underline inline-flex justify-center items-center space-x-1 ${prefix}-focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
2642
2646
  [`.${prefix}-button-badge`]: {
2643
- [`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1 -me-8`]: {},
2647
+ [`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1`]: {},
2644
2648
  [`.${prefix}-button-badge-pulse`]: {
2645
2649
  [`@apply absolute inline-flex h-full w-full rounded-full opacity-75`]: {}
2646
2650
  },
@@ -3599,6 +3603,9 @@ const dropdown = plugin__default.withOptions(
3599
3603
  [`.${prefix}-menu`]: {
3600
3604
  [`@apply relative`]: {}
3601
3605
  },
3606
+ [`.${prefix}-menu-content`]: {
3607
+ [`@apply p-2`]: {}
3608
+ },
3602
3609
  [`.${prefix}-context-button`]: {
3603
3610
  [`@apply dark:ring-offset-${config.contextButton.ringOffsetDark} inline-flex h-${config.contextButton.size} w-${config.contextButton.size} items-center justify-center rounded-${config.contextButton.rounded} ring-1 ring-transparent transition-all duration-${config.contextButton.duration} group-hover:ring-${config.contextButton.ringGroupHover}`]: {},
3604
3611
  [`.${prefix}-context-button-inner`]: {
@@ -3758,25 +3765,25 @@ const fullscreenDropfile = plugin__default.withOptions(
3758
3765
  function(options) {
3759
3766
  const { prefix } = defu.defu(options, defaultPluginOptions);
3760
3767
  return function({ addComponents, theme }) {
3761
- theme(
3768
+ const config = theme(
3762
3769
  "shurikenUi.fullscreenDropfile"
3763
3770
  );
3764
3771
  addComponents({
3765
3772
  [`.${prefix}-fullscreen-dropfile`]: {
3766
3773
  [`.${prefix}-fullscreen-dropfile-outer`]: {
3767
- [`@apply ${prefix}-bg-400/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
3774
+ [`@apply bg-muted-200/20 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
3768
3775
  },
3769
3776
  [`.${prefix}-fullscreen-dropfile-inner`]: {
3770
3777
  [`@apply fixed inset-0 z-50`]: {},
3771
3778
  [`.${prefix}-fullscreen-dropfile-container`]: {
3772
3779
  [`@apply flex h-full flex-1 items-center justify-center`]: {},
3773
3780
  [`.${prefix}-fullscreen-dropfile-content`]: {
3774
- [`@apply border-primary-500 ${prefix}-bg-200 mx-auto flex h-[230px] w-[500px] flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
3781
+ [`@apply border-${config.border} bg-muted-200 dark:bg-muted-800 mx-auto flex h-${config.height} w-${config.width} flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
3775
3782
  [`.${prefix}-fullscreen-dropfile-icon`]: {
3776
- [`@apply text-primary-500 text-6xl`]: {}
3783
+ [`@apply text-${config.icon.text} text-${config.icon.textSize}`]: {}
3777
3784
  },
3778
3785
  [`.${prefix}-fullscreen-dropfile-label`]: {
3779
- [`@apply text-2xl`]: {}
3786
+ [`@apply text-${config.labelTextSize}`]: {}
3780
3787
  }
3781
3788
  }
3782
3789
  }
@@ -5584,7 +5591,7 @@ const listbox = plugin__default.withOptions(
5584
5591
  [`@apply h-${config.button.iconBox.innerSize} w-${config.button.iconBox.innerSize}`]: {}
5585
5592
  }
5586
5593
  },
5587
- [`.${prefix}-nui-listbox-placehoolder`]: {
5594
+ [`.${prefix}-listbox-placeholder`]: {
5588
5595
  [`@apply text-${config.button.placeholder.text} dark:text-${config.button.placeholder.textDark} truncate text-${config.button.placeholder.textPosition}`]: {}
5589
5596
  }
5590
5597
  },
@@ -7159,7 +7166,7 @@ const defaultRadioConfig = {
7159
7166
  size: "5"
7160
7167
  },
7161
7168
  labelText: {
7162
- text: "danger-400",
7169
+ text: "muted-400",
7163
7170
  textSize: "sm",
7164
7171
  font: "sans"
7165
7172
  },
@@ -7256,6 +7263,50 @@ const radio = plugin__default.withOptions(
7256
7263
  }
7257
7264
  );
7258
7265
 
7266
+ const defaultRadioHeadlessConfig = {
7267
+ label: {
7268
+ text: "muted-400",
7269
+ textSize: "sm",
7270
+ font: "sans"
7271
+ },
7272
+ input: {
7273
+ size: "full"
7274
+ }
7275
+ };
7276
+ const radioHeadless = plugin__default.withOptions(
7277
+ function(options) {
7278
+ const { prefix } = defu.defu(options, defaultPluginOptions);
7279
+ return function({ addComponents, theme }) {
7280
+ const config = theme(
7281
+ "shurikenUi.radioHeadless"
7282
+ );
7283
+ addComponents({
7284
+ [`.${prefix}-radio-headless`]: {
7285
+ [`@apply relative`]: {},
7286
+ [`.${prefix}-radio-headless-label`]: {
7287
+ [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
7288
+ },
7289
+ [`.${prefix}-radio-headless-inner`]: {
7290
+ [`@apply relative`]: {},
7291
+ [`.${prefix}-radio-headless-input`]: {
7292
+ [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
7293
+ }
7294
+ }
7295
+ }
7296
+ });
7297
+ };
7298
+ },
7299
+ function() {
7300
+ return {
7301
+ theme: {
7302
+ shurikenUi: {
7303
+ radioHeadless: defaultRadioHeadlessConfig
7304
+ }
7305
+ }
7306
+ };
7307
+ }
7308
+ );
7309
+
7259
7310
  const defaultSelectConfig = {
7260
7311
  labelFloat: {
7261
7312
  text: "primary-500",
@@ -7962,12 +8013,12 @@ const switchBall = plugin__default.withOptions(
7962
8013
  [`.${prefix}-switch-ball-single-label`]: {
7963
8014
  [`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
7964
8015
  },
7965
- [`.${prefix}-switch-dual-label`]: {
8016
+ [`.${prefix}-switch-ball-dual-label`]: {
7966
8017
  [`@apply ms-3`]: {},
7967
- [`.${prefix}-switch-label`]: {
8018
+ [`.${prefix}-switch-ball-label`]: {
7968
8019
  [`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
7969
8020
  },
7970
- [`.${prefix}-switch-sublabel`]: {
8021
+ [`.${prefix}-switch-ball-sublabel`]: {
7971
8022
  [`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
7972
8023
  }
7973
8024
  },
@@ -8078,12 +8129,12 @@ const switchThin = plugin__default.withOptions(
8078
8129
  [`.${prefix}-switch-thin-single-label`]: {
8079
8130
  [`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
8080
8131
  },
8081
- [`.${prefix}-switch-dual-label`]: {
8132
+ [`.${prefix}-switch-thin-dual-label`]: {
8082
8133
  [`@apply ms-3`]: {},
8083
- [`.${prefix}-switch-label`]: {
8134
+ [`.${prefix}-switch-thin-label`]: {
8084
8135
  [`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
8085
8136
  },
8086
- [`.${prefix}-switch-sublabel`]: {
8137
+ [`.${prefix}-switch-thin-sublabel`]: {
8087
8138
  [`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
8088
8139
  }
8089
8140
  },
@@ -8943,6 +8994,9 @@ const textarea = plugin__default.withOptions(
8943
8994
  [`@apply ${prefix}-focus w-${config.textarea.size}`]: {},
8944
8995
  [`&:focus-visible ~ .${prefix}-label-float`]: {
8945
8996
  [`@apply !text-${config.textarea.focusVisible.labelFloat.text} dark:!text-${config.textarea.focusVisible.labelFloat.textDark}`]: {}
8997
+ },
8998
+ [`&.${prefix}-textarea-focus`]: {
8999
+ [`@apply focus:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
8946
9000
  }
8947
9001
  },
8948
9002
  [`.${prefix}-textarea-error-text`]: {
@@ -9030,9 +9084,6 @@ const textarea = plugin__default.withOptions(
9030
9084
  [`@apply !border-${config.textarea.error.border} dark:!border-${config.textarea.error.borderDark}`]: {}
9031
9085
  }
9032
9086
  },
9033
- [`&.${prefix}-textarea-focus`]: {
9034
- [`@apply focus-visible:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
9035
- },
9036
9087
  [`&.${prefix}-textarea-no-resize`]: {
9037
9088
  [`.${prefix}-textarea`]: {
9038
9089
  [`@apply resize-none`]: {}
@@ -9774,6 +9825,7 @@ const components = [
9774
9825
  progress,
9775
9826
  prose,
9776
9827
  radio,
9828
+ radioHeadless,
9777
9829
  select,
9778
9830
  slimscroll,
9779
9831
  snack,
package/dist/preset.mjs CHANGED
@@ -2079,10 +2079,14 @@ const defaultButtonIconConfig = {
2079
2079
  full: "full"
2080
2080
  },
2081
2081
  default: {
2082
+ bg: "white",
2083
+ bgDark: "muted-700",
2082
2084
  bgHover: "muted-50",
2083
2085
  bgHoverDark: "muted-600",
2084
2086
  text: "muted-700",
2085
- textDark: "white"
2087
+ textDark: "white",
2088
+ border: "muted-300",
2089
+ borderDark: "muted-600"
2086
2090
  },
2087
2091
  muted: {
2088
2092
  bg: "muted-200",
@@ -2153,7 +2157,7 @@ const buttonIcon = plugin.withOptions(
2153
2157
  [`@apply !text-transparent`]: {}
2154
2158
  },
2155
2159
  [`&.${prefix}-button-default`]: {
2156
- [`@apply text-${config.default.text} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover}`]: {}
2160
+ [`@apply text-${config.default.text} bg-${config.default.bg} dark:bg-${config.default.bgDark} dark:text-${config.default.textDark} dark:hover:bg-${config.default.bgHoverDark} hover:bg-${config.default.bgHover} border border-${config.default.border} dark:border-${config.default.borderDark}`]: {}
2157
2161
  },
2158
2162
  [`&.${prefix}-button-muted`]: {
2159
2163
  [`@apply text-${config.muted.text} bg-${config.muted.bg} dark:text-${config.muted.textDark} dark:bg-${config.muted.bgDark} dark:hover:bg-${config.muted.bgHoverDark} hover:bg-${config.muted.bgHover}`]: {}
@@ -2629,7 +2633,7 @@ const button = plugin.withOptions(
2629
2633
  [`.${prefix}-button`]: {
2630
2634
  [`@apply relative font-sans font-${config.font} leading-5 no-underline inline-flex justify-center items-center space-x-1 ${prefix}-focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
2631
2635
  [`.${prefix}-button-badge`]: {
2632
- [`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1 -me-8`]: {},
2636
+ [`@apply flex absolute h-${config.badge.space} w-${config.badge.space} top-0 -end-1 -mt-1`]: {},
2633
2637
  [`.${prefix}-button-badge-pulse`]: {
2634
2638
  [`@apply absolute inline-flex h-full w-full rounded-full opacity-75`]: {}
2635
2639
  },
@@ -3588,6 +3592,9 @@ const dropdown = plugin.withOptions(
3588
3592
  [`.${prefix}-menu`]: {
3589
3593
  [`@apply relative`]: {}
3590
3594
  },
3595
+ [`.${prefix}-menu-content`]: {
3596
+ [`@apply p-2`]: {}
3597
+ },
3591
3598
  [`.${prefix}-context-button`]: {
3592
3599
  [`@apply dark:ring-offset-${config.contextButton.ringOffsetDark} inline-flex h-${config.contextButton.size} w-${config.contextButton.size} items-center justify-center rounded-${config.contextButton.rounded} ring-1 ring-transparent transition-all duration-${config.contextButton.duration} group-hover:ring-${config.contextButton.ringGroupHover}`]: {},
3593
3600
  [`.${prefix}-context-button-inner`]: {
@@ -3747,25 +3754,25 @@ const fullscreenDropfile = plugin.withOptions(
3747
3754
  function(options) {
3748
3755
  const { prefix } = defu(options, defaultPluginOptions);
3749
3756
  return function({ addComponents, theme }) {
3750
- theme(
3757
+ const config = theme(
3751
3758
  "shurikenUi.fullscreenDropfile"
3752
3759
  );
3753
3760
  addComponents({
3754
3761
  [`.${prefix}-fullscreen-dropfile`]: {
3755
3762
  [`.${prefix}-fullscreen-dropfile-outer`]: {
3756
- [`@apply ${prefix}-bg-400/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
3763
+ [`@apply bg-muted-200/20 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none`]: {}
3757
3764
  },
3758
3765
  [`.${prefix}-fullscreen-dropfile-inner`]: {
3759
3766
  [`@apply fixed inset-0 z-50`]: {},
3760
3767
  [`.${prefix}-fullscreen-dropfile-container`]: {
3761
3768
  [`@apply flex h-full flex-1 items-center justify-center`]: {},
3762
3769
  [`.${prefix}-fullscreen-dropfile-content`]: {
3763
- [`@apply border-primary-500 ${prefix}-bg-200 mx-auto flex h-[230px] w-[500px] flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
3770
+ [`@apply border-${config.border} bg-muted-200 dark:bg-muted-800 mx-auto flex h-${config.height} w-${config.width} flex-col items-center justify-center gap-6 rounded border drop-shadow-sm`]: {},
3764
3771
  [`.${prefix}-fullscreen-dropfile-icon`]: {
3765
- [`@apply text-primary-500 text-6xl`]: {}
3772
+ [`@apply text-${config.icon.text} text-${config.icon.textSize}`]: {}
3766
3773
  },
3767
3774
  [`.${prefix}-fullscreen-dropfile-label`]: {
3768
- [`@apply text-2xl`]: {}
3775
+ [`@apply text-${config.labelTextSize}`]: {}
3769
3776
  }
3770
3777
  }
3771
3778
  }
@@ -5573,7 +5580,7 @@ const listbox = plugin.withOptions(
5573
5580
  [`@apply h-${config.button.iconBox.innerSize} w-${config.button.iconBox.innerSize}`]: {}
5574
5581
  }
5575
5582
  },
5576
- [`.${prefix}-nui-listbox-placehoolder`]: {
5583
+ [`.${prefix}-listbox-placeholder`]: {
5577
5584
  [`@apply text-${config.button.placeholder.text} dark:text-${config.button.placeholder.textDark} truncate text-${config.button.placeholder.textPosition}`]: {}
5578
5585
  }
5579
5586
  },
@@ -7148,7 +7155,7 @@ const defaultRadioConfig = {
7148
7155
  size: "5"
7149
7156
  },
7150
7157
  labelText: {
7151
- text: "danger-400",
7158
+ text: "muted-400",
7152
7159
  textSize: "sm",
7153
7160
  font: "sans"
7154
7161
  },
@@ -7245,6 +7252,50 @@ const radio = plugin.withOptions(
7245
7252
  }
7246
7253
  );
7247
7254
 
7255
+ const defaultRadioHeadlessConfig = {
7256
+ label: {
7257
+ text: "muted-400",
7258
+ textSize: "sm",
7259
+ font: "sans"
7260
+ },
7261
+ input: {
7262
+ size: "full"
7263
+ }
7264
+ };
7265
+ const radioHeadless = plugin.withOptions(
7266
+ function(options) {
7267
+ const { prefix } = defu(options, defaultPluginOptions);
7268
+ return function({ addComponents, theme }) {
7269
+ const config = theme(
7270
+ "shurikenUi.radioHeadless"
7271
+ );
7272
+ addComponents({
7273
+ [`.${prefix}-radio-headless`]: {
7274
+ [`@apply relative`]: {},
7275
+ [`.${prefix}-radio-headless-label`]: {
7276
+ [`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
7277
+ },
7278
+ [`.${prefix}-radio-headless-inner`]: {
7279
+ [`@apply relative`]: {},
7280
+ [`.${prefix}-radio-headless-input`]: {
7281
+ [`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
7282
+ }
7283
+ }
7284
+ }
7285
+ });
7286
+ };
7287
+ },
7288
+ function() {
7289
+ return {
7290
+ theme: {
7291
+ shurikenUi: {
7292
+ radioHeadless: defaultRadioHeadlessConfig
7293
+ }
7294
+ }
7295
+ };
7296
+ }
7297
+ );
7298
+
7248
7299
  const defaultSelectConfig = {
7249
7300
  labelFloat: {
7250
7301
  text: "primary-500",
@@ -7951,12 +8002,12 @@ const switchBall = plugin.withOptions(
7951
8002
  [`.${prefix}-switch-ball-single-label`]: {
7952
8003
  [`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
7953
8004
  },
7954
- [`.${prefix}-switch-dual-label`]: {
8005
+ [`.${prefix}-switch-ball-dual-label`]: {
7955
8006
  [`@apply ms-3`]: {},
7956
- [`.${prefix}-switch-label`]: {
8007
+ [`.${prefix}-switch-ball-label`]: {
7957
8008
  [`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
7958
8009
  },
7959
- [`.${prefix}-switch-sublabel`]: {
8010
+ [`.${prefix}-switch-ball-sublabel`]: {
7960
8011
  [`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
7961
8012
  }
7962
8013
  },
@@ -8067,12 +8118,12 @@ const switchThin = plugin.withOptions(
8067
8118
  [`.${prefix}-switch-thin-single-label`]: {
8068
8119
  [`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
8069
8120
  },
8070
- [`.${prefix}-switch-dual-label`]: {
8121
+ [`.${prefix}-switch-thin-dual-label`]: {
8071
8122
  [`@apply ms-3`]: {},
8072
- [`.${prefix}-switch-label`]: {
8123
+ [`.${prefix}-switch-thin-label`]: {
8073
8124
  [`@apply font-${config.dualLabel.label.font} text-${config.dualLabel.label.text} block text-${config.dualLabel.label.textSize} font-${config.dualLabel.label.fontWeight} dark:text-${config.dualLabel.label.textDark}`]: {}
8074
8125
  },
8075
- [`.${prefix}-switch-sublabel`]: {
8126
+ [`.${prefix}-switch-thin-sublabel`]: {
8076
8127
  [`@apply text-${config.dualLabel.sublabel.text} block font-${config.dualLabel.sublabel.font} text-${config.dualLabel.sublabel.textSize}`]: {}
8077
8128
  }
8078
8129
  },
@@ -8932,6 +8983,9 @@ const textarea = plugin.withOptions(
8932
8983
  [`@apply ${prefix}-focus w-${config.textarea.size}`]: {},
8933
8984
  [`&:focus-visible ~ .${prefix}-label-float`]: {
8934
8985
  [`@apply !text-${config.textarea.focusVisible.labelFloat.text} dark:!text-${config.textarea.focusVisible.labelFloat.textDark}`]: {}
8986
+ },
8987
+ [`&.${prefix}-textarea-focus`]: {
8988
+ [`@apply focus:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
8935
8989
  }
8936
8990
  },
8937
8991
  [`.${prefix}-textarea-error-text`]: {
@@ -9019,9 +9073,6 @@ const textarea = plugin.withOptions(
9019
9073
  [`@apply !border-${config.textarea.error.border} dark:!border-${config.textarea.error.borderDark}`]: {}
9020
9074
  }
9021
9075
  },
9022
- [`&.${prefix}-textarea-focus`]: {
9023
- [`@apply focus-visible:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]: {}
9024
- },
9025
9076
  [`&.${prefix}-textarea-no-resize`]: {
9026
9077
  [`.${prefix}-textarea`]: {
9027
9078
  [`@apply resize-none`]: {}
@@ -9763,6 +9814,7 @@ const components = [
9763
9814
  progress,
9764
9815
  prose,
9765
9816
  radio,
9817
+ radioHeadless,
9766
9818
  select,
9767
9819
  slimscroll,
9768
9820
  snack,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.0.0-beta.2",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",