solid-element-ui 0.2.1 → 0.2.3

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,43 +1,7 @@
 {
     "name": "solid-element-ui",
-    "version": "0.2.1",
-    "description": "A Component Library for solidjs",
+    "version": "0.2.3",
     "type": "module",
-    "files": [
-        "dist",
-        "README.md",
-        "index.tsx",
-        "src"
-    ],
-    "main": "./dist/index.js",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "exports": {
-        ".": {
-            "development": "./index.tsx",
-            "solid": "./index.tsx",
-            "types": "./dist/index.d.ts",
-            "browser": "./dist/index.js",
-            "default": "./index.tsx",
-            "import": "./dist/index.js"
-        }
-    },
-    "scripts": {
-        "dev": "vite",
-        "build": "tsc -b && vite build"
-    },
-    "peerDependencies": {
-        "solid-js": "^1.9.10"
-    },
-    "dependencies": {
-        "@floating-ui/dom": "^1.7.4",
-        "class-variance-authority": "^0.7.1",
-        "tailwind-variants": "^3.2.2"
-    },
-    "devDependencies": {
-        "@solid-element-ui/utils": "workspace:*",
-        "@tailwindcss/vite": "*"
-    },
     "license": "MIT",
     "author": "sanguogege",
     "keywords": [
@@ -59,11 +23,37 @@
     "bugs": {
         "url": "https://github.com/sanguogege/solid-element-ui/issues"
     },
-    "sideEffects": false,
-    "include": [
-        "components/**/*",
-        "index.tsx",
-        "**/*.ts",
-        "**/*"
-    ]
-}
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "solid": "./src/index.tsx",
+            "import": "./dist/index.js",
+            "default": "./src/index.tsx"
+        },
+        "./styles": "./src/index.css",
+        "./dist/index.css": "./dist/index.css"
+    },
+    "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-merge": "^3.4.0",
+        "tailwind-variants": "^3.2.2"
+    },
+    "devDependencies": {
+        "@tailwindcss/vite": "*"
+    }
+}

package/dist/index.d.ts

@@ -1,74 +0,0 @@
-export { Button } from './components/button/button.tsx';
-export { ButtonGroup } from './components/button/button-group.tsx';
-export { Affix } from './components/affix/affix.tsx';
-export { Breadcrumb } from './components/breadcrumb/breadcrumb.tsx';
-export { BreadcrumbItem } from './components/breadcrumb/breadcrumb-item.tsx';
-export { Anchor } from './components/anchor/anchor.tsx';
-export { AnchorLink } from './components/anchor/anchor-link.tsx';
-export { Divider } from './components/divider/divider.tsx';
-export { Autocomplete } from './components/autocomplete/autocomplete.tsx';
-export { Cascader } from './components/cascader/cascader.tsx';
-export { Checkbox } from './components/checkbox/checkbox.tsx';
-export { ColorPicker } from './components/color-picker/color-picker.tsx';
-export { DatePicker } from './components/date-picker/date-picker.tsx';
-export { Form } from './components/form/form.tsx';
-export { FormItem } from './components/form/form-item.tsx';
-export { Input } from './components/input/input.tsx';
-export { InputNumber } from './components/input-number/input-number.tsx';
-export { InputTag } from './components/input-tag/input-tag.tsx';
-export { Mentions } from './components/mentions/mentions.tsx';
-export { Radio } from './components/radio/radio.tsx';
-export { RadioGroup } from './components/radio/radio-group.tsx';
-export { Rate } from './components/rate/rate.tsx';
-export { Select } from './components/select/select.tsx';
-export { Slider } from './components/slider/slider.tsx';
-export { Switch } from './components/switch/switch.tsx';
-export { TimePicker } from './components/time-picker/time-picker.tsx';
-export { Transfer } from './components/transfer/transfer.tsx';
-export { TreeSelect } from './components/tree-select/tree-select.tsx';
-export { Upload } from './components/upload/upload.tsx';
-export { type UploadFile } from './components/upload/setting.ts';
-export { Avatar } from './components/avatar/avatar.tsx';
-export { Badge } from './components/badge/badge.tsx';
-export { Calendar } from './components/calendar/calendar.tsx';
-export { Card } from './components/card/card.tsx';
-export { Carousel } from './components/carousel/carousel.tsx';
-export { Collapse } from './components/collapse/collapse.tsx';
-export { CollapsePanel } from './components/collapse/collapse-panel.tsx';
-export { Description } from './components/description/description.tsx';
-export { DescriptionItem } from './components/description/description-item.tsx';
-export { Empty } from './components/empty/empty.tsx';
-export { Image } from './components/image/image.tsx';
-export { Popover } from './components/popover/popover.tsx';
-export { Segmented } from './components/segmented/segmented.tsx';
-export { Statistic } from './components/statistic/statistic.tsx';
-export { Table } from './components/table/table.tsx';
-export { type ColumnType } from './components/table/setting.ts';
-export { Tag } from './components/tag/tag.tsx';
-export { Timeline } from './components/timeline/timeline.tsx';
-export { TimelineItem } from './components/timeline/timeline-item.tsx';
-export { Tooltip } from './components/tooltip/tooltip.tsx';
-export { Tour } from './components/tour/tour.tsx';
-export { Tree } from './components/tree/tree.tsx';
-export { type TreeData } from './components/tree/setting.ts';
-export { Alert } from './components/alert/alert.tsx';
-export { Drawer } from './components/drawer/drawer.tsx';
-export { Message } from './components/message/message.tsx';
-export { Modal } from './components/modal/modal.tsx';
-export { Notification } from './components/notification/notification.tsx';
-export { Popconfirm } from './components/popconfirm/popconfirm.tsx';
-export { Progress } from './components/progress/progress.tsx';
-export { Result } from './components/result/result.tsx';
-export { Skeleton } from './components/skeleton/skeleton.tsx';
-export { SkeletonElement } from './components/skeleton/skeleton.tsx';
-export { Spin } from './components/spin/spin.tsx';
-export { Watermark } from './components/watermark/watermark.tsx';
-export { Dropdown } from './components/dropdown/dropdown.tsx';
-export { Menu } from './components/menu/menu.tsx';
-export { type MenuItemType } from './components/menu/setting.ts';
-export { Pagination } from './components/pagination/pagination.tsx';
-export { Steps } from './components/steps/steps.tsx';
-export { Tabs } from './components/tabs/tabs.tsx';
-export { Masonry } from './components/masonry/masonry.tsx';
-declare const justForTest: () => void;
-export default justForTest;

package/index.tsx

@@ -1,98 +0,0 @@
-// TODO ICONS 的选择
-// TODO 国际化的选择
-// TODO 主题定制
-// TODO 文档站点搭建
-// TODO 单元测试
-// TODO CI/CD 流水线搭建
-// TODO 专属css
-// TODO 格栅布局，flex布局，space看情况再说添加不添加
-
-// TODO 使用cva+cn 重新编写组件
-
-import "./css/index.css";
-export { Button } from "./components/button/button.tsx";
-export { ButtonGroup } from "./components/button/button-group.tsx";
-export { Affix } from "./components/affix/affix.tsx";
-export { Breadcrumb } from "./components/breadcrumb/breadcrumb.tsx";
-export { BreadcrumbItem } from "./components/breadcrumb/breadcrumb-item.tsx";
-export { Anchor } from "./components/anchor/anchor.tsx";
-export { AnchorLink } from "./components/anchor/anchor-link.tsx";
-
-export { Divider } from "./components/divider/divider.tsx";
-
-export { Autocomplete } from "./components/autocomplete/autocomplete.tsx";
-
-export { Cascader } from "./components/cascader/cascader.tsx";
-export { Checkbox } from "./components/checkbox/checkbox.tsx";
-
-export { ColorPicker } from "./components/color-picker/color-picker.tsx";
-
-export { DatePicker } from "./components/date-picker/date-picker.tsx";
-
-export { Form } from "./components/form/form.tsx";
-export { FormItem } from "./components/form/form-item.tsx";
-export { Input } from "./components/input/input.tsx";
-export { InputNumber } from "./components/input-number/input-number.tsx";
-export { InputTag } from "./components/input-tag/input-tag.tsx";
-export { Mentions } from "./components/mentions/mentions.tsx";
-
-export { Radio } from "./components/radio/radio.tsx";
-export { RadioGroup } from "./components/radio/radio-group.tsx";
-export { Rate } from "./components/rate/rate.tsx";
-export { Select } from "./components/select/select.tsx";
-export { Slider } from "./components/slider/slider.tsx";
-export { Switch } from "./components/switch/switch.tsx";
-export { TimePicker } from "./components/time-picker/time-picker.tsx";
-export { Transfer } from "./components/transfer/transfer.tsx";
-export { TreeSelect } from "./components/tree-select/tree-select.tsx";
-export { Upload } from "./components/upload/upload.tsx";
-export { type UploadFile } from "./components/upload/setting.ts";
-export { Avatar } from "./components/avatar/avatar.tsx";
-export { Badge } from "./components/badge/badge.tsx";
-export { Calendar } from "./components/calendar/calendar.tsx";
-export { Card } from "./components/card/card.tsx";
-export { Carousel } from "./components/carousel/carousel.tsx";
-export { Collapse } from "./components/collapse/collapse.tsx";
-export { CollapsePanel } from "./components/collapse/collapse-panel.tsx";
-export { Description } from "./components/description/description.tsx";
-export { DescriptionItem } from "./components/description/description-item.tsx";
-export { Empty } from "./components/empty/empty.tsx";
-export { Image } from "./components/image/image.tsx";
-export { Popover } from "./components/popover/popover.tsx";
-export { Segmented } from "./components/segmented/segmented.tsx";
-export { Statistic } from "./components/statistic/statistic.tsx";
-export { Table } from "./components/table/table.tsx";
-export { type ColumnType } from "./components/table/setting.ts";
-export { Tag } from "./components/tag/tag.tsx";
-export { Timeline } from "./components/timeline/timeline.tsx";
-export { TimelineItem } from "./components/timeline/timeline-item.tsx";
-export { Tooltip } from "./components/tooltip/tooltip.tsx";
-export { Tour } from "./components/tour/tour.tsx";
-export { Tree } from "./components/tree/tree.tsx";
-export { type TreeData } from "./components/tree/setting.ts";
-export { Alert } from "./components/alert/alert.tsx";
-export { Drawer } from "./components/drawer/drawer.tsx";
-export { Message } from "./components/message/message.tsx";
-export { Modal } from "./components/modal/modal.tsx";
-export { Notification } from "./components/notification/notification.tsx";
-export { Popconfirm } from "./components/popconfirm/popconfirm.tsx";
-export { Progress } from "./components/progress/progress.tsx";
-export { Result } from "./components/result/result.tsx";
-export { Skeleton } from "./components/skeleton/skeleton.tsx";
-export { SkeletonElement } from "./components/skeleton/skeleton.tsx";
-export { Spin } from "./components/spin/spin.tsx";
-export { Watermark } from "./components/watermark/watermark.tsx";
-export { Dropdown } from "./components/dropdown/dropdown.tsx";
-export { Menu } from "./components/menu/menu.tsx";
-export { type MenuItemType } from "./components/menu/setting.ts";
-export { Pagination } from "./components/pagination/pagination.tsx";
-export { Steps } from "./components/steps/steps.tsx";
-export { Tabs } from "./components/tabs/tabs.tsx";
-export { Masonry } from "./components/masonry/masonry.tsx";
-
-const justForTest = () => {
-    console.log("just for test");
-    console.log("make it work 1.0.2");
-};
-
-export default justForTest;

package/readme.md

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