kemet-ui 4.0.1 → 4.0.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.
Files changed (2) hide show
  1. package/package.json +2 -1
  2. package/types/solid.d.ts +136 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kemet-ui",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "A flexible blueprint system for UIs.",
5
5
  "watch": {
6
6
  "build": "src/**/*.*",
@@ -39,6 +39,7 @@
39
39
  "exports": {
40
40
  "./elements/*": "./dist/elements/*",
41
41
  "./types/jsx": "./types/jsx.d.ts",
42
+ "./types/solid": "./types/solid.d.ts",
42
43
  "./react": "./dist/wrappers/react.js",
43
44
  "./next": "./dist/wrappers/next.js",
44
45
  "./styles/*": "./dist/styles/*"
package/types/solid.d.ts ADDED
@@ -0,0 +1,136 @@
1
+ import { LitElement } from 'lit';
2
+ import type { JSX as SolidJSX } from 'solid-js';
3
+
4
+ import KemetAccordionClass from '../dist/elements/accordion';
5
+ import KemetAccordionPanelClass from '../dist/elements/accordion-panel';
6
+ import KemetAlertClass from '../dist/elements/alert';
7
+ import KemetAvatarClass from '../dist/elements/avatar';
8
+ import KemetBadgeClass from '../dist/elements/badge';
9
+ import KemetButtonClass from '../dist/elements/button';
10
+ import KemetCardClass from '../dist/elements/card';
11
+ import KemetCarouselClass from '../dist/elements/carousel';
12
+ import KemetCarouselCurrentClass from '../dist/elements/carousel-current';
13
+ import KemetCarouselFirstClass from '../dist/elements/carousel-first';
14
+ import KemetCarouselLastClass from '../dist/elements/carousel-last';
15
+ import KemetCarouselNextClass from '../dist/elements/carousel-next';
16
+ import KemetCarouselPrevClass from '../dist/elements/carousel-prev';
17
+ import KemetCarouselLinkClass from '../dist/elements/carousel-link';
18
+ import KemetCarouselSlideClass from '../dist/elements/carousel-slide';
19
+ import KemetCarouselTotalClass from '../dist/elements/carousel-total';
20
+ import KemetCheckboxClass from '../dist/elements/checkbox';
21
+ import KemetComboClass from '../dist/elements/combo';
22
+ import KemetCountClass from '../dist/elements/count';
23
+ import KemetDraggableClass from '../dist/elements/draggable';
24
+ import KemetDrawerClass from '../dist/elements/drawer';
25
+ import KemetFabClass from '../dist/elements/fab';
26
+ import KemetFieldClass from '../dist/elements/field';
27
+ import KemetFlipcardClass from '../dist/elements/flipcard';
28
+ import KemetFlipcardTriggerClass from '../dist/elements/flipcard-trigger';
29
+ import KemetIconBootstrapClass from '../dist/elements/icon-bootstrap';
30
+ import KemetIconLucideClass from '../dist/elements/icon-lucide';
31
+ import KemetInputClass from '../dist/elements/input';
32
+ import KemetModalClass from '../dist/elements/modal';
33
+ import KemetMultiInputClass from '../dist/elements/multi-input';
34
+ import KemetPasswordClass from '../dist/elements/password';
35
+ import KemetPopperClass from '../dist/elements/popper';
36
+ import KemetRadioClass from '../dist/elements/radio';
37
+ import KemetRotatorClass from '../dist/elements/rotator';
38
+ import KemetSelectClass from '../dist/elements/select';
39
+ import KemetScrollNavClass from '../dist/elements/scroll-nav';
40
+ import KemetScrollSnapClass from '../dist/elements/scroll-snap';
41
+ import KemetScrollSnapPaginatorClass from '../dist/elements/scroll-snap-paginator';
42
+ import KemetScrollSnapSlideClass from '../dist/elements/scroll-snap-slide';
43
+ import KemetSortableClass from '../dist/elements/sortable';
44
+ import KemetSvgs from '../dist/elements/svgs';
45
+ import KemetTabClass from '../dist/elements/tab';
46
+ import KemetTabPanelClass from '../dist/elements/tab-panel';
47
+ import KemetTabsClass from '../dist/elements/tabs';
48
+ import KemetTextareaClass from '../dist/elements/textarea';
49
+ import KemetTimerClass from '../dist/elements/timer';
50
+ import KemetToggleClass from '../dist/elements/toggle';
51
+ import KemetTooltipClass from '../dist/elements/tooltip';
52
+ import KemetTrackerClass from '../dist/elements/tracker';
53
+ import KemetUpload from '../dist/elements/upload';
54
+
55
+ /**
56
+ * Extract only data properties (no methods) from a type
57
+ */
58
+ type DataProps<T> = {
59
+ [K in keyof T as T[K] extends (...args: any[]) => any ? never : K]: T[K];
60
+ };
61
+
62
+ /**
63
+ * Extract custom properties from a LitElement instance (excluding base LitElement props)
64
+ */
65
+ type LitElementProps<T extends LitElement> = Omit<
66
+ DataProps<T>,
67
+ keyof LitElement
68
+ >;
69
+
70
+ /**
71
+ * Create React-compatible props for a Lit custom element
72
+ */
73
+ type SolidLitProps<T extends LitElement> =
74
+ Omit<React.HTMLAttributes<T>, 'children' | 'ref'> &
75
+ Partial<LitElementProps<T>> & {
76
+ ref?: T | ((el: T) => void);
77
+ children?: SolidJSX.Element;
78
+ slot?: string;
79
+ };
80
+
81
+ declare module 'solid-js' {
82
+ namespace JSX {
83
+ interface IntrinsicElements {
84
+ 'kemet-accordion': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetAccordionClass>;
85
+ 'kemet-accordion-panel': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetAccordionPanelClass>;
86
+ 'kemet-alert': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetAlertClass>;
87
+ 'kemet-avatar': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetAvatarClass>;
88
+ 'kemet-badge': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetBadgeClass>;
89
+ 'kemet-button': SolidJSX.IntrinsicElements['button'] & SolidLitProps<KemetButtonClass>;
90
+ 'kemet-card': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCardClass>;
91
+ 'kemet-carousel': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselClass>;
92
+ 'kemet-carousel-current': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselCurrentClass>;
93
+ 'kemet-carousel-first': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselFirstClass>;
94
+ 'kemet-carousel-last': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselLastClass>;
95
+ 'kemet-carousel-next': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselNextClass>;
96
+ 'kemet-carousel-prev': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselPrevClass>;
97
+ 'kemet-carousel-link': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselLinkClass>;
98
+ 'kemet-carousel-slide': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselSlideClass>;
99
+ 'kemet-carousel-total': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselTotalClass>;
100
+ 'kemet-checkbox': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCheckboxClass>;
101
+ 'kemet-combo': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetComboClass>;
102
+ 'kemet-count': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCountClass>;
103
+ 'kemet-draggable': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDraggableClass>;
104
+ 'kemet-drawer': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDrawerClass>;
105
+ 'kemet-fab': SolidJSX.IntrinsicElements['button'] & SolidLitProps<KemetFabClass>;
106
+ 'kemet-field': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFieldClass>;
107
+ 'kemet-flipcard': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFlipcardClass>;
108
+ 'kemet-flipcard-trigger': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFlipcardTriggerClass>;
109
+ 'kemet-icon-bootstrap': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetIconBootstrapClass>;
110
+ 'kemet-icon-lucide' : SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetIconLucideClass>;
111
+ 'kemet-input': SolidJSX.IntrinsicElements['input'] & SolidLitProps<KemetInputClass>;
112
+ 'kemet-modal': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetModalClass>;
113
+ 'kemet-multi-input': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetMultiInputClass>;
114
+ 'kemet-password': SolidJSX.IntrinsicElements['input'] & SolidLitProps<KemetPasswordClass>;
115
+ 'kemet-popper': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetPopperClass>;
116
+ 'kemet-radio': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetRadioClass>;
117
+ 'kemet-rotator': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetRotatorClass>;
118
+ 'kemet-select': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSelectClass>;
119
+ 'kemet-scroll-nav': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollNavClass>;
120
+ 'kemet-scroll-snap': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapClass>;
121
+ 'kemet-scroll-snap-paginator': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapPaginatorClass>;
122
+ 'kemet-scroll-snap-slide': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapSlideClass>;
123
+ 'kemet-sortable': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSortableClass>;
124
+ 'kemet-svgs': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSvgs>;
125
+ 'kemet-tab': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabClass>;
126
+ 'kemet-tab-panel': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabPanelClass>;
127
+ 'kemet-tabs': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabsClass>;
128
+ 'kemet-textarea': SolidJSX.IntrinsicElements['textarea'] & SolidLitProps<KemetTextareaClass>;
129
+ 'kemet-timer': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTimerClass>;
130
+ 'kemet-toggle': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetToggleClass>;
131
+ 'kemet-tooltip': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTooltipClass>;
132
+ 'kemet-tracker': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTrackerClass>;
133
+ 'kemet-upload': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetUpload>;
134
+ }
135
+ }
136
+ }