@neut/ui 0.0.4 → 0.0.6
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.
- package/dist/components/alert/Alert/Alert.d.ts +2 -0
- package/dist/components/alert/Alert/Alert.js +22 -0
- package/dist/components/alert/Alert/Alert.js.map +1 -0
- package/dist/components/alert/Alert/Alert.styles.d.ts +3 -0
- package/dist/components/alert/Alert/Alert.styles.js +13 -0
- package/dist/components/alert/Alert/Alert.styles.js.map +1 -0
- package/dist/components/alert/Alert/Alert.types.d.ts +4 -0
- package/dist/components/alert/Alert/index.d.ts +1 -0
- package/dist/components/alert/AlertAction/AlertAction.d.ts +2 -0
- package/dist/components/alert/AlertAction/AlertAction.js +18 -0
- package/dist/components/alert/AlertAction/AlertAction.js.map +1 -0
- package/dist/components/alert/AlertAction/AlertAction.styles.d.ts +1 -0
- package/dist/components/alert/AlertAction/AlertAction.styles.js +6 -0
- package/dist/components/alert/AlertAction/AlertAction.styles.js.map +1 -0
- package/dist/components/alert/AlertAction/AlertAction.types.d.ts +2 -0
- package/dist/components/alert/AlertAction/index.d.ts +1 -0
- package/dist/components/alert/AlertDescription/AlertDescription.d.ts +2 -0
- package/dist/components/alert/AlertDescription/AlertDescription.js +18 -0
- package/dist/components/alert/AlertDescription/AlertDescription.js.map +1 -0
- package/dist/components/alert/AlertDescription/AlertDescription.styles.d.ts +1 -0
- package/dist/components/alert/AlertDescription/AlertDescription.styles.js +6 -0
- package/dist/components/alert/AlertDescription/AlertDescription.styles.js.map +1 -0
- package/dist/components/alert/AlertDescription/AlertDescription.types.d.ts +2 -0
- package/dist/components/alert/AlertDescription/index.d.ts +1 -0
- package/dist/components/alert/AlertTitle/AlertTitle.d.ts +2 -0
- package/dist/components/alert/AlertTitle/AlertTitle.js +18 -0
- package/dist/components/alert/AlertTitle/AlertTitle.js.map +1 -0
- package/dist/components/alert/AlertTitle/AlertTitle.styles.d.ts +1 -0
- package/dist/components/alert/AlertTitle/AlertTitle.styles.js +6 -0
- package/dist/components/alert/AlertTitle/AlertTitle.styles.js.map +1 -0
- package/dist/components/alert/AlertTitle/AlertTitle.types.d.ts +2 -0
- package/dist/components/alert/AlertTitle/index.d.ts +1 -0
- package/dist/components/alert/index.d.ts +4 -0
- package/dist/components/alert/index.js +5 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.context.d.ts +10 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.context.js +11 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.context.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.js +23 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.styles.d.ts +0 -0
- package/dist/components/alert-dialog/AlertDialog/AlertDialog.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialog/index.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogAction/AlertDialogAction.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogAction/AlertDialogAction.js +8 -0
- package/dist/components/alert-dialog/AlertDialogAction/AlertDialogAction.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogAction/AlertDialogAction.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogAction/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js +16 -0
- package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogCancel/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.context.d.ts +8 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.context.js +11 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.context.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.js +65 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogContent/AlertDialogContent.types.d.ts +4 -0
- package/dist/components/alert-dialog/AlertDialogContent/index.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.js +21 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogDescription/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.js +18 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogFooter/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.js +18 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogHeader/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js +18 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogMedia/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.js +26 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogOverlay/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.js +10 -0
- package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogPortal/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js +21 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.js +6 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.types.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogTitle/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.js +11 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.js.map +1 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.types.d.ts +0 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/index.d.ts +1 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.js +26 -0
- package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.js.map +1 -0
- package/dist/components/alert-dialog/index.d.ts +12 -0
- package/dist/components/alert-dialog/index.js +15 -0
- package/dist/components/badge/Badge.styles.d.ts +1 -1
- package/dist/components/button/Button.styles.d.ts +3 -3
- package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.d.ts +1 -1
- package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.d.ts +2 -2
- package/dist/components/item/Item/Item.styles.d.ts +1 -1
- package/dist/components/item/ItemMedia/ItemMedia.styles.d.ts +1 -1
- package/dist/components/progress/Progress/Progress.context.d.ts +6 -0
- package/dist/components/progress/Progress/Progress.context.js +11 -0
- package/dist/components/progress/Progress/Progress.context.js.map +1 -0
- package/dist/components/progress/Progress/Progress.d.ts +2 -0
- package/dist/components/progress/Progress/Progress.js +44 -0
- package/dist/components/progress/Progress/Progress.js.map +1 -0
- package/dist/components/progress/Progress/Progress.styles.d.ts +1 -0
- package/dist/components/progress/Progress/Progress.styles.js +6 -0
- package/dist/components/progress/Progress/Progress.styles.js.map +1 -0
- package/dist/components/progress/Progress/Progress.types.d.ts +4 -0
- package/dist/components/progress/Progress/index.d.ts +2 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.d.ts +2 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.js +27 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.js.map +1 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.d.ts +1 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.js +6 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.js.map +1 -0
- package/dist/components/progress/ProgressIndicator/ProgressIndicator.types.d.ts +2 -0
- package/dist/components/progress/ProgressIndicator/index.d.ts +1 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.d.ts +2 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.js +18 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.js.map +1 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.styles.d.ts +1 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.styles.js +6 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.styles.js.map +1 -0
- package/dist/components/progress/ProgressLabel/ProgressLabel.types.d.ts +2 -0
- package/dist/components/progress/ProgressLabel/index.d.ts +1 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.d.ts +2 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.js +24 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.js.map +1 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.styles.d.ts +1 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.styles.js +6 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.styles.js.map +1 -0
- package/dist/components/progress/ProgressTrack/ProgressTrack.types.d.ts +2 -0
- package/dist/components/progress/ProgressTrack/index.d.ts +1 -0
- package/dist/components/progress/ProgressValue/ProgressValue.d.ts +2 -0
- package/dist/components/progress/ProgressValue/ProgressValue.js +19 -0
- package/dist/components/progress/ProgressValue/ProgressValue.js.map +1 -0
- package/dist/components/progress/ProgressValue/ProgressValue.styles.d.ts +1 -0
- package/dist/components/progress/ProgressValue/ProgressValue.styles.js +6 -0
- package/dist/components/progress/ProgressValue/ProgressValue.styles.js.map +1 -0
- package/dist/components/progress/ProgressValue/ProgressValue.types.d.ts +2 -0
- package/dist/components/progress/ProgressValue/index.d.ts +1 -0
- package/dist/components/progress/index.d.ts +3 -0
- package/dist/components/progress/index.js +4 -0
- package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map +1 -1
- package/dist/components/slider/Slider/Slider.context.d.ts +17 -0
- package/dist/components/slider/Slider/Slider.context.js +11 -0
- package/dist/components/slider/Slider/Slider.context.js.map +1 -0
- package/dist/components/slider/Slider/Slider.d.ts +2 -0
- package/dist/components/slider/Slider/Slider.js +62 -0
- package/dist/components/slider/Slider/Slider.js.map +1 -0
- package/dist/components/slider/Slider/Slider.styles.d.ts +1 -0
- package/dist/components/slider/Slider/Slider.styles.js +6 -0
- package/dist/components/slider/Slider/Slider.styles.js.map +1 -0
- package/dist/components/slider/Slider/Slider.types.d.ts +13 -0
- package/dist/components/slider/Slider/index.d.ts +2 -0
- package/dist/components/slider/Slider/useSlider.d.ts +19 -0
- package/dist/components/slider/Slider/useSlider.js +33 -0
- package/dist/components/slider/Slider/useSlider.js.map +1 -0
- package/dist/components/slider/SliderControl/SliderControl.d.ts +2 -0
- package/dist/components/slider/SliderControl/SliderControl.js +33 -0
- package/dist/components/slider/SliderControl/SliderControl.js.map +1 -0
- package/dist/components/slider/SliderControl/SliderControl.styles.d.ts +1 -0
- package/dist/components/slider/SliderControl/SliderControl.styles.js +6 -0
- package/dist/components/slider/SliderControl/SliderControl.styles.js.map +1 -0
- package/dist/components/slider/SliderControl/SliderControl.types.d.ts +2 -0
- package/dist/components/slider/SliderControl/index.d.ts +1 -0
- package/dist/components/slider/SliderControl/useSliderControl.d.ts +5 -0
- package/dist/components/slider/SliderControl/useSliderControl.js +36 -0
- package/dist/components/slider/SliderControl/useSliderControl.js.map +1 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.d.ts +2 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.js +28 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.js.map +1 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.styles.d.ts +1 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.styles.js +7 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.styles.js.map +1 -0
- package/dist/components/slider/SliderIndicator/SliderIndicator.types.d.ts +2 -0
- package/dist/components/slider/SliderIndicator/index.d.ts +1 -0
- package/dist/components/slider/SliderIndicator/useSliderIndicator.d.ts +6 -0
- package/dist/components/slider/SliderIndicator/useSliderIndicator.js +20 -0
- package/dist/components/slider/SliderIndicator/useSliderIndicator.js.map +1 -0
- package/dist/components/slider/SliderThumb/SliderThumb.d.ts +2 -0
- package/dist/components/slider/SliderThumb/SliderThumb.js +45 -0
- package/dist/components/slider/SliderThumb/SliderThumb.js.map +1 -0
- package/dist/components/slider/SliderThumb/SliderThumb.styles.d.ts +1 -0
- package/dist/components/slider/SliderThumb/SliderThumb.styles.js +7 -0
- package/dist/components/slider/SliderThumb/SliderThumb.styles.js.map +1 -0
- package/dist/components/slider/SliderThumb/SliderThumb.types.d.ts +6 -0
- package/dist/components/slider/SliderThumb/index.d.ts +1 -0
- package/dist/components/slider/SliderThumb/useSliderThumb.d.ts +6 -0
- package/dist/components/slider/SliderThumb/useSliderThumb.js +18 -0
- package/dist/components/slider/SliderThumb/useSliderThumb.js.map +1 -0
- package/dist/components/slider/SliderTrack/SliderTrack.d.ts +2 -0
- package/dist/components/slider/SliderTrack/SliderTrack.js +24 -0
- package/dist/components/slider/SliderTrack/SliderTrack.js.map +1 -0
- package/dist/components/slider/SliderTrack/SliderTrack.styles.d.ts +1 -0
- package/dist/components/slider/SliderTrack/SliderTrack.styles.js +6 -0
- package/dist/components/slider/SliderTrack/SliderTrack.styles.js.map +1 -0
- package/dist/components/slider/SliderTrack/SliderTrack.types.d.ts +2 -0
- package/dist/components/slider/SliderTrack/index.d.ts +1 -0
- package/dist/components/slider/index.d.ts +1 -0
- package/dist/components/slider/index.js +3 -0
- package/dist/components/tooltip/TooltipContent/TooltipContent.utils.d.ts +1 -1
- package/dist/components/tooltip/TooltipContent/useTooltipContent.d.ts +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +124 -101
- package/dist/types/props.types.d.ts +3 -0
- package/dist/ui.css +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { alertVariants as t } from "./Alert.styles.js";
|
|
3
|
+
import { mergeProps as n, spread as r, template as i } from "solid-js/web";
|
|
4
|
+
import { splitProps as a } from "solid-js";
|
|
5
|
+
//#region src/components/alert/Alert/Alert.tsx
|
|
6
|
+
var o = /* @__PURE__ */ i("<div data-slot=alert role=alert>"), s = (i) => {
|
|
7
|
+
let [s, c] = a(i, [
|
|
8
|
+
"variant",
|
|
9
|
+
"class",
|
|
10
|
+
"classList"
|
|
11
|
+
]);
|
|
12
|
+
return (() => {
|
|
13
|
+
var i = o();
|
|
14
|
+
return r(i, n({ get class() {
|
|
15
|
+
return e(t({ variant: s.variant }), s.class);
|
|
16
|
+
} }, c), !1, !1), i;
|
|
17
|
+
})();
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { s as Alert };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","names":["splitProps","AlertProps","clsx","alertVariants","Alert","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","variant"],"sources":["../../../../src/components/alert/Alert/Alert.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertProps } from \"./Alert.types\";\nimport { clsx } from \"~/utils\";\nimport { alertVariants } from \"./Alert.styles\";\n\nexport const Alert = (props: AlertProps) => {\n const [local, others] = splitProps(props, [\"variant\", \"class\", \"classList\"]);\n\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n class={clsx(alertVariants({ variant: local.variant }), local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;+DAKaI,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAW;EAAS;EAAY,CAAC;AAE5E,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWT,EAAKC,EAAc,EAAEU,SAASP,EAAMO,SAAS,CAAC,EAAEP,EAAMM,MAAM;KAAA,EAC/DL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
//#region src/components/alert/Alert/Alert.styles.ts
|
|
3
|
+
var t = e("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
4
|
+
variants: { variant: {
|
|
5
|
+
outline: "bg-white text-neutral-950 dark:bg-neutral-900 dark:text-neutral-50",
|
|
6
|
+
destructive: "bg-white dark:bg-neutral-900 text-red-600 dark:text-red-400 *:data-[slot=alert-description]:text-red-600/90 dark:*:data-[slot=alert-description]:text-red-400/90 [&>svg]:text-current"
|
|
7
|
+
} },
|
|
8
|
+
defaultVariants: { variant: "outline" }
|
|
9
|
+
});
|
|
10
|
+
//#endregion
|
|
11
|
+
export { t as alertVariants };
|
|
12
|
+
|
|
13
|
+
//# sourceMappingURL=Alert.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.styles.js","names":[],"sources":["../../../../src/components/alert/Alert/Alert.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\n \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n {\n variants: {\n variant: {\n outline:\n \"bg-white text-neutral-950 dark:bg-neutral-900 dark:text-neutral-50\",\n destructive:\n \"bg-white dark:bg-neutral-900 text-red-600 dark:text-red-400 *:data-[slot=alert-description]:text-red-600/90 dark:*:data-[slot=alert-description]:text-red-400/90 [&>svg]:text-current\",\n },\n },\n defaultVariants: {\n variant: \"outline\",\n },\n },\n);\n"],"mappings":";;AAEA,IAAa,IAAgB,EAC3B,qOACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { BaseProps, PolymorphicProps } from '../../../types';
|
|
3
|
+
import { alertVariants } from './Alert.styles';
|
|
4
|
+
export type AlertProps = PolymorphicProps<"div", BaseProps & VariantProps<typeof alertVariants>, false>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Alert } from './Alert';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { classes as t } from "./AlertAction.styles.js";
|
|
3
|
+
import { mergeProps as n, spread as r, template as i } from "solid-js/web";
|
|
4
|
+
import { splitProps as a } from "solid-js";
|
|
5
|
+
//#region src/components/alert/AlertAction/AlertAction.tsx
|
|
6
|
+
var o = /* @__PURE__ */ i("<div data-slot=alert-action>"), s = (i) => {
|
|
7
|
+
let [s, c] = a(i, ["class", "classList"]);
|
|
8
|
+
return (() => {
|
|
9
|
+
var i = o();
|
|
10
|
+
return r(i, n({ get class() {
|
|
11
|
+
return e(t, s.class);
|
|
12
|
+
} }, c), !1, !1), i;
|
|
13
|
+
})();
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as AlertAction };
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=AlertAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertAction.js","names":["splitProps","AlertActionProps","clsx","classes","AlertAction","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert/AlertAction/AlertAction.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertActionProps } from \"./AlertAction.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertAction.styles\";\n\nexport const AlertAction = (props: AlertActionProps) => {\n const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n return (\n <div\n data-slot=\"alert-action\"\n class={clsx(classes, local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;2DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const classes = "absolute top-2 right-2";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertAction.styles.js","names":[],"sources":["../../../../src/components/alert/AlertAction/AlertAction.styles.ts"],"sourcesContent":["export const classes = \"absolute top-2 right-2\";\n"],"mappings":";AAAA,IAAa,IAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertAction } from './AlertAction';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { classes as t } from "./AlertDescription.styles.js";
|
|
3
|
+
import { mergeProps as n, spread as r, template as i } from "solid-js/web";
|
|
4
|
+
import { splitProps as a } from "solid-js";
|
|
5
|
+
//#region src/components/alert/AlertDescription/AlertDescription.tsx
|
|
6
|
+
var o = /* @__PURE__ */ i("<div data-slot=alert-description>"), s = (i) => {
|
|
7
|
+
let [s, c] = a(i, ["class", "classList"]);
|
|
8
|
+
return (() => {
|
|
9
|
+
var i = o();
|
|
10
|
+
return r(i, n({ get class() {
|
|
11
|
+
return e(t, s.class);
|
|
12
|
+
} }, c), !1, !1), i;
|
|
13
|
+
})();
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as AlertDescription };
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=AlertDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDescription.js","names":["splitProps","AlertDescriptionProps","clsx","classes","AlertDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert/AlertDescription/AlertDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDescriptionProps } from \"./AlertDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDescription.styles\";\n\nexport const AlertDescription = (props: AlertDescriptionProps) => {\n const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n return (\n <div\n data-slot=\"alert-description\"\n class={clsx(classes, local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;gEAKaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const classes = "col-start-2 grid justify-items-start gap-1 text-sm text-neutral-500 dark:text-neutral-400 [&_p]:leading-relaxed";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
//#region src/components/alert/AlertDescription/AlertDescription.styles.ts
|
|
2
|
+
var e = "col-start-2 grid justify-items-start gap-1 text-sm text-neutral-500 dark:text-neutral-400 [&_p]:leading-relaxed";
|
|
3
|
+
//#endregion
|
|
4
|
+
export { e as classes };
|
|
5
|
+
|
|
6
|
+
//# sourceMappingURL=AlertDescription.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDescription.styles.js","names":[],"sources":["../../../../src/components/alert/AlertDescription/AlertDescription.styles.ts"],"sourcesContent":["export const classes =\n \"col-start-2 grid justify-items-start gap-1 text-sm text-neutral-500 dark:text-neutral-400 [&_p]:leading-relaxed\";\n"],"mappings":";AAAA,IAAa,IACX"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDescription } from './AlertDescription';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { classes as t } from "./AlertTitle.styles.js";
|
|
3
|
+
import { mergeProps as n, spread as r, template as i } from "solid-js/web";
|
|
4
|
+
import { splitProps as a } from "solid-js";
|
|
5
|
+
//#region src/components/alert/AlertTitle/AlertTitle.tsx
|
|
6
|
+
var o = /* @__PURE__ */ i("<div data-slot=alert-title>"), s = (i) => {
|
|
7
|
+
let [s, c] = a(i, ["class", "classList"]);
|
|
8
|
+
return (() => {
|
|
9
|
+
var i = o();
|
|
10
|
+
return r(i, n({ get class() {
|
|
11
|
+
return e(t, s.class);
|
|
12
|
+
} }, c), !1, !1), i;
|
|
13
|
+
})();
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as AlertTitle };
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=AlertTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertTitle.js","names":["splitProps","AlertTitleProps","clsx","classes","AlertTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertTitleProps } from \"./AlertTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertTitle.styles\";\n\nexport const AlertTitle = (props: AlertTitleProps) => {\n const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n return (\n <div\n data-slot=\"alert-title\"\n class={clsx(classes, local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;0DAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const classes = "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertTitle.styles.js","names":[],"sources":["../../../../src/components/alert/AlertTitle/AlertTitle.styles.ts"],"sourcesContent":["export const classes =\n \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\";\n"],"mappings":";AAAA,IAAa,IACX"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertTitle } from './AlertTitle';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Alert as e } from "./Alert/Alert.js";
|
|
2
|
+
import { AlertAction as t } from "./AlertAction/AlertAction.js";
|
|
3
|
+
import { AlertTitle as n } from "./AlertTitle/AlertTitle.js";
|
|
4
|
+
import { AlertDescription as r } from "./AlertDescription/AlertDescription.js";
|
|
5
|
+
export { e as Alert, t as AlertAction, r as AlertDescription, n as AlertTitle };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Accessor, Setter } from 'solid-js';
|
|
2
|
+
interface AlertDialogContextValue {
|
|
3
|
+
show: Accessor<boolean>;
|
|
4
|
+
setShow: Setter<boolean>;
|
|
5
|
+
open: Accessor<boolean>;
|
|
6
|
+
setOpen: Setter<boolean>;
|
|
7
|
+
}
|
|
8
|
+
export declare const AlertDialogContext: import('solid-js').Context<AlertDialogContextValue | undefined>;
|
|
9
|
+
export declare const useAlertDialogContext: () => AlertDialogContextValue;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext as e, useContext as t } from "solid-js";
|
|
2
|
+
//#region src/components/alert-dialog/AlertDialog/AlertDialog.context.ts
|
|
3
|
+
var n = e(), r = () => {
|
|
4
|
+
let e = t(n);
|
|
5
|
+
if (!e) throw Error("useAlertDialogContext must be used within an AlertDialogProvider");
|
|
6
|
+
return e;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { n as AlertDialogContext, r as useAlertDialogContext };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=AlertDialog.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.context.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialog/AlertDialog.context.ts"],"sourcesContent":["import {\n type Accessor,\n createContext,\n type Setter,\n useContext,\n} from \"solid-js\";\n\ninterface AlertDialogContextValue {\n show: Accessor<boolean>;\n setShow: Setter<boolean>;\n open: Accessor<boolean>;\n setOpen: Setter<boolean>;\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue>();\n\nexport const useAlertDialogContext = () => {\n const context = useContext(AlertDialogContext);\n if (!context) {\n throw new Error(\n \"useAlertDialogContext must be used within an AlertDialogProvider\",\n );\n }\n return context;\n};\n"],"mappings":";;AAcA,IAAa,IAAqB,GAAwC,EAE7D,UAA8B;CACzC,IAAM,IAAU,EAAW,EAAmB;AAC9C,KAAI,CAAC,EACH,OAAU,MACR,mEACD;AAEH,QAAO"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { AlertDialogContext as e } from "./AlertDialog.context.js";
|
|
2
|
+
import { createComponent as t, spread as n, template as r } from "solid-js/web";
|
|
3
|
+
import { createSignal as i } from "solid-js";
|
|
4
|
+
//#region src/components/alert-dialog/AlertDialog/AlertDialog.tsx
|
|
5
|
+
var a = /* @__PURE__ */ r("<div data-slot=alert-dialog role=alert>"), o = (r) => {
|
|
6
|
+
let [o, s] = i(!1), [c, l] = i(!1);
|
|
7
|
+
return t(e.Provider, {
|
|
8
|
+
value: {
|
|
9
|
+
show: o,
|
|
10
|
+
setShow: s,
|
|
11
|
+
open: c,
|
|
12
|
+
setOpen: l
|
|
13
|
+
},
|
|
14
|
+
get children() {
|
|
15
|
+
var e = a();
|
|
16
|
+
return n(e, r, !1, !1), e;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { o as AlertDialog };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=AlertDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.js","names":["createSignal","AlertDialogProps","AlertDialogContext","AlertDialog","props","show","setShow","open","setOpen","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/alert-dialog/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport type { AlertDialogProps } from \"./AlertDialog.types\";\nimport { AlertDialogContext } from \"./AlertDialog.context\";\n\nexport const AlertDialog = (props: AlertDialogProps) => {\n // 实际显示或卸载信号\n const [show, setShow] = createSignal(false);\n // 动画控制信号\n const [open, setOpen] = createSignal(false);\n\n return (\n <AlertDialogContext.Provider\n value={{\n show,\n setShow,\n open,\n setOpen,\n }}\n >\n <div data-slot=\"alert-dialog\" role=\"alert\" {...props} />\n </AlertDialogContext.Provider>\n );\n};\n"],"mappings":";;;;sEAIaG,KAAeC,MAA4B;CAEtD,IAAM,CAACC,GAAMC,KAAWN,EAAa,GAAM,EAErC,CAACO,GAAMC,KAAWR,EAAa,GAAM;AAE3C,QAAAS,EACGP,EAAmBQ,UAAQ;EAC1BC,OAAO;GACLN;GACAC;GACAC;GACAC;GACD;EAAA,IAAAI,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAEmD,UAFnDC,EAAAF,GAE8CT,GAAK,IAAA,GAAA,EAAAS;;EAAA,CAAA"}
|
|
File without changes
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Button as e } from "../../button/Button.js";
|
|
2
|
+
import { createComponent as t, mergeProps as n } from "solid-js/web";
|
|
3
|
+
//#region src/components/alert-dialog/AlertDialogAction/AlertDialogAction.tsx
|
|
4
|
+
var r = (r) => t(e, n({ "data-slot": "alert-dialog-action" }, r));
|
|
5
|
+
//#endregion
|
|
6
|
+
export { r as AlertDialogAction };
|
|
7
|
+
|
|
8
|
+
//# sourceMappingURL=AlertDialogAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogAction.js","names":["AlertDialogActionProps","Button","AlertDialogAction","props","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/alert-dialog/AlertDialogAction/AlertDialogAction.tsx"],"sourcesContent":["import type { AlertDialogActionProps } from \"./AlertDialogAction.types\";\nimport { Button } from \"~/components/button\";\n\nexport const AlertDialogAction = (props: AlertDialogActionProps) => {\n return <Button data-slot=\"alert-dialog-action\" {...props} />;\n};\n"],"mappings":";;;AAGA,IAAaE,KAAqBC,MAChCC,EAAQH,GAAMI,EAAA,EAAA,aAAA,uBAAA,EAAqCF,EAAK,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialogAction } from './AlertDialogAction';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useAlertDialogContext as e } from "../AlertDialog/AlertDialog.context.js";
|
|
2
|
+
import { Button as t } from "../../button/Button.js";
|
|
3
|
+
import { createComponent as n, mergeProps as r } from "solid-js/web";
|
|
4
|
+
import { mergeProps as i } from "solid-js";
|
|
5
|
+
//#region src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx
|
|
6
|
+
var a = (a) => {
|
|
7
|
+
let { setOpen: o } = e();
|
|
8
|
+
return n(t, r({ "data-slot": "alert-dialog-cancel" }, i({
|
|
9
|
+
variant: "outline",
|
|
10
|
+
size: "md"
|
|
11
|
+
}, a), { onClick: () => o(!1) }));
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { a as AlertDialogCancel };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=AlertDialogCancel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogCancel.js","names":["mergeProps","AlertDialogCancelProps","Button","useAlertDialogContext","AlertDialogCancel","props","setOpen","merged","variant","size","const","_$createComponent","_$mergeProps","onClick"],"sources":["../../../../src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport type { AlertDialogCancelProps } from \"./AlertDialogCancel.types\";\nimport { Button } from \"~/components/button\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogCancel = (props: AlertDialogCancelProps) => {\n const { setOpen } = useAlertDialogContext();\n\n const merged = mergeProps({ variant: \"outline\", size: \"md\" } as const, props);\n\n return (\n <Button\n data-slot=\"alert-dialog-cancel\"\n {...merged}\n onClick={() => setOpen(false)}\n />\n );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,eAAYH,GAAuB;AAI3C,QAAAQ,EACGT,GAAMU,EAAA,EAAA,aAAA,uBAAA,EAHMZ,EAAW;EAAEQ,SAAS;EAAWC,MAAM;EAAM,EAAWJ,EAAM,EAK/D,EACVQ,eAAeP,EAAQ,GAAK,EAAC,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialogCancel } from './AlertDialogCancel';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Setter } from 'solid-js';
|
|
2
|
+
interface AlertDialogContentContextValue {
|
|
3
|
+
setTitleID: Setter<string | undefined>;
|
|
4
|
+
setDescriptionID: Setter<string | undefined>;
|
|
5
|
+
}
|
|
6
|
+
export declare const AlertDialogContentContext: import('solid-js').Context<AlertDialogContentContextValue | undefined>;
|
|
7
|
+
export declare const useAlertDialogContentContext: () => AlertDialogContentContextValue;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext as e, useContext as t } from "solid-js";
|
|
2
|
+
//#region src/components/alert-dialog/AlertDialogContent/AlertDialogContent.context.ts
|
|
3
|
+
var n = e(), r = () => {
|
|
4
|
+
let e = t(n);
|
|
5
|
+
if (!e) throw Error("useAlertDialogContentContext must be used within an AlertDialogContentProvider");
|
|
6
|
+
return e;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { n as AlertDialogContentContext, r as useAlertDialogContentContext };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=AlertDialogContent.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogContent.context.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogContent/AlertDialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface AlertDialogContentContextValue {\n setTitleID: Setter<string | undefined>;\n setDescriptionID: Setter<string | undefined>;\n}\n\nexport const AlertDialogContentContext =\n createContext<AlertDialogContentContextValue>();\n\nexport const useAlertDialogContentContext = () => {\n const ctx = useContext(AlertDialogContentContext);\n if (!ctx)\n throw new Error(\n \"useAlertDialogContentContext must be used within an AlertDialogContentProvider\",\n );\n\n return ctx;\n};\n"],"mappings":";;AAOA,IAAa,IACX,GAA+C,EAEpC,UAAqC;CAChD,IAAM,IAAM,EAAW,EAA0B;AACjD,KAAI,CAAC,EACH,OAAU,MACR,iFACD;AAEH,QAAO"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { useAlertDialogContext as t } from "../AlertDialog/AlertDialog.context.js";
|
|
3
|
+
import { classes as n } from "./AlertDialogContent.styles.js";
|
|
4
|
+
import { AlertDialogPortal as r } from "../AlertDialogPortal/AlertDialogPortal.js";
|
|
5
|
+
import { AlertDialogOverlay as i } from "../AlertDialogOverlay/AlertDialogOverlay.js";
|
|
6
|
+
import { AlertDialogContentContext as a } from "./AlertDialogContent.context.js";
|
|
7
|
+
import { createComponent as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
|
|
8
|
+
import { Show as u, createSignal as d, mergeProps as f, splitProps as p } from "solid-js";
|
|
9
|
+
//#region src/components/alert-dialog/AlertDialogContent/AlertDialogContent.tsx
|
|
10
|
+
var m = /* @__PURE__ */ l("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), h = /* @__PURE__ */ l("<span data-type=inside class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-none p-0 size-px -m-px fixed top-0 left-0\"aria-hidden=true>"), g = /* @__PURE__ */ l("<div data-slot=alert-dialog-content role=alertdialog>"), _ = (l) => {
|
|
11
|
+
let { show: _, open: v, setShow: y } = t(), [b, x] = p(f({ size: "md" }, l), [
|
|
12
|
+
"size",
|
|
13
|
+
"class",
|
|
14
|
+
"classList"
|
|
15
|
+
]), [S, C] = d(), [w, T] = d();
|
|
16
|
+
return o(u, {
|
|
17
|
+
get when() {
|
|
18
|
+
return _();
|
|
19
|
+
},
|
|
20
|
+
get children() {
|
|
21
|
+
return o(a.Provider, {
|
|
22
|
+
value: {
|
|
23
|
+
setTitleID: C,
|
|
24
|
+
setDescriptionID: T
|
|
25
|
+
},
|
|
26
|
+
get children() {
|
|
27
|
+
return o(r, { get children() {
|
|
28
|
+
return [
|
|
29
|
+
m(),
|
|
30
|
+
o(i, {}),
|
|
31
|
+
h(),
|
|
32
|
+
(() => {
|
|
33
|
+
var t = g();
|
|
34
|
+
return t.addEventListener("animationend", () => {
|
|
35
|
+
v() || y(!1);
|
|
36
|
+
}), c(t, s({
|
|
37
|
+
get "data-size"() {
|
|
38
|
+
return b.size;
|
|
39
|
+
},
|
|
40
|
+
get "data-open"() {
|
|
41
|
+
return v();
|
|
42
|
+
},
|
|
43
|
+
get class() {
|
|
44
|
+
return e(n, b.class);
|
|
45
|
+
},
|
|
46
|
+
get "aria-labelledby"() {
|
|
47
|
+
return S();
|
|
48
|
+
},
|
|
49
|
+
get "aria-describedby"() {
|
|
50
|
+
return w();
|
|
51
|
+
}
|
|
52
|
+
}, x), !1, !1), t;
|
|
53
|
+
})(),
|
|
54
|
+
h()
|
|
55
|
+
];
|
|
56
|
+
} });
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
//#endregion
|
|
63
|
+
export { _ as AlertDialogContent };
|
|
64
|
+
|
|
65
|
+
//# sourceMappingURL=AlertDialogContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogContent.js","names":["createSignal","mergeProps","Show","splitProps","AlertDialogContentProps","clsx","classes","AlertDialogPortal","AlertDialogOverlay","AlertDialogContentContext","useAlertDialogContext","AlertDialogContent","props","show","open","setShow","merged","size","const","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","data-size","data-open","class","aria-labelledby","aria-describedby"],"sources":["../../../../src/components/alert-dialog/AlertDialogContent/AlertDialogContent.tsx"],"sourcesContent":["import { createSignal, mergeProps, Show, splitProps } from \"solid-js\";\nimport type { AlertDialogContentProps } from \"./AlertDialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogContent.styles\";\nimport { AlertDialogPortal } from \"../AlertDialogPortal\";\nimport { AlertDialogOverlay } from \"../AlertDialogOverlay\";\nimport { AlertDialogContentContext } from \"./AlertDialogContent.context\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogContent = (props: AlertDialogContentProps) => {\n const { show, open, setShow } = useAlertDialogContext();\n\n const merged = mergeProps({ size: \"md\" } as const, props);\n\n const [local, others] = splitProps(merged, [\"size\", \"class\", \"classList\"]);\n\n const [titleID, setTitleID] = createSignal<string>();\n const [descriptionID, setDescriptionID] = createSignal<string>();\n\n return (\n <Show when={show()}>\n <AlertDialogContentContext.Provider\n value={{ setTitleID, setDescriptionID }}\n >\n <AlertDialogPortal>\n <div\n role=\"presentation\"\n class=\"fixed inset-0 select-none\"\n aria-hidden=\"true\"\n />\n <AlertDialogOverlay />\n <span\n data-type=\"inside\"\n class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-none p-0 size-px -m-px fixed top-0 left-0\"\n aria-hidden=\"true\"\n />\n <div\n data-slot=\"alert-dialog-content\"\n data-size={local.size}\n data-open={open()}\n class={clsx(classes, local.class)}\n role=\"alertdialog\"\n aria-labelledby={titleID()}\n aria-describedby={descriptionID()}\n onAnimationEnd={() => {\n if (open()) return;\n setShow(false);\n }}\n {...others}\n />\n <span\n data-type=\"inside\"\n class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-none p-0 size-px -m-px fixed top-0 left-0\"\n aria-hidden=\"true\"\n />\n </AlertDialogPortal>\n </AlertDialogContentContext.Provider>\n </Show>\n );\n};\n"],"mappings":";;;;;;;;;gXASaW,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,SAAMC,SAAMC,eAAYL,GAAuB,EAIjD,CAACS,GAAOC,KAAUjB,EAFTF,EAAW,EAAEgB,MAAM,MAAM,EAAWL,EAAM,EAEd;EAAC;EAAQ;EAAS;EAAY,CAAC,EAEpE,CAACS,GAASC,KAActB,GAAsB,EAC9C,CAACuB,GAAeC,KAAoBxB,GAAsB;AAEhE,QAAAyB,EACGvB,GAAI;EAAA,IAACwB,OAAI;AAAA,UAAEb,GAAM;;EAAA,IAAAc,WAAA;AAAA,UAAAF,EACfhB,EAA0BmB,UAAQ;IACjCC,OAAO;KAAEP;KAAYE;KAAkB;IAAA,IAAAG,WAAA;AAAA,YAAAF,EAEtClB,GAAiB,EAAA,IAAAoB,WAAA;AAAA,aAAA;OAAAG,GAAA;OAAAL,EAMfjB,GAAkB,EAAA,CAAA;OAAAuB,GAAA;cAAA;QAAA,IAAAC,IAAAC,GAAA;AAkBP,eAlBOD,EAAAE,iBAAA,sBAcK;AAChBpB,YAAM,IACVC,EAAQ,GAAM;UACf,EAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAAA,cAAA;AAAA,iBATUjB,EAAMF;;SAAI,IAAA,cAAA;AAAA,iBACVH,GAAM;;SAAA,IAAA,QAAA;AAAA,iBACVT,EAAKC,GAASa,EAAMoB,MAAM;;SAAA,IAAA,oBAAA;AAAA,iBAEhBlB,GAAS;;SAAA,IAAA,qBAAA;AAAA,iBACRE,GAAe;;SAAA,EAK7BH,EAAM,EAAA,IAAA,GAAA,EAAAY;WAAA;OAAAD,GAAA;OAAA;QAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const classes = "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none data-[size=md]:max-w-xs data-[size=sm]:max-w-xs data-[size=md]:sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
//#region src/components/alert-dialog/AlertDialogContent/AlertDialogContent.styles.ts
|
|
2
|
+
var e = "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none data-[size=md]:max-w-xs data-[size=sm]:max-w-xs data-[size=md]:sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95";
|
|
3
|
+
//#endregion
|
|
4
|
+
export { e as classes };
|
|
5
|
+
|
|
6
|
+
//# sourceMappingURL=AlertDialogContent.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogContent.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogContent/AlertDialogContent.styles.ts"],"sourcesContent":["export const classes =\n \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none data-[size=md]:max-w-xs data-[size=sm]:max-w-xs data-[size=md]:sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAa,IACX"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { useAlertDialogContentContext as t } from "../AlertDialogContent/AlertDialogContent.context.js";
|
|
3
|
+
import { classes as n } from "./AlertDialogDescription.styles.js";
|
|
4
|
+
import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
|
|
5
|
+
import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
|
|
6
|
+
//#region src/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.tsx
|
|
7
|
+
var u = /* @__PURE__ */ o("<p data-slot=alert-dialog-description>"), d = (o) => {
|
|
8
|
+
let { setDescriptionID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
|
|
9
|
+
return c(() => {
|
|
10
|
+
d(m);
|
|
11
|
+
}), (() => {
|
|
12
|
+
var t = u();
|
|
13
|
+
return i(t, "id", m), a(t, r({ get class() {
|
|
14
|
+
return e(n, f.class);
|
|
15
|
+
} }, p), !1, !1), t;
|
|
16
|
+
})();
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { d as AlertDialogDescription };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=AlertDialogDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogDescription.js","names":["createUniqueId","onMount","splitProps","AlertDialogDescriptionProps","clsx","classes","useAlertDialogContentContext","AlertDialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { AlertDialogDescriptionProps } from \"./AlertDialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogDescription.styles\";\nimport { useAlertDialogContentContext } from \"../AlertDialogContent\";\n\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n const { setDescriptionID } = useAlertDialogContentContext();\n\n const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n const id = createUniqueId();\n\n onMount(() => {\n setDescriptionID(id);\n });\n\n return (\n <p\n id={id}\n data-slot=\"alert-dialog-description\"\n class={clsx(classes, local.class)}\n {...others}\n />\n );\n};\n"],"mappings":";;;;;;qEAMaO,KAA0BC,MAAuC;CAC5E,IAAM,EAAEC,wBAAqBH,GAA8B,EAErD,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAiBG,EAAG;GACpB,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}
|
package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const classes = "text-sm text-balance text-neutral-500 dark:text-neutral-400 md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
//#region src/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.ts
|
|
2
|
+
var e = "text-sm text-balance text-neutral-500 dark:text-neutral-400 md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";
|
|
3
|
+
//#endregion
|
|
4
|
+
export { e as classes };
|
|
5
|
+
|
|
6
|
+
//# sourceMappingURL=AlertDialogDescription.styles.js.map
|
package/dist/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogDescription.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogDescription/AlertDialogDescription.styles.ts"],"sourcesContent":["export const classes =\n \"text-sm text-balance text-neutral-500 dark:text-neutral-400 md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IACX"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialogDescription } from './AlertDialogDescription';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { clsx as e } from "../../../utils/clsx.js";
|
|
2
|
+
import { classes as t } from "./AlertDialogFooter.styles.js";
|
|
3
|
+
import { mergeProps as n, spread as r, template as i } from "solid-js/web";
|
|
4
|
+
import { splitProps as a } from "solid-js";
|
|
5
|
+
//#region src/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.tsx
|
|
6
|
+
var o = /* @__PURE__ */ i("<div data-slot=alert-dialog-footer>"), s = (i) => {
|
|
7
|
+
let [s, c] = a(i, ["class", "classList"]);
|
|
8
|
+
return (() => {
|
|
9
|
+
var i = o();
|
|
10
|
+
return r(i, n({ get class() {
|
|
11
|
+
return e(t, s.class);
|
|
12
|
+
} }, c), !1, !1), i;
|
|
13
|
+
})();
|
|
14
|
+
};
|
|
15
|
+
//#endregion
|
|
16
|
+
export { s as AlertDialogFooter };
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=AlertDialogFooter.js.map
|