@modul/mbui 0.0.4-beta-pv-52894-41248341 → 0.0.4-beta-pv-52894-c8540404
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/Collapsible/AccountCollapsible.d.ts +15 -0
- package/dist/Collapsible/AccountCollapsible.js +29 -0
- package/dist/Collapsible/AccountCollapsible.js.map +1 -0
- package/dist/Collapsible/index.d.ts +1 -0
- package/dist/Collapsible/index.js +7 -1
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/Collapsible/index.ts +7 -0
- package/src/index.ts +2 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
|
2
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
3
|
+
declare const AccountCollapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const AccountCollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AccountCollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare type AccountCollapsibleHeaderProps = {
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export declare type AccountCollapsibleContentItemProps = {
|
|
10
|
+
className?: string;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
};
|
|
13
|
+
declare const AccountCollapsibleHeader: FC<AccountCollapsibleHeaderProps>;
|
|
14
|
+
declare const AccountCollapsibleContentItem: FC<AccountCollapsibleContentItemProps>;
|
|
15
|
+
export { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
+
const CollapsiblePrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-collapsible"));
|
|
7
|
+
const Icon_1 = require("../../src/Icon");
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const AccountCollapsible = CollapsiblePrimitive.Root;
|
|
10
|
+
exports.AccountCollapsible = AccountCollapsible;
|
|
11
|
+
const AccountCollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
|
|
12
|
+
exports.AccountCollapsibleTrigger = AccountCollapsibleTrigger;
|
|
13
|
+
const AccountCollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
|
|
14
|
+
exports.AccountCollapsibleContent = AccountCollapsibleContent;
|
|
15
|
+
const AccountCollapsibleHeader = ({ label }) => {
|
|
16
|
+
return (react_1.default.createElement("div", { className: "flex justify-between py-[4px] text-muted" },
|
|
17
|
+
react_1.default.createElement("div", { className: "font-medium text-[12px] leading-[1.3]" }, label),
|
|
18
|
+
react_1.default.createElement(AccountCollapsibleTrigger, { className: "p-[4px] data-[state=open]:rotate-180 transition-transform" },
|
|
19
|
+
react_1.default.createElement(Icon_1.DropdownSmallOld, null))));
|
|
20
|
+
};
|
|
21
|
+
exports.AccountCollapsibleHeader = AccountCollapsibleHeader;
|
|
22
|
+
const AccountCollapsibleContentItem = ({ children, className, ...props }) => (react_1.default.createElement("a", { href: "", className: (0, utils_1.cn)('text-left w-full rounded-[4px] px-[12px] py-[16px] bg-btn-secondary hover:bg-btn-secondary-hover focus:bg-btn-secondary-focus active:bg-btn-secondary-active border-btn-secondary hover:border-btn-secondary-hover focus:border-btn-secondary-focus active:border-btn-secondary-active', className), ...props }, children));
|
|
23
|
+
exports.AccountCollapsibleContentItem = AccountCollapsibleContentItem;
|
|
24
|
+
AccountCollapsible.displayName = 'AccountCollaspible';
|
|
25
|
+
AccountCollapsibleTrigger.displayName = 'AccountCollaspibleTrigger';
|
|
26
|
+
AccountCollapsibleHeader.displayName = 'AccountCollapsibleHeader';
|
|
27
|
+
AccountCollapsibleContent.displayName = 'AccountCollaspibleContent';
|
|
28
|
+
AccountCollapsibleContentItem.displayName = 'AccountCollapsibleContentItem';
|
|
29
|
+
//# sourceMappingURL=AccountCollapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountCollapsible.js","sourceRoot":"","sources":["../../src/Collapsible/AccountCollapsible.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,+FAAmE;AACnE,yCAAiD;AACjD,0CAAmC;AAEnC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,IAAI,CAAA;AA4CnD,gDAAkB;AA1CnB,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,kBAAkB,CAAA;AA4CxE,8DAAyB;AA1C1B,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,kBAAkB,CAAA;AA2CxE,8DAAyB;AAjC1B,MAAM,wBAAwB,GAAsC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACN,uCAAK,SAAS,EAAC,0CAA0C;QACxD,uCAAK,SAAS,EAAC,uCAAuC,IAAE,KAAK,CAAO;QACpE,8BAAC,yBAAyB,IAAC,SAAS,EAAC,2DAA2D;YAC/F,8BAAC,uBAAgB,OAAG,CACO,CACvB,CACN,CAAA;AACF,CAAC,CAAA;AAsBA,4DAAwB;AArBzB,MAAM,6BAA6B,GAA2C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACpH,qCACC,IAAI,EAAC,EAAE,EACP,SAAS,EAAE,IAAA,UAAE,EACZ,wRAAwR,EACxR,SAAS,CACT,KACG,KAAK,IAER,QAAQ,CACN,CACJ,CAAA;AAaA,sEAA6B;AAX9B,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAA;AACnE,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAA;AACjE,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAA;AACnE,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
|
|
3
|
+
exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
|
|
4
4
|
var Collapsible_1 = require("./Collapsible");
|
|
5
5
|
Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return Collapsible_1.Collapsible; } });
|
|
6
6
|
Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return Collapsible_1.CollapsibleTrigger; } });
|
|
7
7
|
Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return Collapsible_1.CollapsibleContent; } });
|
|
8
|
+
var AccountCollapsible_1 = require("./AccountCollapsible");
|
|
9
|
+
Object.defineProperty(exports, "AccountCollapsible", { enumerable: true, get: function () { return AccountCollapsible_1.AccountCollapsible; } });
|
|
10
|
+
Object.defineProperty(exports, "AccountCollapsibleHeader", { enumerable: true, get: function () { return AccountCollapsible_1.AccountCollapsibleHeader; } });
|
|
11
|
+
Object.defineProperty(exports, "AccountCollapsibleTrigger", { enumerable: true, get: function () { return AccountCollapsible_1.AccountCollapsibleTrigger; } });
|
|
12
|
+
Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true, get: function () { return AccountCollapsible_1.AccountCollapsibleContent; } });
|
|
13
|
+
Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return AccountCollapsible_1.AccountCollapsibleContentItem; } });
|
|
8
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Collapsible/index.ts"],"names":[],"mappings":";;;AAAA,6CAAmF;AAA1E,0GAAA,WAAW,OAAA;AAAE,iHAAA,kBAAkB,OAAA;AAAE,iHAAA,kBAAkB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Collapsible/index.ts"],"names":[],"mappings":";;;AAAA,6CAAmF;AAA1E,0GAAA,WAAW,OAAA;AAAE,iHAAA,kBAAkB,OAAA;AAAE,iHAAA,kBAAkB,OAAA;AAC5D,2DAM6B;AAL5B,wHAAA,kBAAkB,OAAA;AAClB,8HAAA,wBAAwB,OAAA;AACxB,+HAAA,yBAAyB,OAAA;AACzB,+HAAA,yBAAyB,OAAA;AACzB,mIAAA,6BAA6B,OAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,8 +7,9 @@ import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./Inpu
|
|
|
7
7
|
import { BottomNavigation } from "./BottomNavigation";
|
|
8
8
|
import * as Icon from "./Icon";
|
|
9
9
|
import { Collapsible } from "./Collapsible";
|
|
10
|
+
import { AccountCollapsible } from "./Collapsible";
|
|
10
11
|
import { Button } from "./Button";
|
|
11
12
|
import { Input } from "./Base/Input";
|
|
12
13
|
import { Audio } from "./Audio";
|
|
13
14
|
import { cn } from "./@/lib/utils";
|
|
14
|
-
export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, Button, Input, Audio, cn, BottomNavigation, Icon, };
|
|
15
|
+
export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, AccountCollapsible, Button, Input, Audio, cn, BottomNavigation, Icon, };
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Icon = exports.BottomNavigation = exports.cn = exports.Audio = exports.Input = exports.Button = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
|
|
3
|
+
exports.Icon = exports.BottomNavigation = exports.cn = exports.Audio = exports.Input = exports.Button = exports.AccountCollapsible = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const Tooltip_1 = require("./Tooltip");
|
|
6
6
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
@@ -23,6 +23,8 @@ const Icon = (0, tslib_1.__importStar)(require("./Icon"));
|
|
|
23
23
|
exports.Icon = Icon;
|
|
24
24
|
const Collapsible_1 = require("./Collapsible");
|
|
25
25
|
Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return Collapsible_1.Collapsible; } });
|
|
26
|
+
const Collapsible_2 = require("./Collapsible");
|
|
27
|
+
Object.defineProperty(exports, "AccountCollapsible", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsible; } });
|
|
26
28
|
const Button_1 = require("./Button");
|
|
27
29
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
28
30
|
const Input_1 = require("./Base/Input");
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AAgBnC,wFAhBQ,iBAAO,OAgBR;AAfR,iCAA8B;AAgB7B,qFAhBQ,WAAI,OAgBR;AAfL,qCAAkC;AAgBjC,uFAhBQ,eAAM,OAgBR;AAfP,uCAAoC;AAgBnC,wFAhBQ,iBAAO,OAgBR;AAfR,+DAA0B;AAgBzB,eAhBM,cAAI,CAgBN;AAfL,2CAAuF;AAgBtF,yFAhBQ,oBAAQ,OAgBR;AACR,8FAjBkB,yBAAa,OAiBlB;AACb,6FAlBiC,wBAAY,OAkBjC;AACZ,kGAnB+C,6BAAiB,OAmB/C;AAlBlB,yDAAsD;AAyBrD,iGAzBQ,mCAAgB,OAyBR;AAxBjB,0DAA+B;AAyB9B,oBAAI;AAxBL,+CAA4C;AAiB3C,4FAjBQ,yBAAW,OAiBR;AAhBZ,+CAAmD;AAiBlD,mGAjBQ,gCAAkB,OAiBR;AAhBnB,qCAAkC;AAiBjC,uFAjBQ,eAAM,OAiBR;AAhBP,wCAAqC;AAiBpC,sFAjBQ,aAAK,OAiBR;AAhBN,mCAAgC;AAiB/B,sFAjBQ,aAAK,OAiBR;AAhBN,yCAAmC;AAiBlC,mFAjBQ,UAAE,OAiBR"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@modul/mbui",
|
|
3
|
-
"version": "0.0.4-beta-pv-52894-
|
|
3
|
+
"version": "0.0.4-beta-pv-52894-c8540404",
|
|
4
4
|
"packageManager": "yarn@3.5.1",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"dist"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
+
"@modul/mbui": "0.0.4-beta-pv-52894-64e40ad1",
|
|
24
25
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
25
26
|
"@radix-ui/react-collapsible": "1.1.0",
|
|
26
27
|
"@radix-ui/react-dropdown-menu": "2.1.1",
|
package/src/Collapsible/index.ts
CHANGED
package/src/index.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./Inpu
|
|
|
7
7
|
import { BottomNavigation } from "./BottomNavigation";
|
|
8
8
|
import * as Icon from "./Icon";
|
|
9
9
|
import { Collapsible } from "./Collapsible";
|
|
10
|
+
import { AccountCollapsible } from "./Collapsible";
|
|
10
11
|
import { Button } from "./Button";
|
|
11
12
|
import { Input } from "./Base/Input";
|
|
12
13
|
import { Audio } from "./Audio";
|
|
@@ -23,6 +24,7 @@ export {
|
|
|
23
24
|
InputOTPSlot,
|
|
24
25
|
InputOTPSeparator,
|
|
25
26
|
Collapsible,
|
|
27
|
+
AccountCollapsible,
|
|
26
28
|
Button,
|
|
27
29
|
Input,
|
|
28
30
|
Audio,
|