@simpoobusiness/sdk 1.0.10 → 1.0.12

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.
Files changed (30) hide show
  1. package/README.md +94 -65
  2. package/dist/simpoo-sdk.css +1 -0
  3. package/dist/simpoo-sdk.js.map +1 -1
  4. package/package.json +5 -8
  5. package/dist/api/client.d.ts +0 -1
  6. package/dist/assets/icons.d.ts +0 -1
  7. package/dist/assets/images/placeholder-image.svg +0 -4
  8. package/dist/cjs/index.js +0 -29456
  9. package/dist/cjs/index.js.map +0 -1
  10. package/dist/components/atoms/InfoCard.d.ts +0 -8
  11. package/dist/components/atoms/status-component.d.ts +0 -4
  12. package/dist/components/molecule/ItemEmpty.d.ts +0 -9
  13. package/dist/components/molecule/Table.d.ts +0 -27
  14. package/dist/components/molecule/pagination-component.d.ts +0 -13
  15. package/dist/components/ui/dropdown-menu.d.ts +0 -27
  16. package/dist/components/ui/hover-card.d.ts +0 -6
  17. package/dist/components/ui/skeleton.d.ts +0 -2
  18. package/dist/components/ui/table.d.ts +0 -10
  19. package/dist/components/widgets/inventory/InventoryTable.d.ts +0 -2
  20. package/dist/components/widgets/inventory/item-column.d.ts +0 -22
  21. package/dist/context/SimpooProvider.d.ts +0 -11
  22. package/dist/embed.d.ts +0 -4
  23. package/dist/esm/index.js +0 -29435
  24. package/dist/esm/index.js.map +0 -1
  25. package/dist/index.d.ts +0 -11
  26. package/dist/lib/utils.d.ts +0 -2
  27. package/dist/store/actions/utility.d.ts +0 -2
  28. package/dist/store/index.d.ts +0 -16
  29. package/dist/store/reducers/appSlice.d.ts +0 -6
  30. package/dist/styles.css +0 -1110
package/README.md CHANGED
@@ -1,65 +1,94 @@
1
- # @simpoobusiness/sdk
2
-
3
- A React-based SDK for embedding **Simpoo Business components** (like Inventory Table) into your application.
4
-
5
- ---
6
-
7
- ## 🚀 Installation
8
-
9
- Install via npm or yarn:
10
-
11
- ```bash
12
- npm install @simpoobusiness/sdk
13
- # OR
14
- yarn add @simpoobusiness/sdk
15
- ```
16
-
17
- ## ✅ Features
18
-
19
- - 📊 Inventory Table Component – Display real-time inventory.
20
-
21
- - 🔐 Secure API Calls – Uses your Simpoo API key.
22
-
23
- - 🎨 Styled with Tailwind & Responsive UI.
24
-
25
- - ⚡ Lightweight & Easy Integration.
26
-
27
- ## 📦 Usage
28
-
29
- Import and use the SDK components in your React application:
30
-
31
- Wrap your app with the **SimpooProvider** and pass your API key:
32
-
33
- ```jsx
34
- import { SimpooProvider, InventoryTable } from "@simpoobusiness/sdk";
35
-
36
- export default function App() {
37
- return (
38
- <SimpooProvider apiKey="YOUR_API_KEY">
39
- <div style={{ padding: "20px" }}>
40
- <h1>My Inventory</h1>
41
- <InventoryTable />
42
- </div>
43
- </SimpooProvider>
44
- );
45
- }
46
- ```
47
-
48
- > **Note:** Replace `YOUR_API_KEY` with your actual Simpoo Business API key.
49
-
50
- ## 🛠️ Available Components
51
-
52
- - `InventoryTable`: Displays your business inventory.
53
- - More components coming soon!
54
-
55
- ## ⚙️ Props
56
-
57
- Each component may accept specific props. For example, `InventoryTable`:
58
-
59
- | Prop | Type | Description |
60
- | ------ | ------ | ---------------------------- |
61
- | apiKey | string | Your Simpoo Business API key |
62
-
63
- ## 📖 Documentation
64
-
65
- See the [official docs](https://savics407.github.io/simpoo-sdk/) for more details and advanced usage.
1
+ # Simpoo SDK
2
+
3
+ Simpoo SDK allows you to embed inventory widgets into **any website** (HTML, PHP, Next.js, WordPress, etc.) with **just a script and CSS file**.
4
+ No npm installation is required.
5
+
6
+ ---
7
+
8
+ ## 🚀 Quick Start
9
+
10
+ ### Include SDK in Your Website
11
+
12
+ Add these tags inside your `<head>` or before `</body>`:
13
+
14
+ ```html
15
+ <link
16
+ rel="stylesheet"
17
+ href="https://unpkg.com/@simpoobusiness/sdk/dist/simpoo-sdk.css"
18
+ />
19
+ <script src="https://unpkg.com/@simpoobusiness/sdk/dist/simpoo-sdk.js"></script>
20
+ ```
21
+
22
+ Add a container where you want the inventory widget to appear:
23
+
24
+ ```html
25
+ <div id="inventory-widget"></div>
26
+ ```
27
+
28
+ Then initialize and render the widget:
29
+
30
+ ```html
31
+ <script>
32
+ SimpooSDK.init({ apiKey: "YOUR_API_KEY" });
33
+ SimpooSDK.renderInventory("#inventory-widget");
34
+ </script>
35
+ ```
36
+
37
+ ✅ **That's it!** The widget will load with full styling.
38
+
39
+ ---
40
+
41
+ ## 📦 CDN Files
42
+
43
+ - `simpoo-sdk.js` → Main SDK script (React included).
44
+ - `simpoo-sdk.css` → Styles for inventory components.
45
+
46
+ ---
47
+
48
+ ## ⚙️ API Reference
49
+
50
+ ### **SimpooSDK.init(config)**
51
+
52
+ Initialize the SDK with your configuration.
53
+
54
+ **Parameters:**
55
+
56
+ - `config.apiKey` (string) – Your API key.
57
+
58
+ **Example:**
59
+
60
+ ```js
61
+ SimpooSDK.init({ apiKey: "12345" });
62
+ ```
63
+
64
+ ---
65
+
66
+ ### **SimpooSDK.renderInventory(containerSelector)**
67
+
68
+ Render the inventory widget in a container.
69
+
70
+ **Parameters:**
71
+
72
+ - `containerSelector` (string) – CSS selector for the container.
73
+
74
+ **Example:**
75
+
76
+ ```js
77
+ SimpooSDK.renderInventory("#inventory-widget");
78
+ ```
79
+
80
+ ---
81
+
82
+ ## 🔍 Troubleshooting
83
+
84
+ - **Widget not rendering?**
85
+ Ensure the container `<div>` exists and the selector matches.
86
+ - **No styles applied?**
87
+ Make sure `<link rel="stylesheet" href="https://cdn.example.com/simpoo-sdk.css">` is included.
88
+ <!-- *(If missing, the SDK will auto-inject CSS.)* -->
89
+
90
+ ---
91
+
92
+ ## 📄 License
93
+
94
+ MIT
package/dist/simpoo-sdk.css ADDED
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:0.1em;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.left-2{left:calc(var(--spacing)*2)}.z-50{z-index:50}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.ml-auto{margin-left:auto}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-\[18px\]{height:18px}.h-\[30px\]{height:30px}.h-\[50px\]{height:50px}.h-full{height:100%}.h-px{height:1px}.w-2{width:calc(var(--spacing)*2)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-64{width:calc(var(--spacing)*64)}.w-\[50px\]{width:50px}.w-\[90px\]{width:90px}.w-\[140px\]{width:140px}.w-\[210px\]{width:210px}.w-full{width:100%}.max-w-\[265px\]{max-width:265px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[70px\]{min-width:70px}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.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-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-\[5px\]{gap:5px}.gap-\[30px\]{gap:30px}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[7px\]{border-radius:7px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.\!border-gray-600{border-color:var(--color-gray-600)!important}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-neutral-200{border-color:var(--color-neutral-200)}.bg-\[\#0A0D14\]{background-color:#0a0d14}.bg-\[\#9747FF1A\]{background-color:#9747ff1a}.bg-\[\#E1E3EA\]{background-color:#e1e3ea}.bg-\[\#f5edff\]{background-color:#f5edff}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentcolor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-\[7px\]{padding:7px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\[5px\]{padding-inline:5px}.px-\[15px\]{padding-inline:15px}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-24{padding-block:calc(var(--spacing)*24)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.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}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#7239EA\]{color:#7239ea}.text-\[\#CDD0D5\]{color:#cdd0d5}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-neutral-950{color:var(--color-neutral-950)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.opacity-60{opacity:60%}.shadow-\[0_3px_4px_0_\#00000008\]{--tw-shadow:0 3px 4px 0 var(--tw-shadow-color,#00000008)}.shadow-\[0_3px_4px_0_\#00000008\],.shadow-\[0_8px_14px_0_\#0F2A510A\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_14px_0_\#0F2A510A\]{--tw-shadow:0 8px 14px 0 var(--tw-shadow-color,#0f2a510a)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.first-letter\:uppercase{&:first-letter{text-transform:uppercase}}.hover\:border{&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}}.hover\:\!bg-gray-100{&:hover{@media (hover:hover){background-color:var(--color-gray-100)!important}}}.hover\:bg-gray-50{&:hover{@media (hover:hover){background-color:var(--color-gray-50)}}}.hover\:bg-gray-100{&:hover{@media (hover:hover){background-color:var(--color-gray-100)}}}.focus\:bg-neutral-100{&:focus{background-color:var(--color-neutral-100)}}.focus\:text-neutral-900{&:focus{color:var(--color-neutral-900)}}.data-\[disabled\]\:pointer-events-none{&[data-disabled]{pointer-events:none}}.data-\[disabled\]\:opacity-50{&[data-disabled]{opacity:50%}}.data-\[side\=bottom\]\:slide-in-from-top-2{&[data-side=bottom]{--tw-enter-translate-y:calc(var(--spacing)*2*-1)}}.data-\[side\=left\]\:slide-in-from-right-2{&[data-side=left]{--tw-enter-translate-x:calc(var(--spacing)*2)}}.data-\[side\=right\]\:slide-in-from-left-2{&[data-side=right]{--tw-enter-translate-x:calc(var(--spacing)*2*-1)}}.data-\[side\=top\]\:slide-in-from-bottom-2{&[data-side=top]{--tw-enter-translate-y:calc(var(--spacing)*2)}}.data-\[state\=checked\]\:border-none{&[data-state=checked]{--tw-border-style:none;border-style:none}}.data-\[state\=closed\]\:animate-out{&[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:fade-out-0{&[data-state=closed]{--tw-exit-opacity:0}}.data-\[state\=closed\]\:zoom-out-95{&[data-state=closed]{--tw-exit-scale:95%;--tw-exit-scale:.95}}.data-\[state\=open\]\:animate-in{&[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:bg-neutral-100{&[data-state=open]{background-color:var(--color-neutral-100)}}.data-\[state\=open\]\:fade-in-0{&[data-state=open]{--tw-enter-opacity:0}}.data-\[state\=open\]\:zoom-in-95{&[data-state=open]{--tw-enter-scale:95%;--tw-enter-scale:.95}}.data-\[state\=selected\]\:bg-gray-100{&[data-state=selected]{background-color:var(--color-gray-100)}}.dark\:bg-neutral-800,.dark\:bg-neutral-950,.dark\:border-neutral-800,.dark\:focus\:bg-neutral-800,.dark\:text-neutral-50{@media (prefers-color-scheme:dark){&:focus{background-color:var(--color-neutral-800)}}}.dark\:focus\:text-neutral-50{@media (prefers-color-scheme:dark){&:focus{color:var(--color-neutral-50)}}}.dark\:data-\[state\=open\]\:bg-neutral-800{@media (prefers-color-scheme:dark){&[data-state=open]{background-color:var(--color-neutral-800)}}}.\[\&_tr\]\:border-b{& tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.\[\&_tr\:last-child\]\:border-0{& tr:last-child{border-style:var(--tw-border-style);border-width:0}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0{&:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}}.\[\&\>tr\]\:last\:border-b-0{&>tr{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}