@jinmi/ui 0.0.0-stage → 6.0.1

package/es/Alert/style.mjs

@@ -0,0 +1,353 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Alert/style.ts
+const prefixCls = "ant";
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		banner: css`
+      border: none !important;
+      border-radius: 0 !important;
+    `,
+		borderless: css`
+      padding: 0 !important;
+      border: none !important;
+      background: transparent !important;
+    `,
+		borderlessExtraHeaderNoTitle: css`
+      margin-block-start: 8px;
+      padding-inline: 0;
+    `,
+		borderlessExtraHeaderWithTitle: css`
+      margin-block-start: 16px;
+      padding-inline: 0;
+    `,
+		colorfulText: css`
+      .${prefixCls}-alert-message,.${prefixCls}-alert-description {
+        color: inherit;
+      }
+    `,
+		expandText: css`
+      padding-inline-end: 12px;
+
+      &:hover {
+        cursor: pointer;
+      }
+    `,
+		extra: css`
+      position: relative;
+
+      overflow: hidden;
+
+      max-width: 100%;
+      border: 1px solid;
+      border-block-start: none;
+      border-end-start-radius: ${cssVar.borderRadiusLG};
+      border-end-end-radius: ${cssVar.borderRadiusLG};
+    `,
+		extraHeader: css`
+      border-block-start: 1px dashed;
+      border-radius: 0;
+      background: transparent !important;
+    `,
+		filled: css``,
+		glass: staticStylish.blur,
+		hasExtra: css`
+      border-block-end: none;
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+    `,
+		outlined: css`
+      background: transparent !important;
+    `,
+		rootBase: css`
+      position: relative;
+
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+
+      max-width: 100%;
+
+      /* Every control anchors itself to the title's FIRST 24px line box via
+         align-self. Root-level align-items cannot be relied on: antd v6's own
+         base style centers the row, and whether it or these static styles win
+         depends on stylesheet injection order, which differs between
+         environments. Centering the row is also wrong for message-only alerts
+         whose content wraps - the icon drifts to the middle of the block. */
+      .${prefixCls}-alert-icon {
+        display: flex;
+        align-items: center;
+        align-self: flex-start;
+
+        height: 24px;
+        margin: 0;
+      }
+      .${prefixCls}-alert-close-icon {
+        display: flex;
+        align-items: center;
+        align-self: flex-start;
+
+        height: 24px;
+        margin: 0;
+      }
+      .${prefixCls}-alert-actions {
+        display: flex;
+        align-items: center;
+        align-self: flex-start;
+        height: 24px;
+      }
+    `,
+		rootNoTitleNoIconNoClosable: css`
+      gap: 8px;
+      padding-block: 8px;
+      padding-inline: 12px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 400;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+    `,
+		rootNoTitleNoIconWithClosable: css`
+      gap: 8px;
+      padding-block: 8px;
+      padding-inline: 12px 9px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 400;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+    `,
+		rootNoTitleWithIconNoClosable: css`
+      gap: 8px;
+      padding-block: 8px;
+      padding-inline: 9px 12px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 400;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+    `,
+		rootNoTitleWithIconWithClosable: css`
+      gap: 8px;
+      padding-block: 8px;
+      padding-inline: 9px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 400;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+    `,
+		rootWithTitleNoIconNoClosable: css`
+      gap: 12px;
+      padding-block: 16px;
+      padding-inline: 16px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 500;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+      .${prefixCls}-alert-description {
+        line-height: 1.5;
+        word-break: normal;
+        opacity: 0.75;
+      }
+    `,
+		rootWithTitleNoIconWithClosable: css`
+      gap: 12px;
+      padding-block: 16px;
+      padding-inline: 16px 12px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 500;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+      .${prefixCls}-alert-description {
+        line-height: 1.5;
+        word-break: normal;
+        opacity: 0.75;
+      }
+    `,
+		rootWithTitleWithIconNoClosable: css`
+      gap: 12px;
+      padding-block: 16px;
+      padding-inline: 12px 16px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 500;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+      .${prefixCls}-alert-description {
+        line-height: 1.5;
+        word-break: normal;
+        opacity: 0.75;
+      }
+    `,
+		rootWithTitleWithIconWithClosable: css`
+      gap: 12px;
+      padding-block: 16px;
+      padding-inline: 12px;
+
+      .${prefixCls}-alert-title {
+        font-weight: 500;
+        line-height: 24px;
+        color: inherit;
+        word-break: normal;
+      }
+      .${prefixCls}-alert-description {
+        line-height: 1.5;
+        word-break: normal;
+        opacity: 0.75;
+      }
+    `
+	};
+});
+const extraVariants = cva(styles.extra, {
+	defaultVariants: { variant: "filled" },
+	variants: {
+		variant: {
+			filled: styles.filled,
+			outlined: styles.outlined,
+			borderless: styles.borderless
+		},
+		banner: {
+			false: null,
+			true: styles.banner
+		}
+	}
+});
+const rootVariants = cva(styles.rootBase, {
+	compoundVariants: [
+		{
+			class: styles.rootNoTitleNoIconNoClosable,
+			closable: false,
+			hasTitle: false,
+			showIcon: false
+		},
+		{
+			class: styles.rootNoTitleNoIconWithClosable,
+			closable: true,
+			hasTitle: false,
+			showIcon: false
+		},
+		{
+			class: styles.rootNoTitleWithIconNoClosable,
+			closable: false,
+			hasTitle: false,
+			showIcon: true
+		},
+		{
+			class: styles.rootNoTitleWithIconWithClosable,
+			closable: true,
+			hasTitle: false,
+			showIcon: true
+		},
+		{
+			class: styles.rootWithTitleNoIconNoClosable,
+			closable: false,
+			hasTitle: true,
+			showIcon: false
+		},
+		{
+			class: styles.rootWithTitleNoIconWithClosable,
+			closable: true,
+			hasTitle: true,
+			showIcon: false
+		},
+		{
+			class: styles.rootWithTitleWithIconNoClosable,
+			closable: false,
+			hasTitle: true,
+			showIcon: true
+		},
+		{
+			class: styles.rootWithTitleWithIconWithClosable,
+			closable: true,
+			hasTitle: true,
+			showIcon: true
+		}
+	],
+	defaultVariants: {
+		closable: false,
+		colorfulText: true,
+		glass: false,
+		hasTitle: false,
+		showIcon: false,
+		variant: "filled"
+	},
+	variants: {
+		closable: {
+			false: null,
+			true: null
+		},
+		colorfulText: {
+			false: null,
+			true: styles.colorfulText
+		},
+		glass: {
+			false: null,
+			true: styles.glass
+		},
+		hasTitle: {
+			false: null,
+			true: null
+		},
+		showIcon: {
+			false: null,
+			true: null
+		},
+		variant: {
+			borderless: styles.borderless,
+			filled: styles.filled,
+			outlined: styles.outlined
+		},
+		hasExtra: {
+			false: null,
+			true: styles.hasExtra
+		}
+	}
+});
+const extraHeaderVariants = cva(styles.extraHeader, {
+	compoundVariants: [{
+		class: styles.borderlessExtraHeaderNoTitle,
+		hasTitle: false,
+		variant: "borderless"
+	}, {
+		class: styles.borderlessExtraHeaderWithTitle,
+		hasTitle: true,
+		variant: "borderless"
+	}],
+	defaultVariants: {
+		hasTitle: false,
+		variant: "filled"
+	},
+	variants: {
+		hasTitle: {
+			false: null,
+			true: null
+		},
+		variant: {
+			borderless: null,
+			filled: null,
+			outlined: null
+		}
+	}
+});
+//#endregion
+export { extraHeaderVariants, extraVariants, rootVariants, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Alert/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nconst prefixCls = 'ant';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    banner: css`\r\n      border: none !important;\r\n      border-radius: 0 !important;\r\n    `,\r\n    borderless: css`\r\n      padding: 0 !important;\r\n      border: none !important;\r\n      background: transparent !important;\r\n    `,\r\n    borderlessExtraHeaderNoTitle: css`\r\n      margin-block-start: 8px;\r\n      padding-inline: 0;\r\n    `,\r\n    borderlessExtraHeaderWithTitle: css`\r\n      margin-block-start: 16px;\r\n      padding-inline: 0;\r\n    `,\r\n    colorfulText: css`\r\n      .${prefixCls}-alert-message,.${prefixCls}-alert-description {\r\n        color: inherit;\r\n      }\r\n    `,\r\n    expandText: css`\r\n      padding-inline-end: 12px;\r\n\r\n      &:hover {\r\n        cursor: pointer;\r\n      }\r\n    `,\r\n    extra: css`\r\n      position: relative;\r\n\r\n      overflow: hidden;\r\n\r\n      max-width: 100%;\r\n      border: 1px solid;\r\n      border-block-start: none;\r\n      border-end-start-radius: ${cssVar.borderRadiusLG};\r\n      border-end-end-radius: ${cssVar.borderRadiusLG};\r\n    `,\r\n    extraHeader: css`\r\n      border-block-start: 1px dashed;\r\n      border-radius: 0;\r\n      background: transparent !important;\r\n    `,\r\n    filled: css``,\r\n    glass: lobeStaticStylish.blur,\r\n    hasExtra: css`\r\n      border-block-end: none;\r\n      border-end-start-radius: 0;\r\n      border-end-end-radius: 0;\r\n    `,\r\n    outlined: css`\r\n      background: transparent !important;\r\n    `,\r\n    // Root variants based on closable, hasTitle, showIcon combinations\r\n    rootBase: css`\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: flex-start;\r\n\r\n      max-width: 100%;\r\n\r\n      /* Every control anchors itself to the title's FIRST 24px line box via\r\n         align-self. Root-level align-items cannot be relied on: antd v6's own\r\n         base style centers the row, and whether it or these static styles win\r\n         depends on stylesheet injection order, which differs between\r\n         environments. Centering the row is also wrong for message-only alerts\r\n         whose content wraps - the icon drifts to the middle of the block. */\r\n      .${prefixCls}-alert-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        align-self: flex-start;\r\n\r\n        height: 24px;\r\n        margin: 0;\r\n      }\r\n      .${prefixCls}-alert-close-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        align-self: flex-start;\r\n\r\n        height: 24px;\r\n        margin: 0;\r\n      }\r\n      .${prefixCls}-alert-actions {\r\n        display: flex;\r\n        align-items: center;\r\n        align-self: flex-start;\r\n        height: 24px;\r\n      }\r\n    `,\r\n    rootNoTitleNoIconNoClosable: css`\r\n      gap: 8px;\r\n      padding-block: 8px;\r\n      padding-inline: 12px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n    `,\r\n    rootNoTitleNoIconWithClosable: css`\r\n      gap: 8px;\r\n      padding-block: 8px;\r\n      padding-inline: 12px 9px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n    `,\r\n    rootNoTitleWithIconNoClosable: css`\r\n      gap: 8px;\r\n      padding-block: 8px;\r\n      padding-inline: 9px 12px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n    `,\r\n    rootNoTitleWithIconWithClosable: css`\r\n      gap: 8px;\r\n      padding-block: 8px;\r\n      padding-inline: 9px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n    `,\r\n    rootWithTitleNoIconNoClosable: css`\r\n      gap: 12px;\r\n      padding-block: 16px;\r\n      padding-inline: 16px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 500;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n      .${prefixCls}-alert-description {\r\n        line-height: 1.5;\r\n        word-break: normal;\r\n        opacity: 0.75;\r\n      }\r\n    `,\r\n    rootWithTitleNoIconWithClosable: css`\r\n      gap: 12px;\r\n      padding-block: 16px;\r\n      padding-inline: 16px 12px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 500;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n      .${prefixCls}-alert-description {\r\n        line-height: 1.5;\r\n        word-break: normal;\r\n        opacity: 0.75;\r\n      }\r\n    `,\r\n    rootWithTitleWithIconNoClosable: css`\r\n      gap: 12px;\r\n      padding-block: 16px;\r\n      padding-inline: 12px 16px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 500;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n      .${prefixCls}-alert-description {\r\n        line-height: 1.5;\r\n        word-break: normal;\r\n        opacity: 0.75;\r\n      }\r\n    `,\r\n    rootWithTitleWithIconWithClosable: css`\r\n      gap: 12px;\r\n      padding-block: 16px;\r\n      padding-inline: 12px;\r\n\r\n      .${prefixCls}-alert-title {\r\n        font-weight: 500;\r\n        line-height: 24px;\r\n        color: inherit;\r\n        word-break: normal;\r\n      }\r\n      .${prefixCls}-alert-description {\r\n        line-height: 1.5;\r\n        word-break: normal;\r\n        opacity: 0.75;\r\n      }\r\n    `,\r\n  };\r\n});\r\n\r\nexport const extraVariants = cva(styles.extra, {\r\n  defaultVariants: {\r\n    variant: 'filled',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n    },\r\n    banner: {\r\n      false: null,\r\n      true: styles.banner,\r\n    },\r\n  },\r\n});\r\n\r\nexport const rootVariants = cva(styles.rootBase, {\r\n  compoundVariants: [\r\n    {\r\n      class: styles.rootNoTitleNoIconNoClosable,\r\n      closable: false,\r\n      hasTitle: false,\r\n      showIcon: false,\r\n    },\r\n    {\r\n      class: styles.rootNoTitleNoIconWithClosable,\r\n      closable: true,\r\n      hasTitle: false,\r\n      showIcon: false,\r\n    },\r\n    {\r\n      class: styles.rootNoTitleWithIconNoClosable,\r\n      closable: false,\r\n      hasTitle: false,\r\n      showIcon: true,\r\n    },\r\n    {\r\n      class: styles.rootNoTitleWithIconWithClosable,\r\n      closable: true,\r\n      hasTitle: false,\r\n      showIcon: true,\r\n    },\r\n    {\r\n      class: styles.rootWithTitleNoIconNoClosable,\r\n      closable: false,\r\n      hasTitle: true,\r\n      showIcon: false,\r\n    },\r\n    {\r\n      class: styles.rootWithTitleNoIconWithClosable,\r\n      closable: true,\r\n      hasTitle: true,\r\n      showIcon: false,\r\n    },\r\n    {\r\n      class: styles.rootWithTitleWithIconNoClosable,\r\n      closable: false,\r\n      hasTitle: true,\r\n      showIcon: true,\r\n    },\r\n    {\r\n      class: styles.rootWithTitleWithIconWithClosable,\r\n      closable: true,\r\n      hasTitle: true,\r\n      showIcon: true,\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    closable: false,\r\n    colorfulText: true,\r\n    glass: false,\r\n    hasTitle: false,\r\n    showIcon: false,\r\n    variant: 'filled',\r\n  },\r\n\r\n  variants: {\r\n    closable: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    colorfulText: {\r\n      false: null,\r\n      true: styles.colorfulText,\r\n    },\r\n    glass: {\r\n      false: null,\r\n      true: styles.glass,\r\n    },\r\n    hasTitle: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    showIcon: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    variant: {\r\n      borderless: styles.borderless,\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n    },\r\n    hasExtra: {\r\n      false: null,\r\n      true: styles.hasExtra,\r\n    },\r\n  },\r\n});\r\n\r\nexport const extraHeaderVariants = cva(styles.extraHeader, {\r\n  compoundVariants: [\r\n    {\r\n      class: styles.borderlessExtraHeaderNoTitle,\r\n      hasTitle: false,\r\n      variant: 'borderless',\r\n    },\r\n    {\r\n      class: styles.borderlessExtraHeaderWithTitle,\r\n      hasTitle: true,\r\n      variant: 'borderless',\r\n    },\r\n  ],\r\n  defaultVariants: {\r\n    hasTitle: false,\r\n    variant: 'filled',\r\n  },\r\n\r\n  variants: {\r\n    hasTitle: {\r\n      false: null,\r\n      true: null,\r\n    },\r\n    variant: {\r\n      borderless: null,\r\n      filled: null,\r\n      outlined: null,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;;EAIX,YAAY,GAAG;;;;;EAKf,8BAA8B,GAAG;;;;EAIjC,gCAAgC,GAAG;;;;EAInC,cAAc,GAAG;SACZ,UAAU,kBAAkB,UAAU;;;;EAI3C,YAAY,GAAG;;;;;;;EAOf,OAAO,GAAG;;;;;;;;iCAQmB,OAAO,eAAe;+BACxB,OAAO,eAAe;;EAEjD,aAAa,GAAG;;;;;EAKhB,QAAQ,GAAG;EACX,OAAOA,cAAkB;EACzB,UAAU,GAAG;;;;;EAKb,UAAU,GAAG;;;EAIb,UAAU,GAAG;;;;;;;;;;;;;;;SAeR,UAAU;;;;;;;;SAQV,UAAU;;;;;;;;SAQV,UAAU;;;;;;;EAOf,6BAA6B,GAAG;;;;;SAK3B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,mCAAmC,GAAG;;;;;SAKjC,UAAU;;;;;;SAMV,UAAU;;;;;;CAMjB;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,UAAU;EACV,cAAc;EACd,OAAO;EACP,UAAU;EACV,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,cAAc;GACZ,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,IAAI,OAAO,aAAa;CACzD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,GACA;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,CACF;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;EACZ;CACF;AACF,CAAC"}

package/es/Alert/type.d.mts

@@ -0,0 +1,34 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { AlertProps } from "antd";
+import { AlertRef } from "antd/lib/alert/Alert.js";
+//#region src/Alert/type.d.ts
+interface AlertProps$1 extends Omit<AlertProps, 'classNames' | 'icon' | 'styles' | 'type' | 'variant'> {
+  classNames?: {
+    alert?: string;
+    container?: string;
+    extraContent?: string;
+  };
+  colorfulText?: boolean;
+  extra?: ReactNode;
+  extraDefaultExpand?: boolean;
+  extraIsolate?: boolean;
+  glass?: boolean;
+  icon?: IconProps['icon'];
+  iconProps?: Omit<IconProps, 'icon'>;
+  ref?: Ref<AlertRef>;
+  styles?: {
+    alert?: CSSProperties;
+    container?: CSSProperties;
+    extraContent?: CSSProperties;
+  };
+  text?: {
+    detail?: string;
+  };
+  type?: 'success' | 'info' | 'warning' | 'error' | 'secondary';
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { AlertProps$1 as AlertProps };
+//# sourceMappingURL=type.d.mts.map

package/es/AutoComplete/Select.d.mts

@@ -0,0 +1,6 @@
+import { AutoCompleteProps } from "./type.mjs";
+//#region src/AutoComplete/Select.d.ts
+declare const AutoComplete: import("react").NamedExoticComponent<AutoCompleteProps>;
+//#endregion
+export { AutoComplete as default };
+//# sourceMappingURL=Select.d.mts.map

package/es/AutoComplete/Select.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { variants } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import { AutoComplete } from "antd";
+//#region src/AutoComplete/Select.tsx
+const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	return /* @__PURE__ */ jsx(AutoComplete, {
+		variant: variant || (isDarkMode ? "filled" : "outlined"),
+		className: cx(variants({
+			shadow,
+			variant: variant || (isDarkMode ? "filled" : "outlined")
+		}), className),
+		...rest
+	});
+});
+AutoComplete$1.displayName = "AutoComplete";
+//#endregion
+export { AutoComplete$1 as default };
+
+//# sourceMappingURL=Select.mjs.map

package/es/AutoComplete/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { AutoComplete as AntAutoComplete } from 'antd';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { variants } from './style';\r\nimport type { AutoCompleteProps } from './type';\r\n\r\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\r\n  const { isDarkMode } = useThemeMode();\r\n\r\n  return (\r\n    <AntAutoComplete\r\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\r\n      className={cx(\r\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\r\n        className,\r\n      )}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nAutoComplete.displayName = 'AutoComplete';\r\n\r\nexport default AutoComplete;\r\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,cAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAa,cAAc"}

package/es/AutoComplete/index.d.mts

@@ -0,0 +1,3 @@
+import { AutoCompleteProps } from "./type.mjs";
+import AutoComplete from "./Select.mjs";
+export { type AutoCompleteProps, AutoComplete as default };

package/es/AutoComplete/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/AutoComplete/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/AutoComplete/index.mjs

@@ -0,0 +1,2 @@
+import AutoComplete from "./Select.mjs";
+export { AutoComplete as default };

package/es/AutoComplete/style.mjs

@@ -0,0 +1,56 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/AutoComplete/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		borderless: css`
+      &[class*='ant-select'] {
+        > [class*='ant-select-selector'] {
+          ${staticStylish.variantBorderless}
+        }
+      }
+    `,
+		filled: css`
+      &[class*='ant-select'] {
+        > [class*='ant-select-selector'] {
+          ${staticStylish.variantFilled}
+        }
+      }
+    `,
+		outlined: css`
+      &[class*='ant-select'] {
+        > [class*='ant-select-selector'] {
+          ${staticStylish.variantOutlined}
+        }
+      }
+    `,
+		root: css``,
+		shadow: css`
+      &[class*='ant-select'] {
+        > [class*='ant-select-selector'] {
+          ${staticStylish.shadow}
+        }
+      }
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: { shadow: false },
+	variants: {
+		variant: {
+			filled: styles.filled,
+			outlined: styles.outlined,
+			borderless: styles.borderless,
+			underlined: null
+		},
+		shadow: {
+			false: null,
+			true: styles.shadow
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/AutoComplete/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/AutoComplete/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    borderless: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantBorderless}\r\n        }\r\n      }\r\n    `,\r\n    filled: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantFilled}\r\n        }\r\n      }\r\n    `,\r\n    outlined: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.variantOutlined}\r\n        }\r\n      }\r\n    `,\r\n    root: css``,\r\n    shadow: css`\r\n      &[class*='ant-select'] {\r\n        > [class*='ant-select-selector'] {\r\n          ${lobeStaticStylish.shadow}\r\n        }\r\n      }\r\n    `,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    shadow: false,\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n      underlined: null,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,YAAY,GAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,GAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,GAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,GAAG;EACT,QAAQ,GAAG;;;YAGHA,cAAkB,OAAO;;;;CAInC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,MACV;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;EACd;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/AutoComplete/type.d.mts

@@ -0,0 +1,8 @@
+import { AutoCompleteProps } from "antd";
+//#region src/AutoComplete/type.d.ts
+interface AutoCompleteProps$1 extends AutoCompleteProps {
+  shadow?: boolean;
+}
+//#endregion
+export { AutoCompleteProps$1 as AutoCompleteProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Avatar/Avatar.mjs

@@ -0,0 +1,110 @@
+"use client";
+import Center from "../Flex/Center.mjs";
+import Icon from "../Icon/Icon.mjs";
+import Img from "../Img/index.mjs";
+import FluentEmoji from "../FluentEmoji/FluentEmoji.mjs";
+import { safeReadableColor } from "../utils/safeReadableColor.mjs";
+import { styles, variants } from "./style.mjs";
+import { calculateEmojiSize, formatAvatarText, hasValidBackground, isDefaultAntAvatar } from "./utils.mjs";
+import { memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx } from "antd-style";
+import { Loader2 } from "lucide-react";
+import { Avatar } from "antd";
+import { getEmoji } from "@lobehub/fluent-emoji";
+//#region src/Avatar/Avatar.tsx
+/**
+* @deprecated Use `Avatar` from `@jinmi/ui/base-ui` instead.
+*/
+const Avatar$1 = memo(({ bordered, className, avatar, title, animation, borderedColor, size = 48, shape = "square", background, style, unoptimized, alt, variant = "borderless", shadow, loading, sliceText = true, emojiScaleWithBackground = true, ref, ...rest }) => {
+	const isStringAvatar = typeof avatar === "string";
+	const isDefaultAntAvatar$1 = useMemo(() => isDefaultAntAvatar(avatar), [avatar]);
+	const [isImgError, setIsImgError] = useState(false);
+	const emoji = useMemo(() => avatar && !isDefaultAntAvatar$1 && isStringAvatar && getEmoji(avatar), [
+		avatar,
+		isStringAvatar,
+		isDefaultAntAvatar$1
+	]);
+	const text = String(isDefaultAntAvatar$1 ? title : avatar);
+	const imgAlt = alt || title || "avatar";
+	const defaultAvatar = useMemo(() => typeof avatar === "string" ? /* @__PURE__ */ jsx(Img, {
+		alt: imgAlt,
+		height: size,
+		loading: "lazy",
+		src: avatar,
+		unoptimized,
+		width: size,
+		onError: () => setIsImgError(true)
+	}) : avatar, [
+		avatar,
+		imgAlt,
+		size,
+		unoptimized
+	]);
+	const hasBackground = hasValidBackground(background);
+	const customAvatar = useMemo(() => emoji ? /* @__PURE__ */ jsx(FluentEmoji, {
+		emoji,
+		size: calculateEmojiSize(size, hasBackground, emojiScaleWithBackground),
+		type: animation ? "anim" : "3d",
+		unoptimized
+	}) : formatAvatarText(text || title, sliceText), [
+		animation,
+		emoji,
+		hasBackground,
+		size,
+		sliceText,
+		text,
+		title,
+		unoptimized,
+		emojiScaleWithBackground
+	]);
+	const avatarStyle = useMemo(() => ({
+		backgroundColor: isDefaultAntAvatar$1 && !isImgError || emoji ? background : background || cssVar.colorBorder,
+		borderRadius: shape === "square" && size && size < 24 ? "33%" : void 0,
+		boxShadow: bordered ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px` : void 0,
+		color: safeReadableColor(background || cssVar.colorBorder),
+		cursor: rest?.onClick ? "pointer" : void 0,
+		fontSize: size * (emoji ? .7 : .5),
+		...style
+	}), [
+		isDefaultAntAvatar$1,
+		isImgError,
+		background,
+		shape,
+		emoji,
+		size,
+		bordered,
+		borderedColor,
+		rest?.onClick,
+		style
+	]);
+	const showFallback = !isDefaultAntAvatar$1 || isImgError;
+	return /* @__PURE__ */ jsxs(Avatar, {
+		alt: imgAlt,
+		className: cx(variants({
+			shadow,
+			variant
+		}), className),
+		draggable: false,
+		ref,
+		shape,
+		size,
+		src: isDefaultAntAvatar$1 && !isImgError ? defaultAvatar : void 0,
+		style: avatarStyle,
+		...rest,
+		children: [loading && /* @__PURE__ */ jsx(Center, {
+			className: styles.loading,
+			height: "100%",
+			width: "100%",
+			children: /* @__PURE__ */ jsx(Icon, {
+				spin: true,
+				icon: Loader2
+			})
+		}), showFallback && customAvatar]
+	});
+});
+Avatar$1.displayName = "Avatar";
+//#endregion
+export { Avatar$1 as default };
+
+//# sourceMappingURL=Avatar.mjs.map

package/es/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Avatar","isDefaultAntAvatar","checkIsDefaultAntAvatar","AntAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { getEmoji } from '@lobehub/fluent-emoji';\r\nimport { Avatar as AntAvatar } from 'antd';\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { memo, useMemo, useState } from 'react';\r\n\r\nimport { Center } from '@/Flex';\r\nimport FluentEmoji from '@/FluentEmoji';\r\nimport Icon from '@/Icon';\r\nimport Img from '@/Img';\r\nimport { safeReadableColor } from '@/utils/safeReadableColor';\r\n\r\nimport { styles, variants } from './style';\r\nimport { type AvatarProps } from './type';\r\nimport {\r\n  calculateEmojiSize,\r\n  formatAvatarText,\r\n  hasValidBackground,\r\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\r\n} from './utils';\r\n\r\n/**\r\n * @deprecated Use `Avatar` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Avatar = memo<AvatarProps>(\r\n  ({\r\n    bordered,\r\n    className,\r\n    avatar,\r\n    title,\r\n    animation,\r\n    borderedColor,\r\n    size = 48,\r\n    shape = 'square',\r\n    background,\r\n    style,\r\n    unoptimized,\r\n    alt,\r\n    variant = 'borderless',\r\n    shadow,\r\n    loading,\r\n    sliceText = true,\r\n    emojiScaleWithBackground = true,\r\n    ref,\r\n    ...rest\r\n  }) => {\r\n    const isStringAvatar = typeof avatar === 'string';\r\n\r\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\r\n    const [isImgError, setIsImgError] = useState(false);\r\n\r\n    const emoji = useMemo(\r\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\r\n      [avatar, isStringAvatar, isDefaultAntAvatar],\r\n    );\r\n\r\n    const text = String(isDefaultAntAvatar ? title : avatar);\r\n\r\n    const imgAlt = alt || title || 'avatar';\r\n\r\n    const defaultAvatar = useMemo(\r\n      () =>\r\n        typeof avatar === 'string' ? (\r\n          <Img\r\n            alt={imgAlt}\r\n            height={size}\r\n            loading={'lazy'}\r\n            src={avatar}\r\n            unoptimized={unoptimized}\r\n            width={size}\r\n            onError={() => setIsImgError(true)}\r\n          />\r\n        ) : (\r\n          avatar\r\n        ),\r\n      [avatar, imgAlt, size, unoptimized],\r\n    );\r\n\r\n    const hasBackground = hasValidBackground(background);\r\n\r\n    const customAvatar = useMemo(\r\n      () =>\r\n        emoji ? (\r\n          <FluentEmoji\r\n            emoji={emoji}\r\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\r\n            type={animation ? 'anim' : '3d'}\r\n            unoptimized={unoptimized}\r\n          />\r\n        ) : (\r\n          formatAvatarText(text || title, sliceText)\r\n        ),\r\n      [\r\n        animation,\r\n        emoji,\r\n        hasBackground,\r\n        size,\r\n        sliceText,\r\n        text,\r\n        title,\r\n        unoptimized,\r\n        emojiScaleWithBackground,\r\n      ],\r\n    );\r\n\r\n    const avatarStyle = useMemo(\r\n      () => ({\r\n        backgroundColor:\r\n          (isDefaultAntAvatar && !isImgError) || emoji\r\n            ? background\r\n            : background || cssVar.colorBorder,\r\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\r\n        boxShadow: bordered\r\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\r\n          : undefined,\r\n        color: safeReadableColor(background || cssVar.colorBorder),\r\n        cursor: rest?.onClick ? 'pointer' : undefined,\r\n        fontSize: size * (emoji ? 0.7 : 0.5),\r\n        ...style,\r\n      }),\r\n      [\r\n        isDefaultAntAvatar,\r\n        isImgError,\r\n        background,\r\n        shape,\r\n        emoji,\r\n        size,\r\n        bordered,\r\n        borderedColor,\r\n        rest?.onClick,\r\n        style,\r\n      ],\r\n    );\r\n\r\n    const showFallback = !isDefaultAntAvatar || isImgError;\r\n\r\n    return (\r\n      <AntAvatar\r\n        alt={imgAlt}\r\n        className={cx(variants({ shadow, variant }), className)}\r\n        draggable={false}\r\n        ref={ref}\r\n        shape={shape}\r\n        size={size}\r\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\r\n        style={avatarStyle}\r\n        {...rest}\r\n      >\r\n        {loading && (\r\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\r\n            <Icon spin icon={Loader2} />\r\n          </Center>\r\n        )}\r\n        {showFallback && customAvatar}\r\n      </AntAvatar>\r\n    );\r\n  },\r\n);\r\n\r\nAvatar.displayName = 'Avatar';\r\n\r\nexport default Avatar;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAMC,uBAAqB,cAAcC,mBAAwB,MAAM,GAAG,CAAC,MAAM,CAAC;CAClF,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,MAAM,QAAQ,cACN,UAAU,CAACD,wBAAsB,kBAAkB,SAAS,MAAM,GACxE;EAAC;EAAQ;EAAgBA;CAAkB,CAC7C;CAEA,MAAM,OAAO,OAAOA,uBAAqB,QAAQ,MAAM;CAEvD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,cAElB,OAAO,WAAW,WAChB,oBAAC,KAAD;EACE,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;EACP,eAAe,cAAc,IAAI;CAClC,CAAA,IAED,QAEJ;EAAC;EAAQ;EAAQ;EAAM;CAAW,CACpC;CAEA,MAAM,gBAAgB,mBAAmB,UAAU;CAEnD,MAAM,eAAe,cAEjB,QACE,oBAAC,aAAD;EACS;EACP,MAAM,mBAAmB,MAAM,eAAe,wBAAwB;EACtE,MAAM,YAAY,SAAS;EACd;CACd,CAAA,IAED,iBAAiB,QAAQ,OAAO,SAAS,GAE7C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,cAAc,eACX;EACL,iBACGA,wBAAsB,CAAC,cAAe,QACnC,aACA,cAAc,OAAO;EAC3B,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ,KAAA;EAChE,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF,KAAA;EACJ,OAAO,kBAAkB,cAAc,OAAO,WAAW;EACzD,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;CACL,IACA;EACEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;CACF,CACF;CAEA,MAAM,eAAe,CAACA,wBAAsB;CAE5C,OACE,qBAACE,QAAD;EACE,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACtD,WAAW;EACN;EACE;EACD;EACN,KAAKF,wBAAsB,CAAC,aAAa,gBAAgB,KAAA;EACzD,OAAO;EACP,GAAI;EATN,UAAA,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;GACxD,UAAA,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;GAAU,CAAA;EACrB,CAAA,GAET,gBAAgB,YACR;;AAEf,CACF;AAEA,SAAO,cAAc"}

package/es/Avatar/AvatarGroup/index.d.mts

@@ -0,0 +1,6 @@
+import { AvatarGroupProps } from "../type.mjs";
+//#region src/Avatar/AvatarGroup/index.d.ts
+declare const AvatarGroup: import("react").NamedExoticComponent<AvatarGroupProps>;
+//#endregion
+export { AvatarGroup as default };
+//# sourceMappingURL=index.d.mts.map