@blitheforge/media-library 1.0.7 → 1.0.8
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/README.md +4 -4
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -39,16 +39,16 @@ npm install react react-dom
|
|
|
39
39
|
In your app entry (e.g. `app/layout.tsx` or `main.tsx`):
|
|
40
40
|
|
|
41
41
|
```tsx
|
|
42
|
-
import "./globals.css";
|
|
43
42
|
import "@blitheforge/media-library/styles.css";
|
|
43
|
+
import "./globals.css";
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
Import the library **
|
|
46
|
+
Import the library **before** your globals. Library utilities live in a lower CSS layer (`bfml`) so they will not override your app's responsive classes (e.g. `hidden lg:block` on sidebars).
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
**Required for npm installs** — add this to your `globals.css` so Tailwind generates library classes in your app's utilities layer:
|
|
49
49
|
|
|
50
50
|
```css
|
|
51
|
-
@source "
|
|
51
|
+
@source "../../node_modules/@blitheforge/media-library/dist/index.js";
|
|
52
52
|
```
|
|
53
53
|
|
|
54
54
|
Do **not** add `@source` for this package in your app Tailwind config.
|
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer bfml{:root,:host{--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[45\]{z-index:45}.z-\[9999\]{z-index:9999}.z-\[10001\]{z-index:10001}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-\[min\(88vw\,280px\)\]{width:min(88vw,280px)}.w-\[min\(100\%\,20rem\)\]{width:min(100%,20rem)}.w-full{width:100%}.max-w-\[9rem\]{max-width:9rem}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-\[180px\]{flex-basis:180px}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--bfml-border\)\]{border-color:var(--bfml-border)}.border-\[var\(--bfml-destructive\)\]\/30{border-color:var(--bfml-destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-destructive\)\]\/30{border-color:color-mix(in oklab, var(--bfml-destructive) 30%, transparent)}}.border-\[var\(--bfml-destructive\)\]\/40{border-color:var(--bfml-destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-destructive\)\]\/40{border-color:color-mix(in oklab, var(--bfml-destructive) 40%, transparent)}}.border-\[var\(--bfml-primary\)\]{border-color:var(--bfml-primary)}.border-\[var\(--bfml-success\)\]\/30{border-color:var(--bfml-success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-success\)\]\/30{border-color:color-mix(in oklab, var(--bfml-success) 30%, transparent)}}.border-\[var\(--bfml-success\)\]\/40{border-color:var(--bfml-success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-success\)\]\/40{border-color:color-mix(in oklab, var(--bfml-success) 40%, transparent)}}.border-\[var\(--bfml-surface-soft\)\]{border-color:var(--bfml-surface-soft)}.border-\[var\(--bfml-warning\)\]\/30{border-color:var(--bfml-warning)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-warning\)\]\/30{border-color:color-mix(in oklab, var(--bfml-warning) 30%, transparent)}}.bg-\[var\(--bfml-destructive\)\]{background-color:var(--bfml-destructive)}.bg-\[var\(--bfml-destructive-soft\)\]{background-color:var(--bfml-destructive-soft)}.bg-\[var\(--bfml-overlay\)\]{background-color:var(--bfml-overlay)}.bg-\[var\(--bfml-primary\)\]{background-color:var(--bfml-primary)}.bg-\[var\(--bfml-primary-soft\)\]\/80{background-color:var(--bfml-primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bfml-primary-soft\)\]\/80{background-color:color-mix(in oklab, var(--bfml-primary-soft) 80%, transparent)}}.bg-\[var\(--bfml-success-soft\)\]{background-color:var(--bfml-success-soft)}.bg-\[var\(--bfml-surface\)\]{background-color:var(--bfml-surface)}.bg-\[var\(--bfml-surface-soft\)\]{background-color:var(--bfml-surface-soft)}.bg-\[var\(--bfml-warning-soft\)\]{background-color:var(--bfml-warning-soft)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--bfml-destructive\)\]{color:var(--bfml-destructive)}.text-\[var\(--bfml-foreground\)\]{color:var(--bfml-foreground)}.text-\[var\(--bfml-muted-foreground\)\]{color:var(--bfml-muted-foreground)}.text-\[var\(--bfml-primary\)\]{color:var(--bfml-primary)}.text-\[var\(--bfml-primary-foreground\)\]{color:var(--bfml-primary-foreground)}.text-\[var\(--bfml-success\)\]{color:var(--bfml-success)}.text-\[var\(--bfml-success-foreground\)\]{color:var(--bfml-success-foreground)}.text-\[var\(--bfml-warning\)\]{color:var(--bfml-warning)}.text-\[var\(--bfml-warning-foreground\)\]{color:var(--bfml-warning-foreground)}.uppercase{text-transform:uppercase}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[var\(--bfml-shadow\)\]{--tw-shadow:var(--bfml-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bfml-shadow-lg\)\]{--tw-shadow:var(--bfml-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--bfml-primary\)\]{--tw-ring-color:var(--bfml-primary)}.ring-\[var\(--bfml-primary-soft\)\]{--tw-ring-color:var(--bfml-primary-soft)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-\[var\(--bfml-surface\)\]{--tw-ring-offset-color:var(--bfml-surface)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[var\(--bfml-muted-foreground\)\]::placeholder{color:var(--bfml-muted-foreground)}@media (hover:hover){.hover\:border-\[var\(--bfml-primary-border\)\]:hover{border-color:var(--bfml-primary-border)}.hover\:bg-\[var\(--bfml-destructive-soft\)\]:hover{background-color:var(--bfml-destructive-soft)}.hover\:bg-\[var\(--bfml-primary-foreground\)\]\/15:hover{background-color:var(--bfml-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--bfml-primary-foreground\)\]\/15:hover{background-color:color-mix(in oklab, var(--bfml-primary-foreground) 15%, transparent)}}.hover\:bg-\[var\(--bfml-surface\)\]:hover{background-color:var(--bfml-surface)}.hover\:bg-\[var\(--bfml-surface-soft\)\]:hover{background-color:var(--bfml-surface-soft)}.hover\:text-\[var\(--bfml-foreground\)\]:hover{color:var(--bfml-foreground)}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--bfml-primary-border\)\]:focus{border-color:var(--bfml-primary-border)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--bfml-primary-soft\)\]:focus{--tw-ring-color:var(--bfml-primary-soft)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:top-2{top:calc(var(--spacing) * 2)}.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:left-4{left:calc(var(--spacing) * 4)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-28{height:calc(var(--spacing) * 28)}.sm\:h-40{height:calc(var(--spacing) * 40)}.sm\:h-\[min\(92vh\,760px\)\]{height:min(92vh,760px)}.sm\:w-4{width:calc(var(--spacing) * 4)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-auto{width:auto}.sm\:max-w-6xl{max-width:var(--container-6xl)}.sm\:max-w-none{max-width:none}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:border-\[var\(--bfml-border\)\]{border-color:var(--bfml-border)}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:text-left{text-align:left}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:p-4{padding:calc(var(--spacing) * 4)}}@media (min-width:64rem){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:mt-5{margin-top:calc(var(--spacing) * 5)}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:calc(var(--spacing) * 0)}.lg\:w-auto{width:auto}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,240px\)_1fr\]{grid-template-columns:minmax(0,240px) 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bfml-root{--bfml-background:var(--background,#f9fafb);--bfml-foreground:var(--foreground,#111827);--bfml-surface:var(--surface,#fff);--bfml-surface-soft:var(--surface-soft,#f3f4f6);--bfml-border:var(--border,#e5e7eb);--bfml-muted-foreground:var(--muted-foreground,#6b7280);--bfml-primary:var(--primary,#465fff);--bfml-primary-foreground:var(--primary-foreground,#fff);--bfml-primary-soft:var(--primary-soft,#eef4ff);--bfml-primary-border:var(--primary-border,#c7d7ff);--bfml-destructive:var(--destructive,#b42318);--bfml-destructive-soft:var(--destructive-soft,#fef3f2);--bfml-success:var(--accent,#12b76a);--bfml-success-soft:var(--accent-soft,#ecfdf3);--bfml-success-foreground:var(--foreground,#065f46);--bfml-warning:var(--warning,#f79009);--bfml-warning-soft:var(--warning-soft,#fffaeb);--bfml-warning-foreground:var(--foreground,#92400e);--bfml-overlay:#0f172a8c;--bfml-shadow:var(--shadow,0 1px 2px #1018280d);--bfml-shadow-lg:var(--shadow-lg,0 10px 30px #10182814);color:var(--bfml-foreground);font-family:ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark] .bfml-root,html[data-theme=dark] .bfml-root{--bfml-overlay:#000000b8;--bfml-success-foreground:var(--foreground,#d1fae5);--bfml-warning-foreground:var(--foreground,#fde68a)}.bfml-root[data-theme=light]{--bfml-background:#f9fafb;--bfml-foreground:#111827;--bfml-surface:#fff;--bfml-surface-soft:#f3f4f6;--bfml-border:#e5e7eb;--bfml-muted-foreground:#6b7280;--bfml-primary:#465fff;--bfml-primary-foreground:#fff;--bfml-primary-soft:#eef4ff;--bfml-primary-border:#c7d7ff;--bfml-destructive:#b42318;--bfml-destructive-soft:#fef3f2;--bfml-success:#12b76a;--bfml-success-soft:#ecfdf3;--bfml-success-foreground:#065f46;--bfml-warning:#f79009;--bfml-warning-soft:#fffaeb;--bfml-warning-foreground:#92400e;--bfml-overlay:#0f172a8c;--bfml-shadow:0 1px 2px #1018280d;--bfml-shadow-lg:0 10px 30px #10182814}.bfml-root[data-theme=dark]{--bfml-background:#101828;--bfml-foreground:#f8fafc;--bfml-surface:#111827;--bfml-surface-soft:#1f2937;--bfml-border:#1f2937;--bfml-muted-foreground:#94a3b8;--bfml-primary:#7592ff;--bfml-primary-foreground:#fff;--bfml-primary-soft:#465fff26;--bfml-primary-border:#465fff59;--bfml-destructive:#ef4444;--bfml-destructive-soft:#ef444426;--bfml-success:#32d583;--bfml-success-soft:#12b76a26;--bfml-success-foreground:#d1fae5;--bfml-warning:#fdb022;--bfml-warning-soft:#f7900926;--bfml-warning-foreground:#fde68a;--bfml-overlay:#000000b8;--bfml-shadow:0 24px 70px #0000006b;--bfml-shadow-lg:0 24px 70px #0000006b}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer bfml{:root,:host{--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[45\]{z-index:45}.z-\[9999\]{z-index:9999}.z-\[10001\]{z-index:10001}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-\[min\(88vw\,280px\)\]{width:min(88vw,280px)}.w-\[min\(100\%\,20rem\)\]{width:min(100%,20rem)}.w-full{width:100%}.max-w-\[9rem\]{max-width:9rem}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-\[180px\]{flex-basis:180px}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--bfml-border\)\]{border-color:var(--bfml-border)}.border-\[var\(--bfml-destructive\)\]\/30{border-color:var(--bfml-destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-destructive\)\]\/30{border-color:color-mix(in oklab, var(--bfml-destructive) 30%, transparent)}}.border-\[var\(--bfml-destructive\)\]\/40{border-color:var(--bfml-destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-destructive\)\]\/40{border-color:color-mix(in oklab, var(--bfml-destructive) 40%, transparent)}}.border-\[var\(--bfml-primary\)\]{border-color:var(--bfml-primary)}.border-\[var\(--bfml-success\)\]\/30{border-color:var(--bfml-success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-success\)\]\/30{border-color:color-mix(in oklab, var(--bfml-success) 30%, transparent)}}.border-\[var\(--bfml-success\)\]\/40{border-color:var(--bfml-success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-success\)\]\/40{border-color:color-mix(in oklab, var(--bfml-success) 40%, transparent)}}.border-\[var\(--bfml-surface-soft\)\]{border-color:var(--bfml-surface-soft)}.border-\[var\(--bfml-warning\)\]\/30{border-color:var(--bfml-warning)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--bfml-warning\)\]\/30{border-color:color-mix(in oklab, var(--bfml-warning) 30%, transparent)}}.bg-\[var\(--bfml-destructive\)\]{background-color:var(--bfml-destructive)}.bg-\[var\(--bfml-destructive-soft\)\]{background-color:var(--bfml-destructive-soft)}.bg-\[var\(--bfml-overlay\)\]{background-color:var(--bfml-overlay)}.bg-\[var\(--bfml-primary\)\]{background-color:var(--bfml-primary)}.bg-\[var\(--bfml-primary-soft\)\]\/80{background-color:var(--bfml-primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--bfml-primary-soft\)\]\/80{background-color:color-mix(in oklab, var(--bfml-primary-soft) 80%, transparent)}}.bg-\[var\(--bfml-success-soft\)\]{background-color:var(--bfml-success-soft)}.bg-\[var\(--bfml-surface\)\]{background-color:var(--bfml-surface)}.bg-\[var\(--bfml-surface-soft\)\]{background-color:var(--bfml-surface-soft)}.bg-\[var\(--bfml-warning-soft\)\]{background-color:var(--bfml-warning-soft)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--bfml-destructive\)\]{color:var(--bfml-destructive)}.text-\[var\(--bfml-foreground\)\]{color:var(--bfml-foreground)}.text-\[var\(--bfml-muted-foreground\)\]{color:var(--bfml-muted-foreground)}.text-\[var\(--bfml-primary\)\]{color:var(--bfml-primary)}.text-\[var\(--bfml-primary-foreground\)\]{color:var(--bfml-primary-foreground)}.text-\[var\(--bfml-success\)\]{color:var(--bfml-success)}.text-\[var\(--bfml-success-foreground\)\]{color:var(--bfml-success-foreground)}.text-\[var\(--bfml-warning\)\]{color:var(--bfml-warning)}.text-\[var\(--bfml-warning-foreground\)\]{color:var(--bfml-warning-foreground)}.uppercase{text-transform:uppercase}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[var\(--bfml-shadow\)\]{--tw-shadow:var(--bfml-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--bfml-shadow-lg\)\]{--tw-shadow:var(--bfml-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--bfml-primary\)\]{--tw-ring-color:var(--bfml-primary)}.ring-\[var\(--bfml-primary-soft\)\]{--tw-ring-color:var(--bfml-primary-soft)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-\[var\(--bfml-surface\)\]{--tw-ring-offset-color:var(--bfml-surface)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[var\(--bfml-muted-foreground\)\]::placeholder{color:var(--bfml-muted-foreground)}@media (hover:hover){.hover\:border-\[var\(--bfml-primary-border\)\]:hover{border-color:var(--bfml-primary-border)}.hover\:bg-\[var\(--bfml-destructive-soft\)\]:hover{background-color:var(--bfml-destructive-soft)}.hover\:bg-\[var\(--bfml-primary-foreground\)\]\/15:hover{background-color:var(--bfml-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--bfml-primary-foreground\)\]\/15:hover{background-color:color-mix(in oklab, var(--bfml-primary-foreground) 15%, transparent)}}.hover\:bg-\[var\(--bfml-surface\)\]:hover{background-color:var(--bfml-surface)}.hover\:bg-\[var\(--bfml-surface-soft\)\]:hover{background-color:var(--bfml-surface-soft)}.hover\:text-\[var\(--bfml-foreground\)\]:hover{color:var(--bfml-foreground)}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--bfml-primary-border\)\]:focus{border-color:var(--bfml-primary-border)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--bfml-primary-soft\)\]:focus{--tw-ring-color:var(--bfml-primary-soft)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:top-2{top:calc(var(--spacing) * 2)}.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:left-4{left:calc(var(--spacing) * 4)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-28{height:calc(var(--spacing) * 28)}.sm\:h-40{height:calc(var(--spacing) * 40)}.sm\:h-\[min\(92vh\,760px\)\]{height:min(92vh,760px)}.sm\:w-4{width:calc(var(--spacing) * 4)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-auto{width:auto}.sm\:max-w-6xl{max-width:var(--container-6xl)}.sm\:max-w-none{max-width:none}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:border-\[var\(--bfml-border\)\]{border-color:var(--bfml-border)}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:text-left{text-align:left}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:p-4{padding:calc(var(--spacing) * 4)}}@media (min-width:64rem){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:mt-5{margin-top:calc(var(--spacing) * 5)}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:calc(var(--spacing) * 0)}.lg\:w-auto{width:auto}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,240px\)_1fr\]{grid-template-columns:minmax(0,240px) 1fr}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}.bfml-root{--bfml-background:var(--background,#f9fafb);--bfml-foreground:var(--foreground,#111827);--bfml-surface:var(--surface,#fff);--bfml-surface-soft:var(--surface-soft,#f3f4f6);--bfml-border:var(--border,#e5e7eb);--bfml-muted-foreground:var(--muted-foreground,#6b7280);--bfml-primary:var(--primary,#465fff);--bfml-primary-foreground:var(--primary-foreground,#fff);--bfml-primary-soft:var(--primary-soft,#eef4ff);--bfml-primary-border:var(--primary-border,#c7d7ff);--bfml-destructive:var(--destructive,#b42318);--bfml-destructive-soft:var(--destructive-soft,#fef3f2);--bfml-success:var(--accent,#12b76a);--bfml-success-soft:var(--accent-soft,#ecfdf3);--bfml-success-foreground:var(--foreground,#065f46);--bfml-warning:var(--warning,#f79009);--bfml-warning-soft:var(--warning-soft,#fffaeb);--bfml-warning-foreground:var(--foreground,#92400e);--bfml-overlay:#0f172a8c;--bfml-shadow:var(--shadow,0 1px 2px #1018280d);--bfml-shadow-lg:var(--shadow-lg,0 10px 30px #10182814);color:var(--bfml-foreground);font-family:ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark] .bfml-root,html[data-theme=dark] .bfml-root{--bfml-overlay:#000000b8;--bfml-success-foreground:var(--foreground,#d1fae5);--bfml-warning-foreground:var(--foreground,#fde68a)}.bfml-root[data-theme=light]{--bfml-background:#f9fafb;--bfml-foreground:#111827;--bfml-surface:#fff;--bfml-surface-soft:#f3f4f6;--bfml-border:#e5e7eb;--bfml-muted-foreground:#6b7280;--bfml-primary:#465fff;--bfml-primary-foreground:#fff;--bfml-primary-soft:#eef4ff;--bfml-primary-border:#c7d7ff;--bfml-destructive:#b42318;--bfml-destructive-soft:#fef3f2;--bfml-success:#12b76a;--bfml-success-soft:#ecfdf3;--bfml-success-foreground:#065f46;--bfml-warning:#f79009;--bfml-warning-soft:#fffaeb;--bfml-warning-foreground:#92400e;--bfml-overlay:#0f172a8c;--bfml-shadow:0 1px 2px #1018280d;--bfml-shadow-lg:0 10px 30px #10182814}.bfml-root[data-theme=dark]{--bfml-background:#101828;--bfml-foreground:#f8fafc;--bfml-surface:#111827;--bfml-surface-soft:#1f2937;--bfml-border:#1f2937;--bfml-muted-foreground:#94a3b8;--bfml-primary:#7592ff;--bfml-primary-foreground:#fff;--bfml-primary-soft:#465fff26;--bfml-primary-border:#465fff59;--bfml-destructive:#ef4444;--bfml-destructive-soft:#ef444426;--bfml-success:#32d583;--bfml-success-soft:#12b76a26;--bfml-success-foreground:#d1fae5;--bfml-warning:#fdb022;--bfml-warning-soft:#f7900926;--bfml-warning-foreground:#fde68a;--bfml-overlay:#000000b8;--bfml-shadow:0 24px 70px #0000006b;--bfml-shadow-lg:0 24px 70px #0000006b}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blitheforge/media-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "Tailwind-based React media library with nested folders, upload, and configurable API URLs.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Mahadi Hasan",
|
|
@@ -42,12 +42,12 @@
|
|
|
42
42
|
"**/*.css"
|
|
43
43
|
],
|
|
44
44
|
"scripts": {
|
|
45
|
-
"build": "
|
|
45
|
+
"build": "tsup && tailwindcss -i ./src/styles.css -o ./dist/style.css --minify",
|
|
46
46
|
"build:js": "tsup",
|
|
47
47
|
"build:css": "tailwindcss -i ./src/styles.css -o ./dist/style.css --minify",
|
|
48
48
|
"dev": "tsup --watch",
|
|
49
49
|
"typecheck": "tsc --noEmit",
|
|
50
|
-
"prepublishOnly": "
|
|
50
|
+
"prepublishOnly": "tsup && tailwindcss -i ./src/styles.css -o ./dist/style.css --minify"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"react": ">=18",
|