silva-ui 0.0.0-stage → 1.0.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 (92) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +226 -2
  3. package/dist/library/silva-ui.css +2 -0
  4. package/dist/library/silva-ui.js +28243 -0
  5. package/dist/types/core/Theme.d.ts +28 -0
  6. package/dist/types/core/colors/index.d.ts +9 -0
  7. package/dist/types/core/colors/radix.d.ts +1396 -0
  8. package/dist/types/core/create-theme/index.d.ts +1 -0
  9. package/dist/types/core/sprinkles.css.d.ts +921 -0
  10. package/dist/types/core/theme/index.css.d.ts +395 -0
  11. package/dist/types/core/theme/index.d.ts +10 -0
  12. package/dist/types/core/theme-builder/index.d.ts +34 -0
  13. package/dist/types/core/theme.css.d.ts +3 -0
  14. package/dist/types/core/themes/index.d.ts +283 -0
  15. package/dist/types/core/types.d.ts +16 -0
  16. package/dist/types/core/utils.d.ts +15 -0
  17. package/dist/types/display/Avatar.d.ts +16 -0
  18. package/dist/types/display/Card.d.ts +9 -0
  19. package/dist/types/display/Image.d.ts +10 -0
  20. package/dist/types/display/ListItem.d.ts +11 -0
  21. package/dist/types/display/Loader.d.ts +6 -0
  22. package/dist/types/display/Spinner.d.ts +7 -0
  23. package/dist/types/display/avatar.css.d.ts +4 -0
  24. package/dist/types/display/card.css.d.ts +5 -0
  25. package/dist/types/display/listitem.css.d.ts +7 -0
  26. package/dist/types/display/loader.css.d.ts +2 -0
  27. package/dist/types/display/spinner.css.d.ts +2 -0
  28. package/dist/types/forms/Button.d.ts +10 -0
  29. package/dist/types/forms/Checkbox.d.ts +13 -0
  30. package/dist/types/forms/Field.d.ts +9 -0
  31. package/dist/types/forms/Form.d.ts +8 -0
  32. package/dist/types/forms/Input.d.ts +14 -0
  33. package/dist/types/forms/Label.d.ts +8 -0
  34. package/dist/types/forms/Progress.d.ts +9 -0
  35. package/dist/types/forms/RadioGroup.d.ts +20 -0
  36. package/dist/types/forms/Select.d.ts +12 -0
  37. package/dist/types/forms/Slider.d.ts +16 -0
  38. package/dist/types/forms/Switch.d.ts +13 -0
  39. package/dist/types/forms/TextArea.d.ts +14 -0
  40. package/dist/types/forms/ToggleGroup.d.ts +14 -0
  41. package/dist/types/forms/button.css.d.ts +3 -0
  42. package/dist/types/forms/checkbox.css.d.ts +5 -0
  43. package/dist/types/forms/field.css.d.ts +3 -0
  44. package/dist/types/forms/form.css.d.ts +1 -0
  45. package/dist/types/forms/input.css.d.ts +2 -0
  46. package/dist/types/forms/label.css.d.ts +3 -0
  47. package/dist/types/forms/progress.css.d.ts +3 -0
  48. package/dist/types/forms/radiogroup.css.d.ts +7 -0
  49. package/dist/types/forms/select.css.d.ts +10 -0
  50. package/dist/types/forms/slider.css.d.ts +3 -0
  51. package/dist/types/forms/switch.css.d.ts +6 -0
  52. package/dist/types/forms/textarea.css.d.ts +2 -0
  53. package/dist/types/forms/togglegroup.css.d.ts +2 -0
  54. package/dist/types/index.d.ts +93 -0
  55. package/dist/types/layout/Box.d.ts +19 -0
  56. package/dist/types/layout/Separator.d.ts +7 -0
  57. package/dist/types/layout/XGroup.d.ts +5 -0
  58. package/dist/types/layout/XStack.d.ts +18 -0
  59. package/dist/types/layout/YStack.d.ts +18 -0
  60. package/dist/types/layout/separator.css.d.ts +2 -0
  61. package/dist/types/layout/stacks.css.d.ts +4 -0
  62. package/dist/types/layout/xgroup.css.d.ts +1 -0
  63. package/dist/types/overlays/Accordion.d.ts +22 -0
  64. package/dist/types/overlays/AlertDialog.d.ts +22 -0
  65. package/dist/types/overlays/ContextMenu.d.ts +20 -0
  66. package/dist/types/overlays/Dialog.d.ts +21 -0
  67. package/dist/types/overlays/Menu.d.ts +20 -0
  68. package/dist/types/overlays/Popover.d.ts +13 -0
  69. package/dist/types/overlays/Sheet.d.ts +22 -0
  70. package/dist/types/overlays/Tabs.d.ts +60 -0
  71. package/dist/types/overlays/Toast.d.ts +14 -0
  72. package/dist/types/overlays/Tooltip.d.ts +12 -0
  73. package/dist/types/overlays/accordion.css.d.ts +10 -0
  74. package/dist/types/overlays/alertdialog.css.d.ts +18 -0
  75. package/dist/types/overlays/contextmenu.css.d.ts +14 -0
  76. package/dist/types/overlays/dialog.css.d.ts +16 -0
  77. package/dist/types/overlays/menu.css.d.ts +14 -0
  78. package/dist/types/overlays/popover.css.d.ts +10 -0
  79. package/dist/types/overlays/sheet.css.d.ts +18 -0
  80. package/dist/types/overlays/tabs.css.d.ts +4 -0
  81. package/dist/types/overlays/toast.css.d.ts +14 -0
  82. package/dist/types/overlays/tooltip.css.d.ts +8 -0
  83. package/dist/types/typography/Anchor.d.ts +9 -0
  84. package/dist/types/typography/Heading.d.ts +9 -0
  85. package/dist/types/typography/Headings.d.ts +15 -0
  86. package/dist/types/typography/Paragraph.d.ts +4 -0
  87. package/dist/types/typography/SizableText.d.ts +7 -0
  88. package/dist/types/typography/Text.d.ts +7 -0
  89. package/dist/types/typography/anchor.css.d.ts +1 -0
  90. package/dist/types/typography/heading.css.d.ts +2 -0
  91. package/dist/types/typography/text.css.d.ts +4 -0
  92. package/package.json +47 -4
@@ -0,0 +1,28 @@
1
+ import { type ThemeName } from './theme.css';
2
+ import type { BaseProps } from './types';
3
+ export interface ThemeProps extends BaseProps {
4
+ /** The theme name to apply: 'light', 'dark', 'midnight', or any custom theme class name */
5
+ name?: ThemeName | string;
6
+ /** HTML element to render. Defaults to 'div'. */
7
+ as?: string;
8
+ [key: string]: any;
9
+ }
10
+ /**
11
+ * Theme — container for applying and nesting themes (sub-theming).
12
+ *
13
+ * Modeled after Tamagui's `<Theme name="...">`.
14
+ * Applies the corresponding CSS variable theme class and `data-theme` attribute.
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * <Theme name="dark">
19
+ * <Card bg="background" p="medium">
20
+ * <Text color="secondary">Dark themed card</Text>
21
+ * <Theme name="light">
22
+ * <Button>Light themed button inside dark card</Button>
23
+ * </Theme>
24
+ * </Card>
25
+ * </Theme>
26
+ * ```
27
+ */
28
+ export declare function Theme({ name, as: Tag, class: extraClass, style: inlineStyle, children, ...rest }: ThemeProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ type Shade = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
2
+ type ColorScaleName = 'amber' | 'blue' | 'bronze' | 'brown' | 'crimson' | 'cyan' | 'gold' | 'grass' | 'gray' | 'green' | 'indigo' | 'lime' | 'mauve' | 'mint' | 'olive' | 'orange' | 'pink' | 'plum' | 'purple' | 'red' | 'sage' | 'sand' | 'sky' | 'slate' | 'teal' | 'tomato' | 'violet' | 'yellow' | 'blackA' | 'whiteA';
3
+ export type ColorTokenName = `${ColorScaleName}${Shade}`;
4
+ export declare const colorTokens: Record<ColorTokenName, string>;
5
+ export declare const darkColorTokens: Record<ColorTokenName, string>;
6
+ export declare const colorScales: Record<string, string[]>;
7
+ export declare const darkColorScales: Record<string, string[]>;
8
+ export declare const colorTokenContract: Record<ColorTokenName, ''>;
9
+ export {};