@maccesar/titools 2.2.12 → 2.3.0

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.
Files changed (98) hide show
  1. package/README.md +255 -713
  2. package/bin/titools.js +1 -1
  3. package/lib/commands/update.js +5 -6
  4. package/lib/config.js +1 -0
  5. package/lib/downloader.js +10 -0
  6. package/package.json +1 -1
  7. package/skills/alloy-guides/SKILL.md +46 -48
  8. package/skills/alloy-guides/references/CONTROLLERS.md +4 -6
  9. package/skills/alloy-guides/references/MODELS.md +340 -184
  10. package/skills/alloy-guides/references/VIEWS_DYNAMIC.md +3 -4
  11. package/skills/alloy-guides/references/VIEWS_STYLES.md +44 -46
  12. package/skills/alloy-guides/references/VIEWS_WITHOUT_CONTROLLERS.md +4 -5
  13. package/skills/alloy-guides/references/VIEWS_XML.md +51 -17
  14. package/skills/alloy-guides/references/WIDGETS.md +1 -1
  15. package/skills/alloy-howtos/SKILL.md +12 -13
  16. package/skills/alloy-howtos/references/cli_reference.md +40 -41
  17. package/skills/alloy-howtos/references/samples.md +3 -4
  18. package/skills/purgetss/SKILL.md +369 -356
  19. package/skills/purgetss/references/EXAMPLES.md +24 -25
  20. package/skills/purgetss/references/animation-advanced.md +555 -0
  21. package/skills/purgetss/references/animation-system.md +395 -995
  22. package/skills/purgetss/references/apply-directive.md +111 -141
  23. package/skills/purgetss/references/arbitrary-values.md +206 -480
  24. package/skills/purgetss/references/class-categories.md +277 -0
  25. package/skills/purgetss/references/class-index.md +1 -420
  26. package/skills/purgetss/references/cli-commands.md +446 -556
  27. package/skills/purgetss/references/configurable-properties.md +163 -599
  28. package/skills/purgetss/references/custom-rules.md +33 -76
  29. package/skills/purgetss/references/customization-deep-dive.md +319 -518
  30. package/skills/purgetss/references/dynamic-component-creation.md +33 -37
  31. package/skills/purgetss/references/grid-layout.md +42 -371
  32. package/skills/purgetss/references/icon-fonts.md +82 -475
  33. package/skills/purgetss/references/installation-setup.md +159 -331
  34. package/skills/purgetss/references/migration-guide.md +54 -109
  35. package/skills/purgetss/references/opacity-modifier.md +25 -222
  36. package/skills/purgetss/references/performance-tips.md +2 -2
  37. package/skills/purgetss/references/platform-modifiers.md +21 -407
  38. package/skills/purgetss/references/tikit-components.md +237 -104
  39. package/skills/purgetss/references/titanium-resets.md +20 -21
  40. package/skills/purgetss/references/ui-ux-design.md +171 -1702
  41. package/skills/ti-api/SKILL.md +109 -0
  42. package/skills/ti-api/references/api-android.md +675 -0
  43. package/skills/ti-api/references/api-app-platform.md +636 -0
  44. package/skills/ti-api/references/api-core.md +764 -0
  45. package/skills/ti-api/references/api-data-network.md +641 -0
  46. package/skills/ti-api/references/api-media.md +655 -0
  47. package/skills/ti-api/references/api-modules-ble-bluetooth.md +657 -0
  48. package/skills/ti-api/references/api-modules-coremotion-urlsession.md +411 -0
  49. package/skills/ti-api/references/api-modules-map.md +632 -0
  50. package/skills/ti-api/references/api-modules-nfc.md +725 -0
  51. package/skills/ti-api/references/api-modules-social-misc.md +526 -0
  52. package/skills/ti-api/references/api-services.md +700 -0
  53. package/skills/ti-api/references/api-ui-android.md +499 -0
  54. package/skills/ti-api/references/api-ui-extras.md +702 -0
  55. package/skills/ti-api/references/api-ui-ios-animator.md +378 -0
  56. package/skills/ti-api/references/api-ui-ios.md +756 -0
  57. package/skills/ti-api/references/api-ui-lists.md +581 -0
  58. package/skills/ti-api/references/api-ui-text-input.md +607 -0
  59. package/skills/ti-api/references/api-ui-views.md +572 -0
  60. package/skills/ti-api/references/api-ui-windows-navigation.md +676 -0
  61. package/skills/ti-api/references/api-xml-global.md +743 -0
  62. package/skills/ti-expert/SKILL.md +46 -45
  63. package/skills/ti-expert/references/adaptive-layouts.md +414 -0
  64. package/skills/ti-expert/references/alloy-builtins.md +16 -20
  65. package/skills/ti-expert/references/alloy-structure.md +40 -42
  66. package/skills/ti-expert/references/anti-patterns.md +34 -0
  67. package/skills/ti-expert/references/code-conventions.md +5 -3
  68. package/skills/ti-expert/references/error-handling.md +14 -7
  69. package/skills/ti-expert/references/examples.md +4 -2
  70. package/skills/ti-expert/references/performance-optimization.md +26 -24
  71. package/skills/ti-expert/references/security-device.md +17 -14
  72. package/skills/ti-expert/references/security-fundamentals.md +60 -101
  73. package/skills/ti-expert/references/state-management.md +15 -14
  74. package/skills/ti-expert/references/testing-e2e-ci.md +30 -21
  75. package/skills/ti-expert/references/theming.md +12 -20
  76. package/skills/ti-guides/SKILL.md +13 -17
  77. package/skills/ti-guides/references/advanced-data-and-images.md +30 -10
  78. package/skills/ti-guides/references/application-frameworks.md +3 -3
  79. package/skills/ti-guides/references/coding-best-practices.md +31 -2
  80. package/skills/ti-guides/references/commonjs-advanced.md +46 -4
  81. package/skills/ti-guides/references/hello-world.md +9 -13
  82. package/skills/ti-guides/references/hyperloop-native-access.md +4 -1
  83. package/skills/ti-guides/references/javascript-primer.md +13 -5
  84. package/skills/ti-guides/references/resources.md +0 -2
  85. package/skills/ti-guides/references/style-and-conventions.md +1 -0
  86. package/skills/ti-guides/references/tiapp-config.md +0 -32
  87. package/skills/ti-howtos/SKILL.md +43 -45
  88. package/skills/ti-howtos/references/buffer-codec-streams.md +25 -3
  89. package/skills/ti-howtos/references/debugging-profiling.md +14 -25
  90. package/skills/ti-howtos/references/google-maps-v2.md +3 -3
  91. package/skills/ti-howtos/references/ios-map-kit.md +8 -1
  92. package/skills/ti-howtos/references/notification-services.md +0 -1
  93. package/skills/ti-howtos/references/webpack-build-pipeline.md +3 -0
  94. package/skills/ti-ui/SKILL.md +47 -49
  95. package/skills/ti-ui/references/application-structures.md +3 -2
  96. package/skills/ti-ui/references/orientation.md +17 -9
  97. package/skills/ti-ui/references/platform-ui-ios.md +63 -0
  98. package/skills/ti-ui/references/scrolling-views.md +39 -0
package/skills/purgetss/references/class-index.md CHANGED
@@ -755,426 +755,7 @@ The following properties have PurgeTSS utility classes. Each property name conve
755
755
 
756
756
  ---
757
757
 
758
- ## Class Categories by Prefix (Complete Inventory)
759
-
760
- ### Layout & Structure
761
-
762
- | Prefix | Count | Examples |
763
- | ------------- | ----- | -------------------------------------------------------- |
764
- | `horizontal` | 1 | `horizontal` |
765
- | `vertical` | 1 | `vertical` |
766
- | `composite` | 1 | `composite` (default, omit class) |
767
- | `grid` | 1 | `grid` |
768
- | `grid-cols-*` | ~12 | `grid-cols-2`, `grid-cols-3`, etc. |
769
- | `col-*` | ~24 | `col-1/2`, `col-2/3`, etc. (percentages) |
770
- | `row-*` | ~55 | `row-*` (grid row related) |
771
- | `wh-` | ~60 | `wh-0`, `wh-auto`, `wh-screen`, `wh-full`, `wh-1/2` |
772
- | `w-` | ~60 | `w-0` to `w-96`, `w-auto`, `w-screen`, `w-full`, `w-1/2` |
773
- | `h-` | ~60 | `h-0` to `h-96`, `h-auto`, `h-screen`, `h-full`, `h-1/2` |
774
- | `content-*` | ~20 | `content-h-*`, `content-w-*` |
775
- | `aspect-*` | 2 | `aspect-ratio-16-9`, `aspect-ratio-4-3` |
776
-
777
- **Important: `w-full` vs `w-screen`**
778
- - `w-full` → `width: '100%'` — 100% of parent container
779
- - `w-screen` → `width: Ti.UI.FILL` — Fills all available space in parent
780
- - `h-full` → `height: '100%'` — 100% of parent container
781
- - `h-screen` → `height: Ti.UI.FILL` — Fills all available space in parent
782
- - `wh-full` → Both `'100%'` |
783
-
784
- ### Spacing (Margins & Padding)
785
-
786
- | Prefix | Count | Examples |
787
- | ----------- | ----- | --------------------------------------------------- |
788
- | `m-` | ~80 | `m-0` to `m-96`, `m-auto`, `m-1/2`, `m-px`, `m-0.5` |
789
- | `mt-` | ~80 | `mt-0` to `mt-96`, `mt-auto`, `mt-1/2`, `mt-px` |
790
- | `mb-` | ~80 | `mb-0` to `mb-96`, `mb-auto`, `mb-1/2`, `mb-px` |
791
- | `ml-` | ~80 | `ml-0` to `ml-96`, `ml-auto`, `ml-1/2`, `ml-px` |
792
- | `mr-` | ~80 | `mr-0` to `mr-96`, `mr-auto`, `mr-1/2`, `mr-px` |
793
- | `mx-` | ~80 | `mx-0` to `mx-96`, `mx-auto`, `mx-1/2`, `mx-px` |
794
- | `my-` | ~80 | `my-0` to `my-96`, `my-auto`, `my-1/2`, `my-px` |
795
- | `p-` | ~80 | `p-0` to `p-96`, `p-auto`, `p-1/2`, `p-px` |
796
- | `pt-` | ~80 | `pt-0` to `pt-96`, `pt-auto`, `pt-1/2`, `pt-px` |
797
- | `pb-` | ~80 | `pb-0` to `pb-96`, `pb-auto`, `pb-1/2`, `pb-px` |
798
- | `pl-` | ~80 | `pl-0` to `pl-96`, `pl-auto`, `pl-1/2`, `pl-px` |
799
- | `pr-` | ~80 | `pr-0` to `pr-96`, `pr-auto`, `pr-1/2`, `pr-px` |
800
- | `px-` | ~80 | `px-0` to `px-96`, `px-auto`, `px-1/2`, `px-px` |
801
- | `py-` | ~80 | `py-0` to `py-96`, `py-auto`, `py-1/2`, `py-px` |
802
- | `gap-` | ~60 | `gap-0` to `gap-96`, `gap-px`, fractions |
803
- | `padding-*` | ~155 | `padding-top-*`, `padding-bottom-*`, etc. |
804
-
805
- ### Positioning
806
-
807
- | Prefix | Count | Examples |
808
- | ------------ | ----- | ------------------------------------------------------------------- |
809
- | `top-` | ~60 | `top-0` to `top-96`, `top-auto`, `top-1/2`, `top-px` |
810
- | `right-` | ~60 | `right-0` to `right-96`, `right-auto`, `right-1/2`, `right-px` |
811
- | `bottom-` | ~60 | `bottom-0` to `bottom-96`, `bottom-auto`, `bottom-1/2`, `bottom-px` |
812
- | `left-` | ~60 | `left-0` to `left-96`, `left-auto`, `left-1/2`, `left-px` |
813
- | `inset-*` | ~20 | `inset-*` (all sides) |
814
- | `position-*` | ~5 | Various position utilities |
815
-
816
- ### Colors (Background)
817
-
818
- | Prefix | Count | Examples |
819
- | -------------------- | --------- | ------------------------------------------------------------------------------ |
820
- | `bg-` | **1,688** | `bg-white`, `bg-gray-*` (50-950), all 22 Tailwind colors |
821
- | | | Each color has 11 shades: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 |
822
- | | | Plus: `bg-black`, `bg-white`, `bg-transparent`, `bg-translucent` |
823
- | `active-tint-*` | ~24 | `active-tint-*` (all colors) |
824
- | `selected-bg-*` | ~264 | `selected-bg-*` (selected state backgrounds) |
825
- | `badge-bg-*` | ~264 | `badge-bg-*` (badge backgrounds) |
826
- | `title-bg-*` | ~264 | `title-bg-*` (title backgrounds) |
827
- | `tabs-bg-*` | ~264 | `tabs-bg-*` (tab backgrounds) |
828
- | `keyboard-toolbar-*` | ~285 | `keyboard-toolbar-*` colors + heights |
829
- | `thumb-*` | ~264 | `thumb-*` colors (sliders) |
830
- | `track-*` | ~264 | `track-*` colors (sliders) |
831
- | `status-bar-bg-*` | ~264 | `status-bar-bg-*` (status bar) |
832
- | `nav-*` | ~492 | `nav-bg-*`, `nav-tint-*` (navigation) |
833
- | `tint-*` | ~490 | `tint-*` colors (UI tinting) |
834
- | `placeholder-*` | ~245 | `placeholder-*` colors |
835
- | `hint-*` | ~247 | `hint-*` colors |
836
- | `subtitle-*` | ~490 | `subtitle-*` colors |
837
- | `bar-*` | ~245 | `bar-bg-*`, `bar-color-*` |
838
- | `separator-*` | ~278 | `separator-*` colors |
839
- | `indicator-*` | ~245 | `indicator-*` colors |
840
- | `disabled-*` | ~245 | `disabled-*` colors (disabled state) |
841
- | `highlighted-*` | ~245 | `highlighted-*` colors |
842
-
843
- ### Colors (Text & Foreground)
844
-
845
- | Prefix | Count | Examples |
846
- | ------------ | --------- | ------------------------------------------------------------------- |
847
- | `text-` | **273** | `text-white`, `text-gray-*` (50-950), `text-center/left/right` |
848
- | | | Text sizes: `text-xs`, `text-sm`, `text-base`, `text-lg`, `text-xl` |
849
- | `title-*` | **1,019** | `title-*`, `title-attributes-*`, `title-color-*` |
850
- | `selected-*` | **1,471** | `selected-*`, `selected-bg-*`, `selected-color-*` |
851
- | `badge-*` | **735** | `badge-*`, `badge-bg-*`, `badge-color-*` |
852
- | `colors-*` | ~245 | `colors-*` (picker colors) |
853
- | `color-*` | ~245 | `color-*` variants |
854
-
855
- ### Borders & Radius
856
-
857
- | Prefix | Count | Examples |
858
- | ----------- | ------- | ---------------------------------------------------------- |
859
- | `border-` | **303** | `border-0`, `border-(1)`, `border-gray-*` colors |
860
- | | | `border-t-*`, `border-r-*`, `border-b-*`, `border-l-*` |
861
- | `rounded-*` | **455** | `rounded-none`, `rounded-sm`, `rounded-lg` |
862
- | | | `rounded-full-*` (with size: `rounded-full-12`) |
863
- | | | `rounded-t-*`, `rounded-r-*`, `rounded-b-*`, `rounded-l-*` |
864
-
865
- ### Typography
866
-
867
- | Prefix | Count | Examples |
868
- | --------------------- | ----- | ------------------------------------------------------------ |
869
- | `text-*` | 273 | Text colors, sizes, alignment |
870
- | `font-*` | 9 | `font-thin`, `font-light`, `font-normal`, `font-medium` |
871
- | | | `font-semibold`, `font-bold`, `font-extrabold`, `font-black` |
872
- | `line-h-multiple-*` | ~85 | Line height as multiple |
873
- | `line-spacing-*` | ~85 | Line spacing |
874
- | `line-break-mode-*` | 7 | `line-break-mode-attribute-by-word-wrapping`, etc. |
875
- | `letter-spacing-*` | ~85 | Letter spacing values |
876
- | `paragraph-spacing-*` | ~120 | Paragraph spacing |
877
- | `ellipsize-*` | ~18 | `ellipsize-*` (text truncation) |
878
-
879
- ### Accessibility
880
-
881
- | Prefix | Count | Examples |
882
- | ----------------- | ----- | ---------------------------------------------------------------------------- |
883
- | `accessibility-*` | 7 | `accessibility-enabled`, `accessibility-enabled-false` |
884
- | | | `accessibility-hidden`, `accessibility-hidden-false` |
885
- | | | `accessibility-disable-long-press`, `accessibility-disable-long-press-false` |
886
-
887
- ### Input & Keyboard
888
-
889
- | Prefix | Count | Examples |
890
- | ----------------------- | ------- | -------------------------------------------------------------------------- |
891
- | `keyboard-*` | **297** | `keyboard-type-*`, `keyboard-appearance-*` |
892
- | `keyboard-type-*` | 11 | `email`, `number-pad`, `phone-pad`, `url`, `decimal-pad` |
893
- | | | `twitter`, `websearch`, `ascii`, `namephone-pad` |
894
- | | | `numbers-punctuation` |
895
- | `return-key-type-*` | 12 | `next`, `done`, `go`, `search`, `send`, `continue` |
896
- | | | `route`, `join`, `yahoo`, `google`, `emergency-call`, `returnkey` |
897
- | `keyboard-appearance-*` | 3 | `keyboard-appearance`, `dark`, `light` |
898
- | `keyboard-toolbar-*` | ~285 | `keyboard-toolbar-*` (colors, heights) |
899
- | `keyboard-visible-*` | 2 | `keyboard-visible`, `keyboard-visible-false` |
900
- | `autocapitalization-*` | 4 | `autocapitalization-text-all`, `text-none`, `text-sentences`, `text-words` |
901
- | `autocorrect` | 2 | `autocorrect`, `autocorrect-false` |
902
- | `autofill-*` | 32 | `autofill-*` variants |
903
-
904
- ### Boolean & State Classes
905
-
906
- | Property | Classes | Pattern |
907
- | --------------------- | -------------------------------------------------- | ----------------------------------- |
908
- | `editable` | `editable`, `editable-false` | Boolean |
909
- | `enabled` | `enabled`, `enabled-false` | Boolean |
910
- | `visible` | `visible`, `visible-false`, `hidden` | Boolean |
911
- | `selectable` | `selectable`, `selectable-false` | Boolean |
912
- | `scrolling` | `scrolling-enabled`, `scrolling-enabled-false` | Boolean |
913
- | `scrollable` | `scrollable` | Boolean |
914
- | `zoom` | `zoom-enabled`, `zoom-enabled-false` | Boolean |
915
- | `touch` | `touch-enabled`, `touch-enabled-false` | Boolean |
916
- | `clip` | `clip-enabled`, `clip-enabled-false` | Boolean (iOS) |
917
- | `interactive-dismiss` | `interactive-dismiss-mode-enabled`, `*-false` | Boolean (iOS) |
918
- | `large-title` | `large-title-enabled`, `large-title-enabled-false` | Boolean (iOS) |
919
- | `overlay` | `overlay-enabled`, `overlay-enabled-false` | Boolean (iOS) |
920
- | `toolbar` | `toolbar-enabled`, `toolbar-enabled-false` | Boolean |
921
- | `submit` | `submit-enabled`, `submit-enabled-false` | Boolean |
922
- | `active` | `active`, `active-false` | Boolean |
923
- | `modal` | `modal` | Boolean |
924
- | `animated` | `animated` | Boolean |
925
- | `focusable` | `focusable` | Boolean |
926
- | `checkable` | `checkable` | Boolean |
927
- | `checked` | `checked` | Boolean |
928
- | `cancelable` | `cancelable` | Boolean |
929
- | `canceled` | `canceled` | Boolean |
930
- | `closed` | `closed` | Boolean |
931
- | `compact` | `compact` | Boolean |
932
- | `connected` | `connected` | Boolean |
933
- | `continuous` | `continuous` | Boolean |
934
- | `debug` | `debug` | Boolean |
935
- | `destructive` | `destructive` | Boolean |
936
- | `editable` | `editable`, `editable-false` | Boolean |
937
- | `editing` | `editing` | Boolean |
938
- | `enabled` | `enabled`, `enabled-false` | Boolean |
939
- | `exact` | `exact` | Boolean |
940
- | `experimental` | `experimental` | Boolean |
941
- | `hidden` | `hidden` | Boolean (alias for `visible-false`) |
942
- | `hires` | `hires` | Boolean |
943
- | `html` | `html` | Boolean |
944
- | `httponly` | `httponly` | Boolean |
945
- | `iconified` | `iconified` | Boolean |
946
- | `interactive` | `interactive` | Boolean |
947
- | `loading` | `loading` | Boolean |
948
- | `looping` | `looping` | Boolean |
949
- | `modal` | `modal` | Boolean |
950
- | `moveable` | `moveable` | Boolean |
951
- | `moving` | `moving` | Boolean |
952
- | `numeric` | `numeric` | Boolean |
953
- | `online` | `online` | Boolean |
954
- | `opaque` | `opaque` | Boolean |
955
- | `opaquebackground` | `opaquebackground` | Boolean |
956
- | `persistent` | `persistent` | Boolean |
957
- | `portrait` | `portrait` | Boolean |
958
- | `recording` | `recording` | Boolean |
959
- | `reverse` | `reverse` | Boolean |
960
- | `running` | `running` | Boolean |
961
- | `scrollable` | `scrollable` | Boolean |
962
- | `secure` | `secure` | Boolean |
963
- | `selected` | `selected` (also has color variants) | Boolean |
964
- | `sorted` | `sorted` | Boolean |
965
- | `stopped` | `stopped` | Boolean |
966
- | `success` | `success` | Boolean |
967
- | `swipeable` | `swipeable` | Boolean |
968
- | `translucent` | `translucent` | Boolean |
969
- | `transparent` | `transparent` | Boolean |
970
- | `unique` | `unique` | Boolean |
971
- | `uppercase` | `uppercase` | Boolean (also text transform) |
972
- | `visible` | `visible`, `visible-false` | Boolean |
973
- | `wraps` | `wraps` | Boolean |
974
- | `wobble` | `wobble` | Boolean |
975
-
976
- ### Text Transformation
977
-
978
- | Class | Property | Value |
979
- | ------------- | ------------------ | --------------------------------- |
980
- | `uppercase` | autocapitalization | TEXT_AUTOCAPITALIZATION_ALL |
981
- | `capitalize` | autocapitalization | TEXT_AUTOCAPITALIZATION_WORDS |
982
- | `sentences` | autocapitalization | TEXT_AUTOCAPITALIZATION_SENTENCES |
983
- | `normal-case` | autocapitalization | TEXT_AUTOCAPITALIZATION_NONE |
984
-
985
- **Note:** Use `autocapitalization-*` classes for explicit control, or single-word shortcuts.
986
-
987
- ### Opacity
988
-
989
- | Pattern | Examples |
990
- | ----------- | --------------------------------------------------------------------- |
991
- | `opacity-*` | `opacity-0`, `opacity-5`, `opacity-10` ... `opacity-100` (23 classes) |
992
- | | Also: `opacity-to-0`, `opacity-to-100` |
993
-
994
- ### Transformation & Animation
995
-
996
- | Prefix | Count | Examples |
997
- | ------------ | ----- | ----------------------------------------------------------------- |
998
- | `rotate-*` | 14 | `rotate-0`, `rotate-1`, `rotate-2`, `rotate-3`, `rotate-6` |
999
- | | | `rotate-12`, `rotate-45`, `rotate-90`, `rotate-135`, `rotate-180` |
1000
- | | | `rotate-225`, `rotate-270`, `rotate-315`, `rotate-360` |
1001
- | `scale-*` | 15 | `scale-0`, `scale-5` to `scale-200` |
1002
- | `scale-x-*` | 15 | `scale-x-0`, `scale-x-5` to `scale-x-200` |
1003
- | `scale-y-*` | 15 | `scale-y-0`, `scale-y-5` to `scale-y-200` |
1004
- | `origin-*` | ~9 | `origin-center`, `origin-top-left`, etc. |
1005
- | `duration-*` | 22 | `duration-0`, `duration-50` to `duration-5000` |
1006
- | `delay-*` | 22 | `delay-0`, `delay-50` to `delay-5000` |
1007
- | `repeat-*` | ~31 | `repeat-*` variants |
1008
-
1009
- ### Shadows & Elevation
1010
-
1011
- | Prefix | Count | Examples |
1012
- | ------------- | ------- | ------------------------------------------------------------------------ |
1013
- | `shadow-*` | **285** | `shadow-none`, `shadow-sm`, `shadow-md`, `shadow-lg` |
1014
- | | | `shadow-xl`, `shadow-2xl`, `shadow-xs`, `shadow-inner`, `shadow-outline` |
1015
- | | | `shadow-*` (all colors), `shadow-radius-*` |
1016
- | `elevation-*` | 29 | `elevation-0` to `elevation-96` (Android only) |
1017
- | | | `elevation-px` |
1018
-
1019
- ### Z-Index & Overflow
1020
-
1021
- | Prefix | Count | Examples |
1022
- | ------------ | ----- | ---------------------------------------- |
1023
- | `z-index-*` | 6 | `z-index-0` to `z-index-50` |
1024
- | `overflow-*` | 6 | `overflow-hidden`, `overflow-scroll` |
1025
- | | | `overflow-x-hidden`, `overflow-x-scroll` |
1026
- | | | `overflow-y-hidden`, `overflow-y-scroll` |
1027
-
1028
- ### Status Bar & Navigation
1029
-
1030
- | Prefix | Count | Examples |
1031
- | -------------- | ------- | ---------------------------------------------- |
1032
- | `status-bar-*` | **563** | `status-bar-*`, `status-bar-bg-*` (all colors) |
1033
- | | | `status-bar-*-gray-*` (all states + colors) |
1034
- | `tabs-*` | **492** | `tabs-bg-*`, `tabs-tint-*` |
1035
- | `nav-*` | **492** | `nav-bg-*`, `nav-tint-*` |
1036
-
1037
- ### UI Component States
1038
-
1039
- | Prefix | Count | Examples |
1040
- | --------------- | --------- | -------------------------------------------------------------- |
1041
- | `selected-*` | **1,471** | `selected-*`, `selected-bg-*`, `selected-color-*` (all colors) |
1042
- | `badge-*` | **735** | `badge-*`, `badge-bg-*`, `badge-color-*` |
1043
- | `title-*` | **1,019** | `title-*`, `title-attributes-*`, `title-bg-*` |
1044
- | `disabled-*` | **245** | `disabled-*`, `disabled-bg-*`, `disabled-color-*` |
1045
- | `highlighted-*` | **245** | `highlighted-*` colors |
1046
- | `pull-*` | **245** | `pull-*` (pull-to-refresh colors) |
1047
- | `results-*` | **492** | `results-*` (search results styling) |
1048
- | `on-*` | **490** | `on-*` (switch/toggle "on" state) |
1049
-
1050
- ### Display & Sizing
1051
-
1052
- | Prefix | Count | Examples |
1053
- | ----------- | ----- | ------------------------------------ |
1054
- | `display-*` | ~5 | `display-*` variants |
1055
- | `size-*` | ~60 | `size-*` (component sizing) |
1056
- | `min-*` | ~73 | `minimum-*`, `min-*` (minimum sizes) |
1057
- | `max-*` | ~91 | `maximum-*`, `max-*` (maximum sizes) |
1058
-
1059
- ### Media & Video
1060
-
1061
- | Prefix | Count | Examples |
1062
- | ----------- | ----- | --------------------------------- |
1063
- | `media-*` | ~23 | `media-*` (media control styling) |
1064
- | `video-*` | ~5 | `video-*` properties |
1065
- | `audio-*` | ~15 | `audio-*` properties |
1066
- | `picture-*` | ~5 | `picture-*` properties |
1067
-
1068
- ### Other Special Prefixes
1069
-
1070
- | Prefix | Count | Usage |
1071
- | -------------- | ----- | -------------------------------------------- |
1072
- | `allows-*` | ~14 | `allows-*`, `allows-*-*-false` (permissions) |
1073
- | `can-*` | ~14 | `can-*` (capability queries) |
1074
- | `has-*` | ~12 | `has-*` (state queries) |
1075
- | `is-*` | ~26 | `is-*` (state queries) |
1076
- | `no-*` | ~10 | `no-*` (negations) |
1077
- | `not-*` | ~5 | `not-*` (negations) |
1078
- | `show-*` | ~30 | `show-*`, `shows-*` (visibility control) |
1079
- | `hide-*` | ~10 | `hide-*`, `hides-*` (visibility control) |
1080
- | `cache-*` | ~15 | `cache-*` (caching behavior) |
1081
- | `autohide` | 2 | `autohide`, `autohide-false` |
1082
- | `autoplay` | 2 | `autoplay`, `autoplay-false` |
1083
- | `autorepeat` | 2 | `autorepeat`, `autorepeat-false` |
1084
- | `autoreverse` | 2 | `autoreverse`, `autoreverse-false` |
1085
- | `autorotate` | 2 | `autorotate`, `autorotate-false` |
1086
- | `timeout-*` | ~22 | `timeout-*` (timeout values) |
1087
- | `count-*` | ~23 | `count-*` (count limits) |
1088
- | `frequency-*` | ~5 | `frequency-*` (update frequency) |
1089
- | `exit-*` | ~5 | `exit-*` (exit animations) |
1090
- | `ease-*` | ~5 | `ease-*` (easing functions) |
1091
- | `curve-*` | ~5 | `curve-*` (animation curves) |
1092
- | `flip-*` | ~5 | `flip-*` (flip animations) |
1093
- | `from-*` | ~245 | `from-*` (animation from states) |
1094
- | `to-*` | ~245 | `to-*` (animation to states) |
1095
- | `dim-*` | ~5 | `dim-*` (dimming) |
1096
- | `fast-*` | ~5 | `fast-*` (fast scroll/animation) |
1097
- | `slow-*` | ~5 | `slow-*` (slow scroll/animation) |
1098
- | `smooth-*` | ~5 | `smooth-*` (smooth scrolling) |
1099
- | `keep-*` | ~5 | `keep-*` (keep state) |
1100
- | `ignore-*` | ~5 | `ignore-*` (ignore events) |
1101
- | `include-*` | ~5 | `include-*` (include in layout) |
1102
- | `extend-*` | ~10 | `extend-*` (extend regions) |
1103
- | `fixed-*` | ~5 | `fixed-*` (fixed positioning) |
1104
- | `native-*` | ~5 | `native-*` (native components) |
1105
- | `override-*` | ~5 | `override-*` (theme overrides) |
1106
- | `custom-*` | ~5 | `custom-*` (custom properties) |
1107
- | `generated-*` | ~5 | `generated-*` (generated content) |
1108
- | `group-*` | ~5 | `group-*` (grouping) |
1109
- | `grouping-*` | ~5 | `grouping-*` (grouping behavior) |
1110
- | `handle-*` | ~5 | `handle-*` (event handlers) |
1111
- | `header-*` | ~5 | `header-*` (header styling) |
1112
- | `footer-*` | ~5 | `footer-*` (footer styling) |
1113
- | `main-*` | ~5 | `main-*` (main content) |
1114
- | `manual-*` | ~5 | `manual-*` (manual control) |
1115
- | `master-*` | ~5 | `master-*` (master-detail) |
1116
- | `method-*` | ~5 | `method-*` (HTTP methods) |
1117
- | `mode-*` | ~31 | `mode-*` (display/interaction modes) |
1118
- | `multiple-*` | ~5 | `multiple-*` (multiple selection) |
1119
- | `layer-*` | ~5 | `layer-*` (layering) |
1120
- | `lazy-*` | ~5 | `lazy-*` (lazy loading) |
1121
- | `login-*` | ~26 | `login-*` (login-related) |
1122
- | `mixed-*` | ~5 | `mixed-*` (mixed content) |
1123
- | `object-*` | ~5 | `object-*` (object fit/position) |
1124
- | `in-*` | ~5 | `in-*` (insets) |
1125
- | `items-*` | ~5 | `items-*` (list items) |
1126
- | `indention-*` | ~31 | `indention-*` (text indention) |
1127
- | `outputs-*` | ~14 | `outputs-*` (output devices) |
1128
- | `inputs-*` | ~14 | `inputs-*` (input devices) |
1129
- | `override-*` | ~5 | `override-*` (property overrides) |
1130
- | `path-*` | ~5 | `path-*` (path drawing) |
1131
- | `pause-*` | ~5 | `pause-*` (pause behavior) |
1132
- | `playback-*` | ~12 | `playback-*` (media playback) |
1133
- | `pointer-*` | ~5 | `pointer-*` (pointer events) |
1134
- | `prevent-*` | ~5 | `prevent-*` (prevent defaults) |
1135
- | `proximity-*` | ~5 | `proximity-*` (sensor) |
1136
- | `prune-*` | ~5 | `prune-*` (prune content) |
1137
- | `ready-*` | ~5 | `ready-*` (ready state) |
1138
- | `remote-*` | ~5 | `remote-*` (remote images) |
1139
- | `requires-*` | ~5 | `requires-*` (requirements) |
1140
- | `role-*` | ~5 | `role-*` (accessibility roles) |
1141
- | `section-*` | ~31 | `section-*` (list sections) |
1142
- | `search-*` | ~5 | `search-*` (search UI) |
1143
- | `selection-*` | ~5 | `selection-*` (text selection) |
1144
- | `shift-*` | ~5 | `shift-*` (shift modifier) |
1145
- | `shuffle-*` | ~5 | `shuffle-*` (shuffle order) |
1146
- | `source-*` | ~5 | `source-*` (image source) |
1147
- | `split-*` | ~5 | `split-*` (split view) |
1148
- | `state-*` | ~16 | `state-*` (UI states) |
1149
- | `style-*` | ~14 | `style-*` (style variants) |
1150
- | `submit-*` | ~5 | `submit-*` (form submission) |
1151
- | `suppress-*` | ~5 | `suppress-*` | `suppresses-*` | ~5 | `suppresses-*` |
1152
- | `sustained-*` | ~5 | `sustained-*` |
1153
- | `swipe-*` | ~5 | `swipe-*` (swipe gestures) |
1154
- | `target-*` | ~120 | `target-*` (action targets) |
1155
- | `throw-*` | ~5 | `throw-*` (throw gestures) |
1156
- | `tls-*` | ~5 | `tls-*` (TLS settings) |
1157
- | `toggle-*` | ~5 | `toggle-*` (toggle behavior) |
1158
- | `toolbar-*` | ~5 | `toolbar-*` (toolbar styling) |
1159
- | `trace-*` | ~5 | `trace-*` (debug traces) |
1160
- | `update-*` | ~5 | `update-*` (update behavior) |
1161
- | `use-*` | ~5 | `use-*` (feature flags) |
1162
- | `user-*` | ~5 | `user-*` (user preferences) |
1163
- | `valid-*` | ~5 | `valid-*` (validation) |
1164
- | `validates-*` | ~5 | `validates-*` |
1165
- | `value-*` | ~10 | `value-*` (component values) |
1166
- | `view-*` | ~245 | `view-*` (view properties) |
1167
- | `visibility-*` | ~5 | `visibility-*` |
1168
- | `waits-*` | ~5 | `waits-*` (wait states) |
1169
- | `which-*` | ~5 | `which-*` (conditional) |
1170
- | `will-*` | ~5 | `will-*` (future state) |
1171
- | `upside-*` | ~5 | `upside-*` (orientation) |
1172
- | `upright-*` | ~62 | `upright-*` (orientation) |
1173
- | `save-*` | ~5 | `save-*` (save behavior) |
1174
- | `scales-*` | ~5 | `scales-*` |
1175
- | `scaling-*` | ~5 | `scaling-*` |
1176
- | `scroll-*` | ~20 | `scroll-*` |
1177
- | `scrolls-*` | ~5 | `scrolls-*` |
758
+ For the complete prefix inventory organized by category (Layout, Spacing, Colors, Typography, Accessibility, Input, Boolean states, etc.), see [class-categories.md](./class-categories.md).
1178
759
 
1179
760
  ---
1180
761