solid-element-ui 0.1.17 → 0.2.2

package/dist/src/toggle-button/toggle-button.d.ts

@@ -0,0 +1,47 @@
+import { ToggleButton as KToggle } from '@kobalte/core/toggle-button';
+import { JSX, ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const toggleStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, string[], {
+    variant: {
+        solid: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ToggleVariants = VariantProps<typeof toggleStyles>;
+export interface ToggleButtonProps extends Omit<ComponentProps<typeof KToggle>, "class">, ToggleVariants {
+    class?: string;
+    children?: JSX.Element;
+}
+export declare const ToggleButton: (props: ToggleButtonProps) => JSX.Element;
+export {};

package/dist/src/toggle-group/toggle-group.d.ts

@@ -0,0 +1,91 @@
+import { ToggleGroup as KToggleGroup } from '@kobalte/core/toggle-group';
+import { ComponentProps, JSX } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const toggleGroupStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            item: string;
+        };
+        outline: {
+            root: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    item: string[];
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+            item: string;
+        };
+        outline: {
+            root: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    item: string[];
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            item: string;
+        };
+        outline: {
+            root: string;
+            item: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    item: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToggleGroupVariants = VariantProps<typeof toggleGroupStyles>;
+interface Option {
+    label: string | JSX.Element;
+    value: string;
+    disabled?: boolean;
+}
+export interface ToggleGroupProps extends Omit<ComponentProps<typeof KToggleGroup>, "class">, ToggleGroupVariants {
+    options: Option[];
+    class?: string;
+}
+export declare const ToggleGroup: (props: ToggleGroupProps) => JSX.Element;
+export {};

package/dist/src/tooltip/tooltip.d.ts

@@ -0,0 +1,53 @@
+import { Tooltip as KTooltip } from '@kobalte/core/tooltip';
+import { JSX, ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+declare const tooltipStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            content: string;
+            arrow: string;
+        };
+        danger: {
+            content: string;
+            arrow: string;
+        };
+    };
+}, {
+    content: string[];
+    arrow: string;
+}, undefined, {
+    variant: {
+        default: {
+            content: string;
+            arrow: string;
+        };
+        danger: {
+            content: string;
+            arrow: string;
+        };
+    };
+}, {
+    content: string[];
+    arrow: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            content: string;
+            arrow: string;
+        };
+        danger: {
+            content: string;
+            arrow: string;
+        };
+    };
+}, {
+    content: string[];
+    arrow: string;
+}, undefined, unknown, unknown, undefined>>;
+type TooltipVariants = VariantProps<typeof tooltipStyles>;
+export interface TooltipProps extends Omit<ComponentProps<typeof KTooltip>, "class">, TooltipVariants {
+    content: JSX.Element;
+    children: JSX.Element;
+}
+export declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export {};

package/package.json

@@ -1,36 +1,7 @@
 {
     "name": "solid-element-ui",
-    "version": "0.1.17",
-    "description": "A Component Library for solidjs",
+    "version": "0.2.2",
     "type": "module",
-    "files": [
-        "dist",
-        "README.md",
-        "index.tsx",
-        "src"
-    ],
-    "main": "./dist/index.js",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "browser": "./dist/index.js"
-        }
-    },
-    "scripts": {
-        "dev": "vite",
-        "build": "tsc -b && vite build",
-        "preview": "vite preview"
-    },
-    "peerDependencies": {
-        "solid-js": ">=1.9.5"
-    },
-    "devDependencies": {
-        "@solid-element-ui/components": "workspace:*",
-        "@solid-element-ui/utils": "workspace:*"
-    },
     "license": "MIT",
     "author": "sanguogege",
     "keywords": [
@@ -52,5 +23,35 @@
     "bugs": {
         "url": "https://github.com/sanguogege/solid-element-ui/issues"
     },
-    "sideEffects": false
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "development": "./src/index.tsx",
+            "solid": "./src/index.tsx",
+            "import": "./dist/index.js",
+            "default": "./src/index.tsx"
+        }
+    },
+    "source": "./src/index.tsx",
+    "scripts": {
+        "build": "tsc -b && vite build"
+    },
+    "peerDependencies": {
+        "solid-js": "^1.9.10"
+    },
+    "dependencies": {
+        "@kobalte/core": "^0.13.11",
+        "lucide-solid": "^0.562.0",
+        "tailwind-variants": "^3.2.2"
+    },
+    "devDependencies": {
+        "@tailwindcss/vite": "*"
+    }
 }

package/dist/index.d.ts

@@ -1,74 +0,0 @@
-export { SeButton } from '../components/button/src/button.tsx';
-export { SeButtonGroup } from '../components/button/src/button-group.tsx';
-export { SeAffix } from '../components/affix/src/affix.tsx';
-export { SeBreadcrumb } from '../components/breadcrumb/src/breadcrumb.tsx';
-export { SeBreadcrumbItem } from '../components/breadcrumb/src/breadcrumb-item.tsx';
-export { SeAnchor } from '../components/anchor/src/anchor.tsx';
-export { SeAnchorLink } from '../components/anchor/src/anchor-link.tsx';
-export { SeDivider } from '../components/divider/src/divider.tsx';
-export { SeAutocomplete } from '../components/autocomplete/src/autocomplete.tsx';
-export { SeCascader } from '../components/cascader/src/cascader.tsx';
-export { SeCheckbox } from '../components/checkbox/src/checkbox.tsx';
-export { SeColorPicker } from '../components/color-picker/src/color-picker.tsx';
-export { SeDatePicker } from '../components/date-picker/src/date-picker.tsx';
-export { SeForm } from '../components/form/src/form.tsx';
-export { SeFormItem } from '../components/form/src/form-item.tsx';
-export { SeInput } from '../components/input/src/input.tsx';
-export { SeInputNumber } from '../components/input-number/src/input-number.tsx';
-export { SeInputTag } from '../components/input-tag/src/input-tag.tsx';
-export { SeMentions } from '../components/mentions/src/mentions.tsx';
-export { SeRadio } from '../components/radio/src/radio.tsx';
-export { SeRadioGroup } from '../components/radio/src/radio-group.tsx';
-export { SeRate } from '../components/rate/src/rate.tsx';
-export { SeSelect } from '../components/select/src/select.tsx';
-export { SeSlider } from '../components/slider/src/slider.tsx';
-export { SeSwitch } from '../components/switch/src/switch.tsx';
-export { SeTimePicker } from '../components/time-picker/src/time-picker.tsx';
-export { SeTransfer } from '../components/transfer/src/transfer.tsx';
-export { SeTreeSelect } from '../components/tree-select/src/tree-select.tsx';
-export { SeUpload } from '../components/upload/src/upload.tsx';
-export { type UploadFile } from '../components/upload/src/setting.ts';
-export { SeAvatar } from '../components/avatar/src/avatar.tsx';
-export { SeBadge } from '../components/badge/src/badge.tsx';
-export { SeCalendar } from '../components/calendar/src/calendar.tsx';
-export { SeCard } from '../components/card/src/card.tsx';
-export { SeCarousel } from '../components/carousel/src/carousel.tsx';
-export { SeCollapse } from '../components/collapse/src/collapse.tsx';
-export { SeCollapsePanel } from '../components/collapse/src/collapse-panel.tsx';
-export { SeDescription } from '../components/description/src/description.tsx';
-export { SeDescriptionItem } from '../components/description/src/description-item.tsx';
-export { SeEmpty } from '../components/empty/src/empty.tsx';
-export { SeImage } from '../components/image/src/image.tsx';
-export { SePopover } from '../components/popover/src/popover.tsx';
-export { SeSegmented } from '../components/segmented/src/segmented.tsx';
-export { SeStatistic } from '../components/statistic/src/statistic.tsx';
-export { SeTable } from '../components/table/src/table.tsx';
-export { type ColumnType } from '../components/table/src/setting.ts';
-export { SeTag } from '../components/tag/src/tag.tsx';
-export { SeTimeline } from '../components/timeline/src/timeline.tsx';
-export { SeTimelineItem } from '../components/timeline/src/timeline-item.tsx';
-export { SeTooltip } from '../components/tooltip/src/tooltip.tsx';
-export { SeTour } from '../components/tour/src/tour.tsx';
-export { SeTree } from '../components/tree/src/tree.tsx';
-export { type TreeData } from '../components/tree/src/setting.ts';
-export { SeAlert } from '../components/alert/src/alert.tsx';
-export { SeDrawer } from '../components/drawer/src/drawer.tsx';
-export { SeMessage } from '../components/message/src/message.tsx';
-export { SeModal } from '../components/modal/src/modal.tsx';
-export { SeNotification } from '../components/notification/src/notification.tsx';
-export { SePopconfirm } from '../components/popconfirm/src/popconfirm.tsx';
-export { SeProgress } from '../components/progress/src/progress.tsx';
-export { SeResult } from '../components/result/src/result.tsx';
-export { SeSkeleton } from '../components/skeleton/src/skeleton.tsx';
-export { SeSkeletonElement } from '../components/skeleton/src/skeleton.tsx';
-export { SeSpin } from '../components/spin/src/spin.tsx';
-export { SeWatermark } from '../components/watermark/src/watermark.tsx';
-export { SeDropdown } from '../components/dropdown/src/dropdown.tsx';
-export { SeMenu } from '../components/menu/src/menu.tsx';
-export { type MenuItemType } from '../components/menu/src/setting.ts';
-export { SePagination } from '../components/pagination/src/pagination.tsx';
-export { SeSteps } from '../components/steps/src/steps.tsx';
-export { SeTabs } from '../components/tabs/src/tabs.tsx';
-export { SeMasonry } from '../components/masonry/src/masonry.tsx';
-declare const justForTest: () => void;
-export default justForTest;

package/index.tsx

@@ -1,95 +0,0 @@
-// TODO ICONS 的选择
-// TODO 国际化的选择
-// TODO 主题定制
-// TODO 文档站点搭建
-// TODO 单元测试
-// TODO CI/CD 流水线搭建
-// TODO 专属css
-// TODO 格栅布局，flex布局，space看情况再说添加不添加
-
-import "../css/index.css";
-export { SeButton } from "@solid-element-ui/components/button/src/button.tsx";
-export { SeButtonGroup } from "@solid-element-ui/components/button/src/button-group.tsx";
-export { SeAffix } from "@solid-element-ui/components/affix/src/affix.tsx";
-export { SeBreadcrumb } from "@solid-element-ui/components/breadcrumb/src/breadcrumb.tsx";
-export { SeBreadcrumbItem } from "@solid-element-ui/components/breadcrumb/src/breadcrumb-item.tsx";
-export { SeAnchor } from "@solid-element-ui/components/anchor/src/anchor.tsx";
-export { SeAnchorLink } from "@solid-element-ui/components/anchor/src/anchor-link.tsx";
-
-export { SeDivider } from "@solid-element-ui/components/divider/src/divider.tsx";
-
-export { SeAutocomplete } from "@solid-element-ui/components/autocomplete/src/autocomplete.tsx";
-
-export { SeCascader } from "@solid-element-ui/components/cascader/src/cascader.tsx";
-export { SeCheckbox } from "@solid-element-ui/components/checkbox/src/checkbox.tsx";
-
-export { SeColorPicker } from "@solid-element-ui/components/color-picker/src/color-picker.tsx";
-
-export { SeDatePicker } from "@solid-element-ui/components/date-picker/src/date-picker.tsx";
-
-export { SeForm } from "@solid-element-ui/components/form/src/form.tsx";
-export { SeFormItem } from "@solid-element-ui/components/form/src/form-item.tsx";
-export { SeInput } from "@solid-element-ui/components/input/src/input.tsx";
-export { SeInputNumber } from "@solid-element-ui/components/input-number/src/input-number.tsx";
-export { SeInputTag } from "@solid-element-ui/components/input-tag/src/input-tag.tsx";
-export { SeMentions } from "@solid-element-ui/components/mentions/src/mentions.tsx";
-
-export { SeRadio } from "@solid-element-ui/components/radio/src/radio.tsx";
-export { SeRadioGroup } from "@solid-element-ui/components/radio/src/radio-group.tsx";
-export { SeRate } from "@solid-element-ui/components/rate/src/rate.tsx";
-export { SeSelect } from "@solid-element-ui/components/select/src/select.tsx";
-export { SeSlider } from "@solid-element-ui/components/slider/src/slider.tsx";
-export { SeSwitch } from "@solid-element-ui/components/switch/src/switch.tsx";
-export { SeTimePicker } from "@solid-element-ui/components/time-picker/src/time-picker.tsx";
-export { SeTransfer } from "@solid-element-ui/components/transfer/src/transfer.tsx";
-export { SeTreeSelect } from "@solid-element-ui/components/tree-select/src/tree-select.tsx";
-export { SeUpload } from "@solid-element-ui/components/upload/src/upload.tsx";
-export { type UploadFile } from "@solid-element-ui/components/upload/src/setting.ts";
-export { SeAvatar } from "@solid-element-ui/components/avatar/src/avatar.tsx";
-export { SeBadge } from "@solid-element-ui/components/badge/src/badge.tsx";
-export { SeCalendar } from "@solid-element-ui/components/calendar/src/calendar.tsx";
-export { SeCard } from "@solid-element-ui/components/card/src/card.tsx";
-export { SeCarousel } from "@solid-element-ui/components/carousel/src/carousel.tsx";
-export { SeCollapse } from "@solid-element-ui/components/collapse/src/collapse.tsx";
-export { SeCollapsePanel } from "@solid-element-ui/components/collapse/src/collapse-panel.tsx";
-export { SeDescription } from "@solid-element-ui/components/description/src/description.tsx";
-export { SeDescriptionItem } from "@solid-element-ui/components/description/src/description-item.tsx";
-export { SeEmpty } from "@solid-element-ui/components/empty/src/empty.tsx";
-export { SeImage } from "@solid-element-ui/components/image/src/image.tsx";
-export { SePopover } from "@solid-element-ui/components/popover/src/popover.tsx";
-export { SeSegmented } from "@solid-element-ui/components/segmented/src/segmented.tsx";
-export { SeStatistic } from "@solid-element-ui/components/statistic/src/statistic.tsx";
-export { SeTable } from "@solid-element-ui/components/table/src/table.tsx";
-export { type ColumnType } from "@solid-element-ui/components/table/src/setting.ts";
-export { SeTag } from "@solid-element-ui/components/tag/src/tag.tsx";
-export { SeTimeline } from "@solid-element-ui/components/timeline/src/timeline.tsx";
-export { SeTimelineItem } from "@solid-element-ui/components/timeline/src/timeline-item.tsx";
-export { SeTooltip } from "@solid-element-ui/components/tooltip/src/tooltip.tsx";
-export { SeTour } from "@solid-element-ui/components/tour/src/tour.tsx";
-export { SeTree } from "@solid-element-ui/components/tree/src/tree.tsx";
-export { type TreeData } from "@solid-element-ui/components/tree/src/setting.ts";
-export { SeAlert } from "@solid-element-ui/components/alert/src/alert.tsx";
-export { SeDrawer } from "@solid-element-ui/components/drawer/src/drawer.tsx";
-export { SeMessage } from "@solid-element-ui/components/message/src/message.tsx";
-export { SeModal } from "@solid-element-ui/components/modal/src/modal.tsx";
-export { SeNotification } from "@solid-element-ui/components/notification/src/notification.tsx";
-export { SePopconfirm } from "@solid-element-ui/components/popconfirm/src/popconfirm.tsx";
-export { SeProgress } from "@solid-element-ui/components/progress/src/progress.tsx";
-export { SeResult } from "@solid-element-ui/components/result/src/result.tsx";
-export { SeSkeleton } from "@solid-element-ui/components/skeleton/src/skeleton.tsx";
-export { SeSkeletonElement } from "@solid-element-ui/components/skeleton/src/skeleton.tsx";
-export { SeSpin } from "@solid-element-ui/components/spin/src/spin.tsx";
-export { SeWatermark } from "@solid-element-ui/components/watermark/src/watermark.tsx";
-export { SeDropdown } from "@solid-element-ui/components/dropdown/src/dropdown.tsx";
-export { SeMenu } from "@solid-element-ui/components/menu/src/menu.tsx";
-export { type MenuItemType } from "@solid-element-ui/components/menu/src/setting.ts";
-export { SePagination } from "@solid-element-ui/components/pagination/src/pagination.tsx";
-export { SeSteps } from "@solid-element-ui/components/steps/src/steps.tsx";
-export { SeTabs } from "@solid-element-ui/components/tabs/src/tabs.tsx";
-export { SeMasonry } from "@solid-element-ui/components/masonry/src/masonry.tsx";
-
-const justForTest = () => {
-    console.log("just for test");
-};
-
-export default justForTest;

package/readme.md

@@ -1,9 +0,0 @@
-## Usage
-
-```bash
-$ npm install # or pnpm install or yarn install
-```
-
-### In infrastructure construction
-
-