@treeal/ds 0.1.1 → 0.1.2
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/assets/style.css +1 -1
- package/dist/components/Select/Select.d.ts +24 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Tab/Tab.d.ts +22 -0
- package/dist/components/Tab/Tab.d.ts.map +1 -0
- package/dist/components/Tab/index.d.ts +3 -0
- package/dist/components/Tab/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs13.js.map +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs14.js.map +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs15.js.map +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs25.js +2 -0
- package/dist/index.cjs25.js.map +1 -0
- package/dist/index.cjs26.js +2 -0
- package/dist/index.cjs26.js.map +1 -0
- package/dist/index.cjs27.js +2 -0
- package/dist/index.cjs27.js.map +1 -0
- package/dist/index.cjs28.js +2 -0
- package/dist/index.cjs28.js.map +1 -0
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.esm.js +15 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.esm11.js +1 -1
- package/dist/index.esm12.js +1 -1
- package/dist/index.esm13.js +58 -84
- package/dist/index.esm13.js.map +1 -1
- package/dist/index.esm14.js +83 -212
- package/dist/index.esm14.js.map +1 -1
- package/dist/index.esm15.js +35 -23
- package/dist/index.esm15.js.map +1 -1
- package/dist/index.esm16.js +219 -39
- package/dist/index.esm16.js.map +1 -1
- package/dist/index.esm17.js +38 -30
- package/dist/index.esm17.js.map +1 -1
- package/dist/index.esm19.js +102 -60
- package/dist/index.esm19.js.map +1 -1
- package/dist/index.esm20.js +22 -20
- package/dist/index.esm20.js.map +1 -1
- package/dist/index.esm21.js +20 -102
- package/dist/index.esm21.js.map +1 -1
- package/dist/index.esm22.js +60 -22
- package/dist/index.esm22.js.map +1 -1
- package/dist/index.esm24.js +22 -48
- package/dist/index.esm24.js.map +1 -1
- package/dist/index.esm25.js +52 -0
- package/dist/index.esm25.js.map +1 -0
- package/dist/index.esm26.js +34 -0
- package/dist/index.esm26.js.map +1 -0
- package/dist/index.esm27.js +26 -0
- package/dist/index.esm27.js.map +1 -0
- package/dist/index.esm28.js +16 -0
- package/dist/index.esm28.js.map +1 -0
- package/dist/index.esm5.js +1 -1
- package/dist/index.esm6.js +1 -1
- package/dist/index.esm7.js +1 -1
- package/dist/index.esm8.js +1 -1
- package/dist/index.esm9.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs16.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs16.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.cjs16.js","sources":["../components/Upload/Upload.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styles from './Upload.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type UploadSize = 'MD' | 'LG';\nexport type UploadType = 'single' | 'multiple';\nexport type UploadStatus = 'default' | 'active';\nexport type UploadFileState = 'loading' | 'loaded' | 'error';\nexport type UploadIndicator = 'loader' | 'progress-bar';\n\nexport interface UploadFile {\n id: string;\n name: string;\n size: string;\n /** 0–100 */\n progress: number;\n state: UploadFileState;\n /** 'loader' shows spinner · 'progress-bar' shows progress (LG only) */\n indicator?: UploadIndicator;\n}\n\nexport interface UploadProps {\n size?: UploadSize;\n type?: UploadType;\n /** 'default' = drop area only · 'active' = files listed */\n status?: UploadStatus;\n files?: UploadFile[];\n onDrop?: (files: File[]) => void;\n onRemove?: (id: string) => void;\n onEdit?: (id: string) => void;\n onPreview?: (id: string) => void;\n /** Native accept attribute, e.g. \".pdf,.png,.jpg\" */\n accept?: string;\n /** Max file size in bytes */\n maxSize?: number;\n className?: string;\n}\n\n// ─── SVG icons (inline, no external dependency) ──────────────────────────────\n\nconst IconFile = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"fileGrad\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\n {/* Figma: linear-gradient(63.88deg, #2970FF 0.2%, #0040C1 99.99%) */}\n <stop offset=\"0%\" stopColor=\"#2970FF\" />\n <stop offset=\"100%\" stopColor=\"#0040C1\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#fileGrad)\"\n d=\"M2 0h5.5L10 2.5V12H2V0zm5 0v3h3L7 0zM3 5h6v1H3V5zm0 2h6v1H3V7zm0 2h4v1H3V9z\"\n />\n </svg>\n);\n\nconst IconPen = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M8.707.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L9.414 5.1 6.9 2.586 8.707.293zM0 9.5V12h2.5l7-7L7 2.5l-7 7zM1.5 10.5v-.793l5.5-5.5.793.793-5.5 5.5H1.5z\" />\n </svg>\n);\n\nconst IconEye = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M6 2C3.27 2 1 4 1 6s2.27 4 5 4 5-2 5-4-2.27-4-5-4zm0 7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n </svg>\n);\n\nconst IconTrash = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M4 1V0h4v1h3v1H1V1h3zM2 3h8l-.8 8H2.8L2 3zm2 1v6h1V4H4zm2 0v6h1V4H6z\" />\n </svg>\n);\n\n// SVG illustration for MD drop zone (32×32 stacked files)\nconst DropIconMd = () => (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n {/* back-right file */}\n <rect x=\"18\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n transform=\"rotate(12 18 10)\" />\n {/* back-left file */}\n <rect x=\"4\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n transform=\"rotate(-12 4 10)\" />\n {/* center file */}\n <rect x=\"10\" y=\"7\" width=\"12\" height=\"16\" rx=\"1.5\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M13 12h6M13 15h6M13 18h4\" stroke=\"#B2C9FF\" strokeWidth=\"1\" strokeLinecap=\"round\" />\n {/* upload arrow */}\n <circle cx=\"23\" cy=\"23\" r=\"5\" fill=\"#2970FF\" />\n <path d=\"M23 26v-6M20.5 22.5L23 20l2.5 2.5\" stroke=\"#FFF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\n// SVG illustration for LG drop zone (96×64 stacked files)\nconst DropIconLg = () => (\n <svg width=\"96\" height=\"64\" viewBox=\"0 0 96 64\" fill=\"none\" aria-hidden=\"true\">\n {/* right file — rotated 15deg */}\n <g transform=\"rotate(15 70 35)\">\n <rect x=\"55\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M61 28h16M61 34h16M61 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </g>\n {/* left file — rotated -15deg */}\n <g transform=\"rotate(-15 26 35)\">\n <rect x=\"13\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M19 28h16M19 34h16M19 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </g>\n {/* center file */}\n <rect x=\"30\" y=\"8\" width=\"36\" height=\"48\" rx=\"3\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" />\n <path d=\"M38 22h20M38 30h20M38 38h14\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n {/* upload arrow overlay */}\n <circle cx=\"76\" cy=\"50\" r=\"10\" fill=\"#2970FF\" />\n <path d=\"M76 55v-10M71 48l5-5 5 5\" stroke=\"#FFF\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\ninterface UploadItemProps {\n file: UploadFile;\n size: UploadSize;\n onEdit?: (id: string) => void;\n onPreview?: (id: string) => void;\n onRemove?: (id: string) => void;\n}\n\nfunction UploadItem({ file, size, onEdit, onPreview, onRemove }: UploadItemProps) {\n const isLoading = file.state === 'loading' || file.indicator === 'loader';\n const showProgress = size === 'LG' && file.indicator !== 'loader';\n\n return (\n <div\n className={[\n styles.fileItem,\n size === 'LG' ? styles.fileItemLg : styles.fileItemMd,\n ].join(' ')}\n >\n {/* Badge */}\n <div className={styles.fileBadge}>\n <IconFile />\n </div>\n\n {/* Content */}\n <div className={styles.fileContent}>\n <div className={styles.fileHeader}>\n {/* Name + size */}\n <div className={styles.fileTexts}>\n <p className={styles.fileName}>{file.name}</p>\n <p className={styles.fileSize}>{file.size}</p>\n </div>\n\n {/* Actions or spinner */}\n {isLoading ? (\n <div className={styles.spinner} role=\"status\" aria-label=\"Uploading…\" />\n ) : (\n <div className={styles.actions}>\n <button\n className={styles.actionBtn}\n onClick={() => onEdit?.(file.id)}\n aria-label={`Edit ${file.name}`}\n type=\"button\"\n >\n <IconPen />\n </button>\n <button\n className={styles.actionBtn}\n onClick={() => onPreview?.(file.id)}\n aria-label={`Preview ${file.name}`}\n type=\"button\"\n >\n <IconEye />\n </button>\n <button\n className={styles.actionBtn}\n onClick={() => onRemove?.(file.id)}\n aria-label={`Remove ${file.name}`}\n type=\"button\"\n >\n <IconTrash />\n </button>\n </div>\n )}\n </div>\n\n {/* Progress bar — LG only, not during loader */}\n {showProgress && (\n <div className={styles.progressRow}>\n <div className={styles.progressTrack}>\n <div\n className={styles.progressFill}\n style={{ width: `${Math.min(100, Math.max(0, file.progress))}%` }}\n role=\"progressbar\"\n aria-valuenow={file.progress}\n aria-valuemin={0}\n aria-valuemax={100}\n />\n </div>\n <p className={styles.progressLabel}>{file.progress}%</p>\n </div>\n )}\n </div>\n </div>\n );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport function Upload({\n size = 'LG',\n type = 'multiple',\n status = 'default',\n files = [],\n onDrop,\n onRemove,\n onEdit,\n onPreview,\n accept,\n className,\n}: UploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [dragging, setDragging] = useState(false);\n\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(true);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(false);\n };\n\n const handleDrop = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(false);\n const dropped = Array.from(e.dataTransfer.files);\n if (dropped.length) onDrop?.(dropped);\n };\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const selected = Array.from(e.target.files ?? []);\n if (selected.length) onDrop?.(selected);\n // reset so same file can be re-selected\n e.target.value = '';\n };\n\n const openFilePicker = () => inputRef.current?.click();\n\n // LG single active / MD single active: hide drop zone when a file is loaded\n const hideDrop = type === 'single' && status === 'active' && files.length > 0;\n\n const dropzoneClass = [\n styles.dropzone,\n size === 'MD' ? styles.dropzoneMd : styles.dropzoneLg,\n dragging ? styles.dropzoneDragging : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const titleText =\n type === 'multiple' ? 'Drop your files here, or' : 'Drop your file here, or';\n\n return (\n <div className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n {/* Hidden file input */}\n <input\n ref={inputRef}\n type=\"file\"\n multiple={type === 'multiple'}\n accept={accept}\n onChange={handleInputChange}\n style={{ display: 'none' }}\n aria-hidden=\"true\"\n tabIndex={-1}\n />\n\n {/* Drop zone */}\n {!hideDrop && (\n <div\n className={dropzoneClass}\n onClick={openFilePicker}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n role=\"button\"\n tabIndex={0}\n aria-label={`${titleText} browse`}\n onKeyDown={(e) => {\n if (e.key === ' ' || e.key === 'Enter') openFilePicker();\n }}\n >\n {/* Icon */}\n {size === 'MD' ? (\n <div className={styles.dropzoneIconMd}>\n <DropIconMd />\n </div>\n ) : (\n <div className={styles.dropzoneIconLg}>\n <DropIconLg />\n </div>\n )}\n\n {/* Text content */}\n <div className={styles.dropzoneContent}>\n <div className={styles.dropzoneTitleRow}>\n <p className={styles.dropzoneTitle}>{titleText}</p>\n <span className={styles.dropzoneBrowse} aria-hidden=\"true\">\n browse\n </span>\n </div>\n <p className={styles.dropzoneSubtitle}>\n JPG, PNG, PDF (Max 800×400px – 2Mo)\n </p>\n </div>\n </div>\n )}\n\n {/* File list */}\n {status === 'active' && files.length > 0 && (\n <div className={styles.fileList}>\n {files.map((file) => (\n <UploadItem\n key={file.id}\n file={file}\n size={size}\n onEdit={onEdit}\n onPreview={onPreview}\n onRemove={onRemove}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n"],"names":["IconFile","jsxs","jsx","IconPen","IconEye","IconTrash","DropIconMd","DropIconLg","UploadItem","file","size","onEdit","onPreview","onRemove","isLoading","showProgress","styles","Upload","type","status","files","onDrop","accept","className","inputRef","useRef","dragging","setDragging","useState","handleDragOver","e","handleDragLeave","handleDrop","dropped","handleInputChange","selected","openFilePicker","_a","hideDrop","dropzoneClass","titleText"],"mappings":"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"}
|
package/dist/index.cjs17.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_alert_p4b5i_21",e="_typeDefault_p4b5i_36",n="_typeInfo_p4b5i_37",i="_typeSuccess_p4b5i_38",o="_typeWarning_p4b5i_39",_="_typeError_p4b5i_40",l="_iconSlot_p4b5i_44",s="_textContent_p4b5i_54",c="_title_p4b5i_63",r="_titleDefault_p4b5i_72",p="_titleInfo_p4b5i_73",a="_titleSuccess_p4b5i_74",u="_titleWarning_p4b5i_75",y="_titleError_p4b5i_76",b="_message_p4b5i_78",f="_rightSlot_p4b5i_90",g="_actionBtn_p4b5i_101",S="_closeBtn_p4b5i_127",B={alert:t,typeDefault:e,typeInfo:n,typeSuccess:i,typeWarning:o,typeError:_,iconSlot:l,textContent:s,title:c,titleDefault:r,titleInfo:p,titleSuccess:a,titleWarning:u,titleError:y,message:b,rightSlot:f,actionBtn:g,closeBtn:S};exports.actionBtn=g;exports.alert=t;exports.closeBtn=S;exports.default=B;exports.iconSlot=l;exports.message=b;exports.rightSlot=f;exports.textContent=s;exports.title=c;exports.titleDefault=r;exports.titleError=y;exports.titleInfo=p;exports.titleSuccess=a;exports.titleWarning=u;exports.typeDefault=e;exports.typeError=_;exports.typeInfo=n;exports.typeSuccess=i;exports.typeWarning=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs17.js.map
|
package/dist/index.cjs19.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_nav_53r24_22",t="_navOpen_53r24_32",o="_navClosed_53r24_33",a="_navMobile_53r24_42",n="_header_53r24_51",l="_headerOpen_53r24_58",i="_headerClosed_53r24_64",_="_headerMobile_53r24_73",s="_logoIcon_53r24_80",c="_logoFull_53r24_87",r="_headerTitle_53r24_93",m="_headerActions_53r24_102",v="_bellBtn_53r24_108",b="_links_53r24_129",d="_linksOpen_53r24_136",p="_linksClosed_53r24_137",I="_linksMobile_53r24_138",h="_section_53r24_142",k="_sectionTitle_53r24_147",M="_sectionItems_53r24_160",C="_item_53r24_168",L="_itemOpen_53r24_181",O="_itemOpenActive_53r24_191",A="_itemClosed_53r24_201",B="_itemClosedActive_53r24_211",f="_itemMobile_53r24_222",w="_itemMobileActive_53r24_231",u="_itemIcon_53r24_237",g="_itemIconDark_53r24_246",T="_itemIconLight_53r24_247",D="_itemLabel_53r24_251",R="_itemLabelDefault_53r24_263",F="_itemLabelActive_53r24_264",N="_itemLabelMobile_53r24_265",y="_chevron_53r24_269",S="_footer_53r24_283",j="_collapseBtn_53r24_289",P="_collapseBtnClosed_53r24_310",q="_collapseBtnIcon_53r24_314",x="_footerMobile_53r24_326",z="_ctaBtn_53r24_335",E="_workspace_53r24_358",G="_workspaceIcon_53r24_372",H="_workspaceLabel_53r24_383",J="_avatarRow_53r24_397",K="_avatar_53r24_397",Q="_avatarInitials_53r24_415",U="_avatarInfo_53r24_422",V="_avatarName_53r24_430",W="_avatarRole_53r24_441",X={nav:e,navOpen:t,navClosed:o,navMobile:a,header:n,headerOpen:l,headerClosed:i,headerMobile:_,logoIcon:s,logoFull:c,headerTitle:r,headerActions:m,bellBtn:v,links:b,linksOpen:d,linksClosed:p,linksMobile:I,section:h,sectionTitle:k,sectionItems:M,item:C,itemOpen:L,itemOpenActive:O,itemClosed:A,itemClosedActive:B,itemMobile:f,itemMobileActive:w,itemIcon:u,itemIconDark:g,itemIconLight:T,itemLabel:D,itemLabelDefault:R,itemLabelActive:F,itemLabelMobile:N,chevron:y,footer:S,collapseBtn:j,collapseBtnClosed:P,collapseBtnIcon:q,footerMobile:x,ctaBtn:z,workspace:E,workspaceIcon:G,workspaceLabel:H,avatarRow:J,avatar:K,avatarInitials:Q,avatarInfo:U,avatarName:V,avatarRole:W};exports.avatar=K;exports.avatarInfo=U;exports.avatarInitials=Q;exports.avatarName=V;exports.avatarRole=W;exports.avatarRow=J;exports.bellBtn=v;exports.chevron=y;exports.collapseBtn=j;exports.collapseBtnClosed=P;exports.collapseBtnIcon=q;exports.ctaBtn=z;exports.default=X;exports.footer=S;exports.footerMobile=x;exports.header=n;exports.headerActions=m;exports.headerClosed=i;exports.headerMobile=_;exports.headerOpen=l;exports.headerTitle=r;exports.item=C;exports.itemClosed=A;exports.itemClosedActive=B;exports.itemIcon=u;exports.itemIconDark=g;exports.itemIconLight=T;exports.itemLabel=D;exports.itemLabelActive=F;exports.itemLabelDefault=R;exports.itemLabelMobile=N;exports.itemMobile=f;exports.itemMobileActive=w;exports.itemOpen=L;exports.itemOpenActive=O;exports.links=b;exports.linksClosed=p;exports.linksMobile=I;exports.linksOpen=d;exports.logoFull=c;exports.logoIcon=s;exports.nav=e;exports.navClosed=o;exports.navMobile=a;exports.navOpen=t;exports.section=h;exports.sectionItems=M;exports.sectionTitle=k;exports.workspace=E;exports.workspaceIcon=G;exports.workspaceLabel=H;
|
|
2
2
|
//# sourceMappingURL=index.cjs19.js.map
|
package/dist/index.cjs20.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_base_106pz_9",c="_checkDefault_106pz_18",o="_radioDefault_106pz_19",t="_checkChecked_106pz_40",a="_radioChecked_106pz_41",_="_checkIcon_106pz_64",r="_radioIcon_106pz_86",d="_toggleWrapper_106pz_105",k="_toggleTrack_106pz_113",l="_toggleChecked_106pz_140",g={base:e,checkDefault:c,radioDefault:o,checkChecked:t,radioChecked:a,checkIcon:_,radioIcon:r,toggleWrapper:d,toggleTrack:k,toggleChecked:l};exports.base=e;exports.checkChecked=t;exports.checkDefault=c;exports.checkIcon=_;exports.default=g;exports.radioChecked=a;exports.radioDefault=o;exports.radioIcon=r;exports.toggleChecked=l;exports.toggleTrack=k;exports.toggleWrapper=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs20.js.map
|
package/dist/index.cjs21.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_pagination_olot7_11",o="_item_olot7_20",_="_xs_olot7_55",i="_md_olot7_63",n="_lg_olot7_71",e="_active_olot7_81",c="_inactive_olot7_88",l="_dots_olot7_102",s="_control_olot7_110",a={pagination:t,item:o,xs:_,md:i,lg:n,active:e,inactive:c,dots:l,control:s};exports.active=e;exports.control=s;exports.default=a;exports.dots=l;exports.inactive=c;exports.item=o;exports.lg=n;exports.md=i;exports.pagination=t;exports.xs=_;
|
|
2
2
|
//# sourceMappingURL=index.cjs21.js.map
|
package/dist/index.cjs22.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_header_1jw5v_25",a="_variantDefault_1jw5v_36",t="_variantMobile_1jw5v_37",o="_variantMobileOpen_1jw5v_38",s="_pageTitle_1jw5v_49",n="_pageTitleDesktop_1jw5v_63",_="_pageTitleMobile_1jw5v_64",c="_actions_1jw5v_68",r="_actionsMobileOpen_1jw5v_76",i="_workspace_1jw5v_86",l="_workspaceFull_1jw5v_104",w="_workspaceLeft_1jw5v_110",v="_statusDot_1jw5v_118",p="_workspaceCol_1jw5v_126",u="_workspaceAccount_1jw5v_134",k="_workspaceName_1jw5v_144",j="_workspaceArrow_1jw5v_156",m="_bellBtn_1jw5v_168",b="_menuBtn_1jw5v_188",g="_menuIcon_1jw5v_208",M="_navUser_1jw5v_219",T="_avatar_1jw5v_227",A="_avatarImg_1jw5v_239",B="_avatarInitials_1jw5v_248",D="_userText_1jw5v_255",I="_userName_1jw5v_262",f="_userRole_1jw5v_271",O="_ctaBtn_1jw5v_282",d="_mainActions_1jw5v_307",N={header:e,variantDefault:a,variantMobile:t,variantMobileOpen:o,pageTitle:s,pageTitleDesktop:n,pageTitleMobile:_,actions:c,actionsMobileOpen:r,workspace:i,workspaceFull:l,workspaceLeft:w,statusDot:v,workspaceCol:p,workspaceAccount:u,workspaceName:k,workspaceArrow:j,bellBtn:m,menuBtn:b,menuIcon:g,navUser:M,avatar:T,avatarImg:A,avatarInitials:B,userText:D,userName:I,userRole:f,ctaBtn:O,mainActions:d};exports.actions=c;exports.actionsMobileOpen=r;exports.avatar=T;exports.avatarImg=A;exports.avatarInitials=B;exports.bellBtn=m;exports.ctaBtn=O;exports.default=N;exports.header=e;exports.mainActions=d;exports.menuBtn=b;exports.menuIcon=g;exports.navUser=M;exports.pageTitle=s;exports.pageTitleDesktop=n;exports.pageTitleMobile=_;exports.statusDot=v;exports.userName=I;exports.userRole=f;exports.userText=D;exports.variantDefault=a;exports.variantMobile=t;exports.variantMobileOpen=o;exports.workspace=i;exports.workspaceAccount=u;exports.workspaceArrow=j;exports.workspaceCol=p;exports.workspaceFull=l;exports.workspaceLeft=w;exports.workspaceName=k;
|
|
2
2
|
//# sourceMappingURL=index.cjs22.js.map
|
package/dist/index.cjs24.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_button_1hwro_8",t="_sm_1hwro_40",e="_md_1hwro_48",_="_outline_1hwro_58",l="_fill_1hwro_74",n="_secondary_1hwro_89",s="_text_1hwro_104",c="_disabled_1hwro_119",d="_label_1hwro_130",i="_icon_1hwro_136",r={button:o,sm:t,md:e,outline:_,fill:l,secondary:n,text:s,disabled:c,label:d,icon:i};exports.button=o;exports.default=r;exports.disabled=c;exports.fill=l;exports.icon=i;exports.label=d;exports.md=e;exports.outline=_;exports.secondary=n;exports.sm=t;exports.text=s;
|
|
2
2
|
//# sourceMappingURL=index.cjs24.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_steps_xg6k6_20",e="_item_xg6k6_30",n="_typeStart_xg6k6_51",o="_typeStep_xg6k6_66",_="_typeEnd_xg6k6_82",i="_stateDefault_xg6k6_94",c="_stateHover_xg6k6_95",m="_stateActive_xg6k6_96",s="_stateComplete_xg6k6_97",a="_textDark_xg6k6_101",l="_textLight_xg6k6_102",p="_label_xg6k6_106",r="_num_xg6k6_119",k="_checkIcon_xg6k6_132",x="_minified_xg6k6_143",g="_minDot_xg6k6_150",C="_minDefault_xg6k6_156",u="_minActive_xg6k6_162",D="_minComplete_xg6k6_169",f="_minConnector_xg6k6_176",v="_minConnectorDefault_xg6k6_183",y="_minConnectorActive_xg6k6_184",d="_minConnectorComplete_xg6k6_185",A={steps:t,item:e,typeStart:n,typeStep:o,typeEnd:_,stateDefault:i,stateHover:c,stateActive:m,stateComplete:s,textDark:a,textLight:l,label:p,num:r,checkIcon:k,minified:x,minDot:g,minDefault:C,minActive:u,minComplete:D,minConnector:f,minConnectorDefault:v,minConnectorActive:y,minConnectorComplete:d};exports.checkIcon=k;exports.default=A;exports.item=e;exports.label=p;exports.minActive=u;exports.minComplete=D;exports.minConnector=f;exports.minConnectorActive=y;exports.minConnectorComplete=d;exports.minConnectorDefault=v;exports.minDefault=C;exports.minDot=g;exports.minified=x;exports.num=r;exports.stateActive=m;exports.stateComplete=s;exports.stateDefault=i;exports.stateHover=c;exports.steps=t;exports.textDark=a;exports.textLight=l;exports.typeEnd=_;exports.typeStart=n;exports.typeStep=o;
|
|
2
|
+
//# sourceMappingURL=index.cjs25.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs25.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_wrapper_1iytr_9",r="_labelRow_1iytr_19",l="_label_1iytr_19",t="_labelDisabled_1iytr_37",s="_labelIcon_1iytr_41",a="_field_1iytr_53",o="_hover_1iytr_70",_="_active_1iytr_77",i="_disabled_1iytr_85",c="_error_1iytr_98",n="_icon_1iytr_110",b="_input_1iytr_122",d="_message_1iytr_155",y="_messageError_1iytr_170",p={wrapper:e,labelRow:r,label:l,labelDisabled:t,labelIcon:s,field:a,hover:o,active:_,disabled:i,error:c,icon:n,input:b,message:d,messageError:y};exports.active=_;exports.default=p;exports.disabled=i;exports.error=c;exports.field=a;exports.hover=o;exports.icon=n;exports.input=b;exports.label=l;exports.labelDisabled=t;exports.labelIcon=s;exports.labelRow=r;exports.message=d;exports.messageError=y;exports.wrapper=e;
|
|
2
|
+
//# sourceMappingURL=index.cjs26.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs26.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_wrapper_pivx7_3",r="_label_pivx7_13",l="_labelDisabled_pivx7_23",s="_field_pivx7_29",a="_select_pivx7_36",o="_placeholder_pivx7_75",_="_error_pivx7_81",c="_chevron_pivx7_93",t="_message_pivx7_109",p="_messageError_pivx7_123",i={wrapper:e,label:r,labelDisabled:l,field:s,select:a,placeholder:o,error:_,chevron:c,message:t,messageError:p};exports.chevron=c;exports.default=i;exports.error=_;exports.field=s;exports.label=r;exports.labelDisabled=l;exports.message=t;exports.messageError=p;exports.placeholder=o;exports.select=a;exports.wrapper=e;
|
|
2
|
+
//# sourceMappingURL=index.cjs27.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs27.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_tabList_dww9d_3",d="_tab_dww9d_3",e="_active_dww9d_40",a="_disabled_dww9d_40",i="_icon_dww9d_65",s={tabList:t,tab:d,active:e,disabled:a,icon:i};exports.active=e;exports.default=s;exports.disabled=a;exports.icon=i;exports.tab=d;exports.tabList=t;
|
|
2
|
+
//# sourceMappingURL=index.cjs28.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs28.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/index.cjs5.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index.cjs17.js"),x={Default:"#9490AC",Info:"#2472BA",Success:"#2C7D56",Warning:"#A36A00",Error:"#DE0000"};function j({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M10 9v5",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("circle",{cx:"10",cy:"6.5",r:"1",fill:"#fff"})]})}function g({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M6 10.5l3 3 5-5.5",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function p({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 2.5L18 17H2L10 2.5Z",fill:t}),e.jsx("path",{d:"M10 8v4",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("circle",{cx:"10",cy:"14.5",r:"1",fill:"#fff"})]})}function k({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"})]})}function v(){return e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M15 5L5 15M5 5l10 10",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})})}function S({type:t}){const n=x[t];return t==="Success"?e.jsx(g,{color:n}):t==="Warning"?e.jsx(p,{color:n}):t==="Error"?e.jsx(k,{color:n}):e.jsx(j,{color:n})}const W={Default:r.default.typeDefault,Info:r.default.typeInfo,Success:r.default.typeSuccess,Warning:r.default.typeWarning,Error:r.default.typeError},m={Default:r.default.titleDefault,Info:r.default.titleInfo,Success:r.default.titleSuccess,Warning:r.default.titleWarning,Error:r.default.titleError},I={Default:"status",Info:"status",Success:"status",Warning:"alert",Error:"alert"};function M({type:t="Default",title:n,message:l,addonLeft:o=!0,closeIcon:s=!0,actions:i=!1,actionLabel:a="Ação",onClose:c,onAction:u,className:f}){const d=[r.default.alert,W[t],f].filter(Boolean).join(" "),h=i||s;return e.jsxs("div",{className:d,role:I[t],"aria-live":t==="Warning"||t==="Error"?"assertive":"polite",children:[o&&e.jsx("span",{className:r.default.iconSlot,children:e.jsx(S,{type:t})}),e.jsxs("div",{className:r.default.textContent,children:[n&&e.jsx("p",{className:[r.default.title,m[t]].join(" "),children:n}),e.jsx("p",{className:r.default.message,children:l})]}),h&&e.jsxs("div",{className:r.default.rightSlot,children:[i&&e.jsx("button",{type:"button",className:r.default.actionBtn,onClick:u,children:a}),s&&e.jsx("button",{type:"button",className:r.default.closeBtn,onClick:c,"aria-label":"Fechar alerta",children:e.jsx(v,{})})]})]})}exports.Alert=M;
|
|
2
2
|
//# sourceMappingURL=index.cjs5.js.map
|
package/dist/index.cjs6.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("./index.cjs20.js");function f({type:n="Check",status:u="Default",onChange:l,className:i,"aria-label":t,"aria-labelledby":r}){const a=u==="Checked",o=()=>l==null?void 0:l(!a),s=d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),l==null||l(!a))};if(n==="Toggle")return c.jsx("div",{role:"switch","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.toggleWrapper,a?e.default.toggleChecked:"",i].filter(Boolean).join(" "),children:c.jsx("div",{className:e.default.toggleTrack})});if(n==="Radio"){const d=a?e.default.radioChecked:e.default.radioDefault;return c.jsx("div",{role:"radio","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,d,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.radioIcon,"aria-hidden":"true"})})}const k=a?e.default.checkChecked:e.default.checkDefault;return c.jsx("div",{role:"checkbox","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,k,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.checkIcon,"aria-hidden":"true"})})}exports.BaseCheckRadio=f;
|
|
2
2
|
//# sourceMappingURL=index.cjs6.js.map
|
package/dist/index.cjs7.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index.cjs24.js");function m({variant:l="outline",size:u="sm",iconLeft:s,iconRight:n,disabled:a,className:o,children:r,...c}){const i=a?"disabled":l,d=[e.default.button,e.default[u],e.default[i],o].filter(Boolean).join(" ");return t.jsxs("button",{className:d,disabled:a,"aria-disabled":a,...c,children:[s&&t.jsx("span",{className:e.default.icon,children:s}),t.jsx("span",{className:e.default.label,children:r}),n&&t.jsx("span",{className:e.default.icon,children:n})]})}exports.Button=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs7.js.map
|
package/dist/index.cjs8.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.cjs22.js");function h(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),e.jsx("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]})}function v(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[e.jsx("line",{x1:"4",y1:"6",x2:"20",y2:"6"}),e.jsx("line",{x1:"4",y1:"12",x2:"20",y2:"12"}),e.jsx("line",{x1:"4",y1:"18",x2:"20",y2:"18"})]})}function N(){return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M4 6l4 4 4-4"})})}function j({workspaceName:s="Workspace",workspaceAccount:l="Conta Atual",fullWidth:t=!1}){return e.jsxs("button",{type:"button",className:[a.default.workspace,t?a.default.workspaceFull:""].filter(Boolean).join(" "),"aria-label":`Trocar workspace: ${s}`,children:[e.jsxs("div",{className:a.default.workspaceLeft,children:[e.jsx("span",{className:a.default.statusDot,"aria-hidden":"true"}),e.jsxs("div",{className:a.default.workspaceCol,children:[e.jsx("p",{className:a.default.workspaceAccount,children:l}),e.jsx("p",{className:a.default.workspaceName,children:s})]})]}),e.jsx("span",{className:a.default.workspaceArrow,children:e.jsx(N,{})})]})}function p({userName:s,userRole:l,userAvatar:t}){const n=s?s.split(" ").slice(0,2).map(i=>i[0]).join("").toUpperCase():"?";return e.jsxs("div",{className:a.default.navUser,children:[e.jsx("div",{className:a.default.avatar,children:t?e.jsx("img",{src:t,alt:s??"Avatar",className:a.default.avatarImg}):e.jsx("span",{className:a.default.avatarInitials,children:n})}),(s||l)&&e.jsxs("div",{className:a.default.userText,children:[s&&e.jsx("p",{className:a.default.userName,children:s}),l&&e.jsx("p",{className:a.default.userRole,children:l})]})]})}function w({variant:s="Default",pageTitle:l="Portal de Gestão",workspaceName:t,workspaceAccount:n,userName:i,userRole:c,userAvatar:u,onMenuToggle:b,onNotifications:f,primaryAction:o,className:m}){const r=s==="Default",x=s==="Mobile",d=s==="MobileOpen",k=[a.default.header,r?a.default.variantDefault:"",x?a.default.variantMobile:"",d?a.default.variantMobileOpen:"",m].filter(Boolean).join(" ");return e.jsxs("header",{className:k,children:[!d&&e.jsx("h1",{className:[a.default.pageTitle,r?a.default.pageTitleDesktop:a.default.pageTitleMobile].join(" "),children:l}),r&&e.jsxs("div",{className:a.default.actions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n}),e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]}),x&&e.jsxs("div",{className:a.default.actions,children:[e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsxs("button",{type:"button",className:a.default.menuBtn,onClick:b,"aria-label":"Abrir menu","aria-expanded":!1,children:[e.jsx("span",{className:a.default.menuIcon,children:e.jsx(v,{})}),"Menu"]})]}),d&&e.jsxs("div",{className:[a.default.actions,a.default.actionsMobileOpen].join(" "),children:[o&&e.jsx("button",{type:"button",className:a.default.ctaBtn,onClick:o.onClick,children:o.label}),e.jsxs("div",{className:a.default.mainActions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n,fullWidth:!0}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]})]})]})}exports.Header=w;
|
|
2
2
|
//# sourceMappingURL=index.cjs8.js.map
|
package/dist/index.cjs9.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),e=require("./index.cjs26.js");function N({state:l="Default",label:n,placeholder:o,message:d,iconLabel:t,iconLeft:u,iconRight:c,value:f,onChange:m,id:j,className:b,...h}){const p=x.useId(),s=j??p,i=l==="Disabled",r=l==="Error",v=[e.default.field,l==="Hover"?e.default.hover:"",l==="Active"?e.default.active:"",i?e.default.disabled:"",r?e.default.error:"",b].filter(Boolean).join(" ");return a.jsxs("div",{className:e.default.wrapper,children:[n&&a.jsxs("div",{className:e.default.labelRow,children:[a.jsx("label",{htmlFor:s,className:[e.default.label,i?e.default.labelDisabled:""].filter(Boolean).join(" "),children:n}),t&&a.jsx("span",{className:e.default.labelIcon,"aria-hidden":"true",children:t})]}),a.jsxs("div",{className:v,children:[u&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:u}),a.jsx("input",{id:s,className:e.default.input,placeholder:o,disabled:i,value:f,onChange:m,"aria-invalid":r,"aria-describedby":d?`${s}-message`:void 0,...h}),c&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:c})]}),d&&a.jsx("p",{id:`${s}-message`,className:[e.default.message,r?e.default.messageError:""].filter(Boolean).join(" "),children:d})]})}exports.Input=N;
|
|
2
2
|
//# sourceMappingURL=index.cjs9.js.map
|
package/dist/index.esm.js
CHANGED
|
@@ -2,26 +2,30 @@
|
|
|
2
2
|
import { colors as e } from "./index.esm3.js";
|
|
3
3
|
import { typography as m } from "./index.esm4.js";
|
|
4
4
|
import { Alert as x } from "./index.esm5.js";
|
|
5
|
-
import { BaseCheckRadio as
|
|
6
|
-
import { Button as
|
|
7
|
-
import { Header as
|
|
5
|
+
import { BaseCheckRadio as l } from "./index.esm6.js";
|
|
6
|
+
import { Button as i } from "./index.esm7.js";
|
|
7
|
+
import { Header as c } from "./index.esm8.js";
|
|
8
8
|
import { Input as g } from "./index.esm9.js";
|
|
9
9
|
import { Modal as u } from "./index.esm10.js";
|
|
10
10
|
import { Nav as B } from "./index.esm11.js";
|
|
11
|
-
import { Pagination as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
11
|
+
import { Pagination as b } from "./index.esm12.js";
|
|
12
|
+
import { Select as v } from "./index.esm13.js";
|
|
13
|
+
import { Steps as C } from "./index.esm14.js";
|
|
14
|
+
import { Tab as I } from "./index.esm15.js";
|
|
15
|
+
import { Upload as N } from "./index.esm16.js";
|
|
14
16
|
export {
|
|
15
17
|
x as Alert,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
l as BaseCheckRadio,
|
|
19
|
+
i as Button,
|
|
20
|
+
c as Header,
|
|
19
21
|
g as Input,
|
|
20
22
|
u as Modal,
|
|
21
23
|
B as Nav,
|
|
22
|
-
|
|
24
|
+
b as Pagination,
|
|
25
|
+
v as Select,
|
|
23
26
|
C as Steps,
|
|
24
|
-
I as
|
|
27
|
+
I as Tab,
|
|
28
|
+
N as Upload,
|
|
25
29
|
e as colors,
|
|
26
30
|
m as typography
|
|
27
31
|
};
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
package/dist/index.esm11.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import e from "./index.
|
|
2
|
+
import e from "./index.esm19.js";
|
|
3
3
|
function m() {
|
|
4
4
|
return /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5
5
|
}
|
package/dist/index.esm12.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import r from "./index.
|
|
2
|
+
import r from "./index.esm21.js";
|
|
3
3
|
const f = { xs: 12, md: 20, lg: 24 }, v = ({ s: i }) => /* @__PURE__ */ a("svg", { width: i, height: i, viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true", children: [
|
|
4
4
|
/* @__PURE__ */ n("circle", { cx: "2", cy: "6", r: "1.25" }),
|
|
5
5
|
/* @__PURE__ */ n("circle", { cx: "6", cy: "6", r: "1.25" }),
|
package/dist/index.esm13.js
CHANGED
|
@@ -1,93 +1,67 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import e from "./index.
|
|
4
|
-
function
|
|
5
|
-
return
|
|
1
|
+
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useId as N } from "react";
|
|
3
|
+
import e from "./index.esm27.js";
|
|
4
|
+
function B() {
|
|
5
|
+
return /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M5 7.5l5 5 5-5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
6
6
|
}
|
|
7
|
-
function g(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
i === "Complete" ? e.minComplete : ""
|
|
37
|
-
].filter(Boolean).join(" "), r = [
|
|
38
|
-
e.minConnector,
|
|
39
|
-
i === "Complete" ? e.minConnectorComplete : e.minConnectorDefault
|
|
40
|
-
].join(" ");
|
|
41
|
-
return /* @__PURE__ */ d(S.Fragment, { children: [
|
|
7
|
+
function g({
|
|
8
|
+
options: u,
|
|
9
|
+
value: d,
|
|
10
|
+
placeholder: m = "Selecione",
|
|
11
|
+
label: t,
|
|
12
|
+
message: o,
|
|
13
|
+
state: c = "Default",
|
|
14
|
+
onChange: s,
|
|
15
|
+
id: f,
|
|
16
|
+
className: v
|
|
17
|
+
}) {
|
|
18
|
+
const p = N(), i = f ?? p, h = c === "Disabled", a = c === "Error", b = [
|
|
19
|
+
e.field,
|
|
20
|
+
a ? e.error : "",
|
|
21
|
+
v
|
|
22
|
+
].filter(Boolean).join(" "), j = [
|
|
23
|
+
e.select,
|
|
24
|
+
d ? "" : e.placeholder
|
|
25
|
+
].filter(Boolean).join(" ");
|
|
26
|
+
return /* @__PURE__ */ n("div", { className: e.wrapper, children: [
|
|
27
|
+
t && /* @__PURE__ */ r(
|
|
28
|
+
"label",
|
|
29
|
+
{
|
|
30
|
+
htmlFor: i,
|
|
31
|
+
className: [e.label, h ? e.labelDisabled : ""].filter(Boolean).join(" "),
|
|
32
|
+
children: t
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ n("div", { className: b, children: [
|
|
42
36
|
/* @__PURE__ */ n(
|
|
43
|
-
"
|
|
37
|
+
"select",
|
|
44
38
|
{
|
|
45
|
-
|
|
46
|
-
className:
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
id: i,
|
|
40
|
+
className: j,
|
|
41
|
+
value: d ?? "",
|
|
42
|
+
disabled: h,
|
|
43
|
+
"aria-invalid": a,
|
|
44
|
+
"aria-describedby": o ? `${i}-message` : void 0,
|
|
45
|
+
onChange: (l) => s == null ? void 0 : s(l.target.value),
|
|
46
|
+
children: [
|
|
47
|
+
/* @__PURE__ */ r("option", { value: "", disabled: !0, hidden: !0, children: m }),
|
|
48
|
+
u.map((l) => /* @__PURE__ */ r("option", { value: l.value, children: l.label }, l.value))
|
|
49
|
+
]
|
|
49
50
|
}
|
|
50
51
|
),
|
|
51
|
-
|
|
52
|
-
] },
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
{
|
|
63
|
-
className: i,
|
|
64
|
-
"aria-label": "Steps",
|
|
65
|
-
children: t.map((c, r) => {
|
|
66
|
-
const l = u(r, o), f = g(r, s), h = l === "Active" || l === "Complete", C = s - r, v = [
|
|
67
|
-
e.item,
|
|
68
|
-
e[`type${f}`],
|
|
69
|
-
e[`state${l}`]
|
|
70
|
-
].join(" "), p = h ? e.textLight : e.textDark;
|
|
71
|
-
return /* @__PURE__ */ d(
|
|
72
|
-
"div",
|
|
73
|
-
{
|
|
74
|
-
className: v,
|
|
75
|
-
style: { zIndex: C },
|
|
76
|
-
role: "listitem",
|
|
77
|
-
"aria-current": l === "Active" ? "step" : void 0,
|
|
78
|
-
"aria-label": `Step ${r + 1} of ${s}: ${c.label}${l === "Active" ? " (current)" : l === "Complete" ? " (completed)" : ""}`,
|
|
79
|
-
children: [
|
|
80
|
-
/* @__PURE__ */ n("span", { className: [e.label, p].join(" "), children: c.label }),
|
|
81
|
-
l === "Complete" ? /* @__PURE__ */ n("span", { className: [e.checkIcon, p].join(" "), children: /* @__PURE__ */ n(j, {}) }) : /* @__PURE__ */ n("span", { className: [e.num, p].join(" "), children: String(r + 1).padStart(2, "0") })
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
|
-
r
|
|
85
|
-
);
|
|
86
|
-
})
|
|
87
|
-
}
|
|
88
|
-
);
|
|
52
|
+
/* @__PURE__ */ r("span", { className: e.chevron, children: /* @__PURE__ */ r(B, {}) })
|
|
53
|
+
] }),
|
|
54
|
+
o && /* @__PURE__ */ r(
|
|
55
|
+
"p",
|
|
56
|
+
{
|
|
57
|
+
id: `${i}-message`,
|
|
58
|
+
className: [e.message, a ? e.messageError : ""].filter(Boolean).join(" "),
|
|
59
|
+
children: o
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
] });
|
|
89
63
|
}
|
|
90
64
|
export {
|
|
91
|
-
|
|
65
|
+
g as Select
|
|
92
66
|
};
|
|
93
67
|
//# sourceMappingURL=index.esm13.js.map
|
package/dist/index.esm13.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm13.js","sources":["../components/
|
|
1
|
+
{"version":3,"file":"index.esm13.js","sources":["../components/Select/Select.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Select.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface SelectOption {\n value: string;\n label: string;\n}\n\nexport type SelectState = 'Default' | 'Disabled' | 'Error';\n\nexport interface SelectProps {\n /** Options to render */\n options: SelectOption[];\n /** Currently selected value */\n value?: string;\n /** Placeholder shown when no value is selected */\n placeholder?: string;\n /** Label rendered above the field */\n label?: string;\n /** Helper or error message rendered below the field */\n message?: string;\n /** Visual/interaction state */\n state?: SelectState;\n onChange?: (value: string) => void;\n id?: string;\n className?: string;\n}\n\n// ─── Chevron icon ─────────────────────────────────────────────────────────────\n\nfunction IconChevron() {\n return (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 7.5l5 5 5-5\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n );\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Select({\n options,\n value,\n placeholder = 'Selecione',\n label,\n message,\n state = 'Default',\n onChange,\n id: idProp,\n className,\n}: SelectProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n\n const isDisabled = state === 'Disabled';\n const isError = state === 'Error';\n\n const fieldClass = [\n styles.field,\n isError ? styles.error : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const selectClass = [\n styles.select,\n !value ? styles.placeholder : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={styles.wrapper}>\n {label && (\n <label\n htmlFor={id}\n className={[styles.label, isDisabled ? styles.labelDisabled : '']\n .filter(Boolean)\n .join(' ')}\n >\n {label}\n </label>\n )}\n\n <div className={fieldClass}>\n <select\n id={id}\n className={selectClass}\n value={value ?? ''}\n disabled={isDisabled}\n aria-invalid={isError}\n aria-describedby={message ? `${id}-message` : undefined}\n onChange={(e) => onChange?.(e.target.value)}\n >\n <option value=\"\" disabled hidden>\n {placeholder}\n </option>\n {options.map((opt) => (\n <option key={opt.value} value={opt.value}>\n {opt.label}\n </option>\n ))}\n </select>\n <span className={styles.chevron}>\n <IconChevron />\n </span>\n </div>\n\n {message && (\n <p\n id={`${id}-message`}\n className={[styles.message, isError ? styles.messageError : '']\n .filter(Boolean)\n .join(' ')}\n >\n {message}\n </p>\n )}\n </div>\n );\n}\n"],"names":["IconChevron","jsx","Select","options","value","placeholder","label","message","state","onChange","idProp","className","generatedId","useId","id","isDisabled","isError","fieldClass","styles","selectClass","jsxs","e","opt"],"mappings":";;;AAgCA,SAASA,IAAc;AACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,4BAAC,QAAA,EAAK,GAAE,kBAAiB,QAAO,gBAAe,aAAY,QAAO,eAAc,SAAQ,gBAAe,QAAA,CAAQ,EAAA,CACjH;AAEJ;AAIO,SAASC,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAcC,EAAA,GACdC,IAAKJ,KAAUE,GAEfG,IAAaP,MAAU,YACvBQ,IAAUR,MAAU,SAEpBS,IAAa;AAAA,IACjBC,EAAO;AAAA,IACPF,IAAUE,EAAO,QAAQ;AAAA,IACzBP;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAc;AAAA,IAClBD,EAAO;AAAA,IACNd,IAA6B,KAArBc,EAAO;AAAA,EAAc,EAE7B,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,SACpB,UAAA;AAAA,IAAAZ,KACC,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASa;AAAA,QACT,WAAW,CAACI,EAAO,OAAOH,IAAaG,EAAO,gBAAgB,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEV,UAAAZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,gBAAAc,EAAC,OAAA,EAAI,WAAWH,GACd,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAN;AAAA,UACA,WAAWK;AAAA,UACX,OAAOf,KAAS;AAAA,UAChB,UAAUW;AAAA,UACV,gBAAcC;AAAA,UACd,oBAAkBT,IAAU,GAAGO,CAAE,aAAa;AAAA,UAC9C,UAAU,CAACO,MAAMZ,KAAA,gBAAAA,EAAWY,EAAE,OAAO;AAAA,UAErC,UAAA;AAAA,YAAA,gBAAApB,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,QAAM,IAC7B,UAAAI,EAAA,CACH;AAAA,YACCF,EAAQ,IAAI,CAACmB,MACZ,gBAAArB,EAAC,UAAA,EAAuB,OAAOqB,EAAI,OAChC,UAAAA,EAAI,MAAA,GADMA,EAAI,KAEjB,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEF,QAAA,EAAK,WAAWJ,EAAO,SACtB,UAAA,gBAAAjB,EAACD,KAAY,EAAA,CACf;AAAA,IAAA,GACF;AAAA,IAECO,KACC,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,GAAGa,CAAE;AAAA,QACT,WAAW,CAACI,EAAO,SAASF,IAAUE,EAAO,eAAe,EAAE,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEV,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}
|